@dnb/eufemia 10.57.0 → 10.58.0

package/extensions/forms/Iterate/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":["React","useContext","useEffect","useState","classnames","Hr","Flex","FormStatus","Space","IterateItemContext","ToolbarContext","FieldBoundaryContext","useTranslation","Toolbar","_ref","arguments","length","undefined","children","className","rest","_objectWithoutProperties","_excluded","index","value","arrayValue","items","errorInContainer","IterateEditContainer","hasError","hasVisibleError","showError","setShowError","_children","Children","count","createElement","Fragment","_extends","top","_Hr","space","Provider","Horizontal","gap","show","shellSpace","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react'\nimport classnames from 'classnames'\nimport { Hr } from '../../../../elements'\nimport { Flex, FormStatus, Space } from '../../../../components'\nimport { SpaceAllProps } from '../../../../components/Space'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from './ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { useTranslation } from '../../hooks'\n\nexport type ToolbarParams = {\n  index: number\n  items: Array<unknown>\n  value: unknown\n}\nexport type Props = Omit<SpaceAllProps, 'children'> & {\n  children?: React.ReactNode | ((params: ToolbarParams) => React.ReactNode)\n}\n\nexport default function Toolbar({\n  children,\n  className,\n  ...rest\n}: Props = {}) {\n  const {\n    index,\n    value,\n    arrayValue: items,\n  } = useContext(IterateItemContext) || {}\n  const { errorInContainer } = useTranslation().IterateEditContainer\n  const { hasError, hasVisibleError } =\n    useContext(FieldBoundaryContext) || {}\n  const [showError, setShowError] = useState(false)\n\n  useEffect(() => {\n    if (showError && !hasError) {\n      setShowError(false)\n    }\n  }, [hasError, showError])\n\n  if (typeof children === 'function') {\n    children = children?.({ index, items, value })\n  }\n\n  if (React.Children.count(children) === 0) {\n    return <></>\n  }\n\n  return (\n    <Space\n      top=\"medium\"\n      className={classnames('dnb-forms-iterate-toolbar', className)}\n      {...rest}\n    >\n      <Hr space={0} />\n\n      <ToolbarContext.Provider value={{ setShowError }}>\n        <Flex.Horizontal top=\"x-small\" gap=\"large\">\n          {children}\n        </Flex.Horizontal>\n      </ToolbarContext.Provider>\n\n      <FormStatus\n        show={showError && hasVisibleError}\n        shellSpace={{ top: 'x-small' }}\n        no_animation={false}\n      >\n        {errorInContainer}\n      </FormStatus>\n    </Space>\n  )\n}\n\nToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,EAAE,QAAQ,sBAAsB;AACzC,SAASC,IAAI,EAAEC,UAAU,EAAEC,KAAK,QAAQ,wBAAwB;AAEhE,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,SAASC,cAAc,QAAQ,aAAa;AAW5C,eAAe,SAASC,OAAOA,CAAA,EAIhB;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAJ,CAAC,CAAC;EAAA,IAJmB;MAC9BG,QAAQ;MACRC;IAEK,CAAC,GAAAL,IAAA;IADHM,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,UAAU,EAAEC;EACd,CAAC,GAAGzB,UAAU,CAACQ,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM;IAAEkB;EAAiB,CAAC,GAAGf,cAAc,CAAC,CAAC,CAACgB,oBAAoB;EAClE,MAAM;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GACjC7B,UAAU,CAACU,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM,CAACoB,SAAS,EAAEC,YAAY,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EAEjDD,SAAS,CAAC,MAAM;IACd,IAAI6B,SAAS,IAAI,CAACF,QAAQ,EAAE;MAC1BG,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACH,QAAQ,EAAEE,SAAS,CAAC,CAAC;EAEzB,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;IAAA,IAAAe,SAAA;IAClCf,QAAQ,IAAAe,SAAA,GAAGf,QAAQ,cAAAe,SAAA,uBAARA,SAAA,CAAW;MAAEV,KAAK;MAAEG,KAAK;MAAEF;IAAM,CAAC,CAAC;EAChD;EAEA,IAAIxB,KAAK,CAACkC,QAAQ,CAACC,KAAK,CAACjB,QAAQ,CAAC,KAAK,CAAC,EAAE;IACxC,OAAOlB,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAqC,QAAA,MAAI,CAAC;EACd;EAEA,OACErC,KAAA,CAAAoC,aAAA,CAAC5B,KAAK,EAAA8B,QAAA;IACJC,GAAG,EAAC,QAAQ;IACZpB,SAAS,EAAEf,UAAU,CAAC,2BAA2B,EAAEe,SAAS;EAAE,GAC1DC,IAAI,GAAAoB,GAAA,KAAAA,GAAA,GAERxC,KAAA,CAAAoC,aAAA,CAAC/B,EAAE;IAACoC,KAAK,EAAE;EAAE,CAAE,CAAC,GAEhBzC,KAAA,CAAAoC,aAAA,CAAC1B,cAAc,CAACgC,QAAQ;IAAClB,KAAK,EAAE;MAAEQ;IAAa;EAAE,GAC/ChC,KAAA,CAAAoC,aAAA,CAAC9B,IAAI,CAACqC,UAAU;IAACJ,GAAG,EAAC,SAAS;IAACK,GAAG,EAAC;EAAO,GACvC1B,QACc,CACM,CAAC,EAE1BlB,KAAA,CAAAoC,aAAA,CAAC7B,UAAU;IACTsC,IAAI,EAAEd,SAAS,IAAID,eAAgB;IACnCgB,UAAU,EAAE;MAAEP,GAAG,EAAE;IAAU,CAAE;IAC/BQ,YAAY,EAAE;EAAM,GAEnBpB,gBACS,CACP,CAAC;AAEZ;AAEAd,OAAO,CAACmC,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Toolbar.js","names":["React","useContext","useEffect","useState","classnames","Hr","Flex","FormStatus","Space","IterateItemContext","ToolbarContext","FieldBoundaryContext","ArrayItemAreaContext","useTranslation","Toolbar","_ref","arguments","length","undefined","children","className","rest","_objectWithoutProperties","_excluded","index","value","arrayValue","items","toolbarVariant","errorInContainer","IterateEditContainer","hasError","hasVisibleError","showError","setShowError","_children","Children","count","createElement","Fragment","_extends","top","_Hr","space","Provider","Horizontal","gap","show","shellSpace","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react'\nimport classnames from 'classnames'\nimport { Hr } from '../../../../elements'\nimport { Flex, FormStatus, Space } from '../../../../components'\nimport { SpaceAllProps } from '../../../../components/Space'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from './ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport ArrayItemAreaContext from '../Array/ArrayItemAreaContext'\nimport { useTranslation } from '../../hooks'\n\nexport type ToolbarParams = {\n  index: number\n  items: Array<unknown>\n  value: unknown\n}\nexport type Props = Omit<SpaceAllProps, 'children'> & {\n  children?: React.ReactNode | ((params: ToolbarParams) => React.ReactNode)\n}\n\nexport default function Toolbar({\n  children,\n  className,\n  ...rest\n}: Props = {}) {\n  const {\n    index,\n    value,\n    arrayValue: items,\n  } = useContext(IterateItemContext) || {}\n  const { toolbarVariant } = useContext(ArrayItemAreaContext) || {}\n  const { errorInContainer } = useTranslation().IterateEditContainer\n  const { hasError, hasVisibleError } =\n    useContext(FieldBoundaryContext) || {}\n  const [showError, setShowError] = useState(false)\n\n  useEffect(() => {\n    if (showError && !hasError) {\n      setShowError(false)\n    }\n  }, [hasError, showError])\n\n  if (typeof children === 'function') {\n    children = children?.({ index, items, value })\n  }\n\n  if (React.Children.count(children) === 0) {\n    return <></>\n  }\n\n  return (\n    <Space\n      top={toolbarVariant === 'custom' ? false : 'medium'}\n      className={classnames('dnb-forms-iterate-toolbar', className)}\n      {...rest}\n    >\n      {toolbarVariant !== 'custom' && <Hr space={0} />}\n\n      <ToolbarContext.Provider value={{ setShowError }}>\n        <Flex.Horizontal\n          top={toolbarVariant === 'custom' ? false : 'x-small'}\n          gap=\"large\"\n        >\n          {children}\n        </Flex.Horizontal>\n      </ToolbarContext.Provider>\n\n      <FormStatus\n        show={showError && hasVisibleError}\n        shellSpace={{ top: 'x-small' }}\n        no_animation={false}\n      >\n        {errorInContainer}\n      </FormStatus>\n    </Space>\n  )\n}\n\nToolbar._supportsSpacingProps = true\n"],"mappings":"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"}

package/extensions/forms/Iterate/ViewContainer/RemoveButton.d.ts

@@ -1 +1,2 @@
-export default function ViewContainerRemoveButton(): import("react/jsx-runtime").JSX.Element;
+import { Props as RemoveButtonProps } from '../RemoveButton';
+export default function ViewContainerRemoveButton(props: RemoveButtonProps): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Iterate/ViewContainer/RemoveButton.js

@@ -1,12 +1,13 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import RemoveButton from '../RemoveButton';
 import useTranslation from '../../hooks/useTranslation';
-export default function ViewContainerRemoveButton() {
+export default function ViewContainerRemoveButton(props) {
   const {
     removeButton
   } = useTranslation().IterateViewContainer;
-  return React.createElement(RemoveButton, {
+  return React.createElement(RemoveButton, _extends({
     text: removeButton
-  });
+  }, props));
 }
 //# sourceMappingURL=RemoveButton.js.map

package/extensions/forms/Iterate/ViewContainer/RemoveButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveButton.js","names":["React","RemoveButton","useTranslation","ViewContainerRemoveButton","removeButton","IterateViewContainer","createElement","text"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/RemoveButton.tsx"],"sourcesContent":["import React from 'react'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport default function ViewContainerRemoveButton() {\n  const { removeButton } = useTranslation().IterateViewContainer\n\n  return <RemoveButton text={removeButton} />\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,4BAA4B;AAEvD,eAAe,SAASC,yBAAyBA,CAAA,EAAG;EAClD,MAAM;IAAEC;EAAa,CAAC,GAAGF,cAAc,CAAC,CAAC,CAACG,oBAAoB;EAE9D,OAAOL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,IAAI,EAAEH;EAAa,CAAE,CAAC;AAC7C"}
+{"version":3,"file":"RemoveButton.js","names":["React","RemoveButton","useTranslation","ViewContainerRemoveButton","props","removeButton","IterateViewContainer","createElement","_extends","text"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/RemoveButton.tsx"],"sourcesContent":["import React from 'react'\nimport RemoveButton, { Props as RemoveButtonProps } from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport default function ViewContainerRemoveButton(\n  props: RemoveButtonProps\n) {\n  const { removeButton } = useTranslation().IterateViewContainer\n\n  return <RemoveButton text={removeButton} {...props} />\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAsC,iBAAiB;AAC1E,OAAOC,cAAc,MAAM,4BAA4B;AAEvD,eAAe,SAASC,yBAAyBA,CAC/CC,KAAwB,EACxB;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGH,cAAc,CAAC,CAAC,CAACI,oBAAoB;EAE9D,OAAON,KAAA,CAAAO,aAAA,CAACN,YAAY,EAAAO,QAAA;IAACC,IAAI,EAAEJ;EAAa,GAAKD,KAAK,CAAG,CAAC;AACxD"}

package/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts

@@ -13,7 +13,7 @@ export type Props = {
     /**
      * The variant of the toolbar.
      */
-    toolbarVariant?: 'minimumOneItem';
+    toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
 };
 export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Iterate/ViewContainer/ViewContainer.js

@@ -43,10 +43,11 @@ function ViewContainer(props) {
   return React.createElement(ArrayItemArea, _extends({
     mode: "view",
     ariaLabel: convertJsxToString(itemTitle),
-    className: classnames('dnb-forms-section-view-block', className)
+    className: classnames('dnb-forms-section-view-block', className),
+    toolbarVariant: toolbarVariant
   }, restProps), React.createElement(Flex.Stack, null, itemTitle && React.createElement(Lead, {
     size: "basis"
-  }, itemTitle), children, hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : _Toolbar2 || (_Toolbar2 = React.createElement(Toolbar, null, React.createElement(EditButton, null), React.createElement(RemoveButton, null)))));
+  }, itemTitle), children, hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : toolbarVariant !== 'custom' && (_Toolbar2 || (_Toolbar2 = React.createElement(Toolbar, null, React.createElement(EditButton, null), React.createElement(RemoveButton, null))))));
 }
 ViewContainer.EditButton = EditButton;
 ViewContainer.RemoveButton = RemoveButton;

package/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","Stack","size","_Toolbar2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: 'minimumOneItem'\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\n      mode=\"view\"\n      ariaLabel={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {hasToolbar\n          ? null\n          : toolbarElement ?? (\n              <Toolbar>\n                <EditButton />\n                <RemoveButton />\n              </Toolbar>\n            )}\n      </Flex.Stack>\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,aAAa,QAAQ,WAAW;AAmBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACtC,MAAAC,IAAA,GAOIF,KAAK,IAAI,CAAC,CAAC;IAPT;MACJG,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGzB,UAAU,CAACO,kBAAkB,CAAC;EAC5D,MAAMmB,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAC9B,OAAOU,aAAa,CAACO,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ9B,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMsB,UAAU,GACd,CAACJ,cAAc,IACf5B,KAAK,CAACiC,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK3B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACET,KAAA,CAAA+B,aAAA,CAACxB,aAAa,EAAA8B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEnC,kBAAkB,CAACuB,SAAS,CAAE;IACzCT,SAAS,EAAEf,UAAU,CAAC,8BAA8B,EAAEe,SAAS;EAAE,GAC7DI,SAAS,GAEbtB,KAAA,CAAA+B,aAAA,CAAC1B,IAAI,CAACmC,KAAK,QACRb,SAAS,IAAI3B,KAAA,CAAA+B,aAAA,CAACzB,IAAI;IAACmC,IAAI,EAAC;EAAO,GAAEd,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,IAAAjB,eAAA,GACJa,cAAc,cAAAb,eAAA,cAAAA,eAAA,GAAA2B,SAAA,KAAAA,SAAA,GACZ1C,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CAAC,EACdV,KAAA,CAAA+B,aAAA,CAACpB,YAAY,MAAE,CACR,CAAC,CAEN,CACC,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC8B,qBAAqB,GAAG,IAAI;AAC1C,eAAe9B,aAAa"}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","Stack","size","_Toolbar2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\n      mode=\"view\"\n      ariaLabel={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <EditButton />\n                <RemoveButton />\n              </Toolbar>\n            ))}\n      </Flex.Stack>\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,aAAa,QAAQ,WAAW;AAqBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACtC,MAAAC,IAAA,GAOIF,KAAK,IAAI,CAAC,CAAC;IAPT;MACJG,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGzB,UAAU,CAACO,kBAAkB,CAAC;EAC5D,MAAMmB,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAC9B,OAAOU,aAAa,CAACO,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ9B,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMsB,UAAU,GACd,CAACJ,cAAc,IACf5B,KAAK,CAACiC,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK3B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACET,KAAA,CAAA+B,aAAA,CAACxB,aAAa,EAAA8B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEnC,kBAAkB,CAACuB,SAAS,CAAE;IACzCT,SAAS,EAAEf,UAAU,CAAC,8BAA8B,EAAEe,SAAS,CAAE;IACjEG,cAAc,EAAEA;EAAe,GAC3BC,SAAS,GAEbtB,KAAA,CAAA+B,aAAA,CAAC1B,IAAI,CAACmC,KAAK,QACRb,SAAS,IAAI3B,KAAA,CAAA+B,aAAA,CAACzB,IAAI;IAACmC,IAAI,EAAC;EAAO,GAAEd,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,IAAAjB,eAAA,GACJa,cAAc,cAAAb,eAAA,cAAAA,eAAA,GACbM,cAAc,KAAK,QAAQ,KAAAqB,SAAA,KAAAA,SAAA,GAC1B1C,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CAAC,EACdV,KAAA,CAAA+B,aAAA,CAACpB,YAAY,MAAE,CACR,CAAC,EAEN,CACC,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC8B,qBAAqB,GAAG,IAAI;AAC1C,eAAe9B,aAAa"}

package/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js

@@ -5,7 +5,7 @@ export const ViewContainerProperties = {
     status: 'optional'
   },
   variant: {
-    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',
+    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',
     type: 'string',
     status: 'optional'
   },
@@ -15,7 +15,7 @@ export const ViewContainerProperties = {
     status: 'optional'
   },
   toolbarVariant: {
-    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',
+    doc: 'Use variants to render the toolbar differently. Currently there are the `minimumOneItem` and `custom` variants. See the info section for more info.',
     type: 'string',
     status: 'optional'
   },

package/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","toolbar","toolbarVariant","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'An alternative toolbar to be shown in the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  toolbarVariant: {\n    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/properties)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,cAAc,EAAE;IACdL,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yDAAyD,EAAE;IACzDF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMI,mBAAyC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","toolbar","toolbarVariant","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline`, `filled` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'An alternative toolbar to be shown in the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  toolbarVariant: {\n    doc: 'Use variants to render the toolbar differently. Currently there are the `minimumOneItem` and `custom` variants. See the info section for more info.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/properties)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,qGAAqG;IAC1GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,cAAc,EAAE;IACdL,GAAG,EAAE,qJAAqJ;IAC1JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yDAAyD,EAAE;IACzDF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMI,mBAAyC,GAAG,CAAC,CAAC"}

package/extensions/forms/Iterate/hooks/useItem.d.ts

@@ -1 +1,5 @@
-export default function useItem(): import("../IterateItemContext").IterateItemContextState;
+import { IterateItemContextState } from '../IterateItemContext';
+export type UseItemReturn<Value = unknown> = Omit<IterateItemContextState, 'value'> & {
+    value: Value;
+};
+export default function useItem<Value = unknown>(): UseItemReturn<Value>;

package/extensions/forms/Iterate/hooks/useItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItem.js","names":["useContext","IterateItemContext","useItem","item"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useItem.ts"],"sourcesContent":["import { useContext } from 'react'\nimport IterateItemContext from '../IterateItemContext'\n\nexport default function useItem() {\n  const item = useContext(IterateItemContext)\n  return item\n}\n"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,kBAAkB,MAAM,uBAAuB;AAEtD,eAAe,SAASC,OAAOA,CAAA,EAAG;EAChC,MAAMC,IAAI,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC3C,OAAOE,IAAI;AACb"}
+{"version":3,"file":"useItem.js","names":["useContext","IterateItemContext","useItem","item"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useItem.ts"],"sourcesContent":["import { useContext } from 'react'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\n\nexport type UseItemReturn<Value = unknown> = Omit<\n  IterateItemContextState,\n  'value'\n> & {\n  value: Value\n}\n\nexport default function useItem<Value = unknown>() {\n  const item = useContext(IterateItemContext)\n  return item as UseItemReturn<Value>\n}\n"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,kBAAkB,MAElB,uBAAuB;AAS9B,eAAe,SAASC,OAAOA,CAAA,EAAoB;EACjD,MAAMC,IAAI,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC3C,OAAOE,IAAI;AACb"}

package/extensions/forms/Tools/ListAllProps.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { JsonObject } from '../utils/json-pointer';
 import { FilterData } from '../DataContext/Context';
-export type ListAllPropsReturn = {
-    propsOfFields: JsonObject;
-    propsOfValues: JsonObject;
+export type ListAllPropsReturn<Data> = {
+    propsOfFields: Data;
+    propsOfValues: Data;
 };
-export type ListAllPropsProps = {
+export type ListAllPropsProps<Data> = {
     log?: boolean;
-    generateRef?: React.MutableRefObject<() => ListAllPropsReturn>;
+    generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>;
     filterData?: FilterData;
     children: React.ReactNode;
 };
-export type GenerateRef = ListAllPropsProps['generateRef']['current'];
-export default function ListAllProps(props: ListAllPropsProps): import("react").ReactNode;
+export type GenerateRef<Data extends JsonObject = JsonObject> = ListAllPropsProps<Data>['generateRef']['current'];
+export default function ListAllProps<Data extends JsonObject = JsonObject>(props: ListAllPropsProps<Data>): import("react").ReactNode;

package/extensions/forms/Tools/ListAllProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","_ref","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","_ref2","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn = {\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type ListAllPropsProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = ListAllPropsProps['generateRef']['current']\n\nexport default function ListAllProps(props: ListAllPropsProps) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","_ref","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","_ref2","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/extensions/forms/Value/PhoneNumber/PhoneNumber.js

@@ -3,14 +3,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useCallback } from 'react';
 import StringValue from '../String';
-import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
+import { format } from '../../../../components/number-format/NumberUtils';
 import useTranslation from '../../hooks/useTranslation';
 function PhoneNumber(props) {
   var _props$label;
   const translations = useTranslation().PhoneNumber;
   const label = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : translations.label;
   const toInput = useCallback(value => {
-    return format(cleanNumber(value), {
+    return format(value, {
       phone: true
     }).toString();
   }, []);

package/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useCallback","StringValue","format","cleanNumber","useTranslation","PhoneNumber","props","_props$label","translations","label","inline","undefined","toInput","value","phone","toString","stringValueProps","_objectSpread","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = StringValueProps\n\nfunction PhoneNumber(props: Props) {\n  const translations = useTranslation().PhoneNumber\n\n  const label =\n    props.label ?? (props.inline ? undefined : translations.label)\n\n  const toInput = useCallback((value) => {\n    return format(cleanNumber(value), {\n      phone: true,\n    }).toString()\n  }, [])\n\n  const stringValueProps: Props = {\n    ...props,\n    label,\n    toInput,\n  }\n\n  return <StringValue {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,WAAW,MAAqC,WAAW;AAClE,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,cAAc,MAAM,4BAA4B;AAIvD,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACjC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACC,WAAW;EAEjD,MAAMI,KAAK,IAAAF,YAAA,GACTD,KAAK,CAACG,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAKD,KAAK,CAACI,MAAM,GAAGC,SAAS,GAAGH,YAAY,CAACC,KAAM;EAEhE,MAAMG,OAAO,GAAGZ,WAAW,CAAEa,KAAK,IAAK;IACrC,OAAOX,MAAM,CAACC,WAAW,CAACU,KAAK,CAAC,EAAE;MAChCC,KAAK,EAAE;IACT,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBX,KAAK;IACRG,KAAK;IACLG;EAAO,EACR;EAED,OAAOb,KAAA,CAAAmB,aAAA,CAACjB,WAAW,EAAKe,gBAAmB,CAAC;AAC9C;AAEAX,WAAW,CAACc,qBAAqB,GAAG,IAAI;AACxC,eAAed,WAAW"}
+{"version":3,"file":"PhoneNumber.js","names":["React","useCallback","StringValue","format","useTranslation","PhoneNumber","props","_props$label","translations","label","inline","undefined","toInput","value","phone","toString","stringValueProps","_objectSpread","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport { format } from '../../../../components/number-format/NumberUtils'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = StringValueProps\n\nfunction PhoneNumber(props: Props) {\n  const translations = useTranslation().PhoneNumber\n\n  const label =\n    props.label ?? (props.inline ? undefined : translations.label)\n\n  const toInput = useCallback((value) => {\n    // We can't use the \"cleanNumber\" function here, because we need to keep the country code separate from the number\n    return format(value, {\n      phone: true,\n    }).toString()\n  }, [])\n\n  const stringValueProps: Props = {\n    ...props,\n    label,\n    toInput,\n  }\n\n  return <StringValue {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,WAAW,MAAqC,WAAW;AAClE,SAASC,MAAM,QAAQ,kDAAkD;AACzE,OAAOC,cAAc,MAAM,4BAA4B;AAIvD,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACjC,MAAMC,YAAY,GAAGJ,cAAc,CAAC,CAAC,CAACC,WAAW;EAEjD,MAAMI,KAAK,IAAAF,YAAA,GACTD,KAAK,CAACG,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAKD,KAAK,CAACI,MAAM,GAAGC,SAAS,GAAGH,YAAY,CAACC,KAAM;EAEhE,MAAMG,OAAO,GAAGX,WAAW,CAAEY,KAAK,IAAK;IAErC,OAAOV,MAAM,CAACU,KAAK,EAAE;MACnBC,KAAK,EAAE;IACT,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBX,KAAK;IACRG,KAAK;IACLG;EAAO,EACR;EAED,OAAOZ,KAAA,CAAAkB,aAAA,CAAChB,WAAW,EAAKc,gBAAmB,CAAC;AAC9C;AAEAX,WAAW,CAACc,qBAAqB,GAAG,IAAI;AACxC,eAAed,WAAW"}

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

@@ -17,7 +17,7 @@ import Step from '../Step';
 import WizardContext from '../Context/WizardContext';
 import DataContext, { defaultContextState } from '../../DataContext/Context';
 import Handler from '../../Form/Handler/Handler';
-import { useSharedState } from '../../../../shared/helpers/useSharedState';
+import { createReferenceKey, useSharedState } from '../../../../shared/helpers/useSharedState';
 import useHandleLayoutEffect from './useHandleLayoutEffect';
 import useStepAnimation from './useStepAnimation';
 import useVisibility from '../../Form/Visibility/useVisibility';
@@ -60,7 +60,7 @@ function WizardContainer(props) {
   const updateTitlesRef = useRef();
   const prerenderFieldPropsRef = useRef({});
   const sharedStateRef = useRef();
-  sharedStateRef.current = useSharedState(hasContext && id ? id + '-wizard' : undefined);
+  sharedStateRef.current = useSharedState(hasContext && id ? createReferenceKey(id, 'wizard') : undefined);
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
   const preventNavigation = useCallback(function () {
     let shouldPrevent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;

package/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","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","useStepAnimation","useVisibility","useLayoutEffect","window","useEffect","WizardContainer","props","_dataContext$setHandl","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","errorOnStepRef","stepElementRef","preventNextStepRef","stepsRef","tmpStepsRef","updateTitlesRef","prerenderFieldPropsRef","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","arguments","length","getStepChangeOptions","index","_stepsRef$current$ind","previousIndex","options","previousStep","_stepsRef$current$pre","previousId","Object","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","handleSubmit","_ref3","preventSubmit","setHandleSubmit","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","stepsLengthDidChange","count","keys","tmpCount","_executeLayoutAnimati","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","_ref4","sidebar_id","Sidebar","bottom","values","map","_ref5","title","no_animation","on_change","_ref6","incrementIndex","childrenArray","Children","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","key","clone","cloneElement","document","_ref7","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","_ref8","createPortal","body","_ref9","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  OnStepChangeOptions,\n  OnStepsChangeMode,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\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 useStepAnimation from './useStepAnimation'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\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 dataContext = useContext(DataContext)\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    setSubmitState,\n  } = dataContext\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const totalStepsRef = useRef<number>(NaN)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n  const stepElementRef = useRef<HTMLElement>()\n  const preventNextStepRef = useRef(false)\n  const stepsRef = useRef<Steps>({})\n  const tmpStepsRef = useRef<Steps>({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\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 preventNavigation = useCallback((shouldPrevent = true) => {\n    preventNextStepRef.current = shouldPrevent\n  }, [])\n\n  const getStepChangeOptions: (index: StepIndex) => OnStepChangeOptions =\n    useCallback(\n      (index) => {\n        const previousIndex = activeIndexRef.current\n        const options = {\n          preventNavigation,\n          previousStep: { index: previousIndex },\n        }\n\n        const id = stepsRef.current[index]?.id\n        if (id) {\n          const previousId = stepsRef.current[previousIndex]?.id\n          Object.assign(options, { id })\n          Object.assign(options.previousStep, { id: previousId })\n        }\n\n        return options\n      },\n      [preventNavigation]\n    )\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: OnStepsChangeMode) => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode, getStepChangeOptions(index))\n      }\n\n      return onStepChange?.(index, mode, getStepChangeOptions(index))\n    },\n    [getStepChangeOptions, onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({\n      stepElementRef,\n    })\n\n  const executeLayoutAnimationRef = useRef<() => void>()\n  useStepAnimation({\n    activeIndexRef,\n    stepElementRef,\n    executeLayoutAnimationRef,\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: OnStepsChangeMode\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehavior: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(\n              index,\n              mode,\n              getStepChangeOptions(index)\n            )\n          }\n\n          let result = undefined\n\n          if (\n            !skipStepChangeCall &&\n            !(skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n          ) {\n            result = await callOnStepChange(index, mode)\n          }\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 (!preventNextStepRef.current && !(result instanceof Error)) {\n            handleLayoutEffect()\n\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          preventNextStepRef.current = false\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      getStepChangeOptions,\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 handleSubmit = useCallback(\n    ({ preventSubmit }) => {\n      if (activeIndexRef.current + 1 < totalStepsRef.current) {\n        handleNext()\n        preventSubmit()\n      }\n    },\n    [handleNext]\n  )\n  dataContext.setHandleSubmit?.(handleSubmit)\n\n  const { check } = useVisibility()\n\n  const activeIndex = activeIndexRef.current\n  const providerValue = useMemo<WizardContextState>(() => {\n    return {\n      id,\n      activeIndex,\n      stepElementRef,\n      stepsRef,\n      updateTitlesRef,\n      activeIndexRef,\n      totalStepsRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    activeIndex,\n    handleNext,\n    handlePrevious,\n    id,\n    prerenderFieldProps,\n    check,\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  }, [stepsRef.current])\n\n  const stepsLengthDidChange = useCallback(() => {\n    const count = Object.keys(stepsRef.current).length\n    const tmpCount = Object.keys(tmpStepsRef.current).length\n    return count !== 0 && tmpCount !== 0 && count !== tmpCount\n  }, [])\n\n  // - Call onStepChange when step gets replaced or added (e.g. via activeWhen)\n  useLayoutEffect(() => {\n    if (stepsLengthDidChange()) {\n      callOnStepChange(activeIndexRef.current, 'stepListModified')\n      executeLayoutAnimationRef.current?.()\n    }\n    tmpStepsRef.current = stepsRef.current\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepsRef.current, callOnStepChange, stepsLengthDidChange])\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, stepsRef, 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(stepsRef.current).map(({ title }) => title)}\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    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  stepsRef.current = {}\n  let incrementIndex = -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 (\n          child.props.activeWhen &&\n          !check({ visibleWhen: child.props.activeWhen })\n        ) {\n          return null\n        }\n\n        incrementIndex++\n        const index = incrementIndex\n\n        stepsRef.current[index] = {\n          id: child.props.id,\n          title:\n            child.props.title !== undefined\n              ? convertJsxToString(child.props.title)\n              : 'Title missing',\n        }\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  totalStepsRef.current = childrenArray?.length\n\n  return childrenArray\n}\n\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        hasContext: 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,MAQb,0BAA0B;AACjC,OAAOC,WAAW,IAChBC,mBAAmB,QACd,2BAA2B;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,OAAOC,aAAa,MAAM,qCAAqC;AAG/D,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGxB,KAAK,CAACyB,SAAS,GAAGzB,KAAK,CAACuB,eAAe;AA0DzE,SAASG,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA;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,GAAGd,KAAK;IADJe,IAAI,GAAAC,wBAAA,CACLhB,KAAK,EAAAiB,SAAA;EAET,MAAMC,WAAW,GAAG5C,UAAU,CAACe,WAAW,CAAC;EAC3C,MAAM;IACJ8B,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC;EACF,CAAC,GAAGN,WAAW;EAEf,MAAMf,EAAE,GAAGjB,KAAK,CAACkB,MAAM,CAAC;EACxB,MAAM,GAAGqB,WAAW,CAAC,GAAGhD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMiD,cAAc,GAAGlD,MAAM,CAAY8B,kBAAkB,CAAC;EAC5D,MAAMqB,aAAa,GAAGnD,MAAM,CAASoD,GAAG,CAAC;EACzC,MAAMC,cAAc,GAAGrD,MAAM,CAA6B,CAAC,CAAC,CAAC;EAC7D,MAAMsD,cAAc,GAAGtD,MAAM,CAAc,CAAC;EAC5C,MAAMuD,kBAAkB,GAAGvD,MAAM,CAAC,KAAK,CAAC;EACxC,MAAMwD,QAAQ,GAAGxD,MAAM,CAAQ,CAAC,CAAC,CAAC;EAClC,MAAMyD,WAAW,GAAGzD,MAAM,CAAQ,CAAC,CAAC,CAAC;EACrC,MAAM0D,eAAe,GAAG1D,MAAM,CAAa,CAAC;EAC5C,MAAM2D,sBAAsB,GAAG3D,MAAM,CAEnC,CAAC,CAAC,CAAC;EAGL,MAAM4D,cAAc,GAClB5D,MAAM,CAIJ,CAAC;EACL4D,cAAc,CAACC,OAAO,GAAG7C,cAAc,CACrC2B,UAAU,IAAIhB,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGmC,SACtC,CAAC;EAGDT,cAAc,CAACQ,OAAO,CAACX,cAAc,CAACW,OAAO,CAAC,GAAGd,aAAa;EAE9D,MAAMgB,iBAAiB,GAAGhE,WAAW,CAAC,YAA0B;IAAA,IAAzBiE,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAG,IAAI;IACzDV,kBAAkB,CAACM,OAAO,GAAGG,aAAa;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,oBAA+D,GACnEpE,WAAW,CACRqE,KAAK,IAAK;IAAA,IAAAC,qBAAA;IACT,MAAMC,aAAa,GAAGpB,cAAc,CAACW,OAAO;IAC5C,MAAMU,OAAO,GAAG;MACdR,iBAAiB;MACjBS,YAAY,EAAE;QAAEJ,KAAK,EAAEE;MAAc;IACvC,CAAC;IAED,MAAM3C,EAAE,IAAA0C,qBAAA,GAAGb,QAAQ,CAACK,OAAO,CAACO,KAAK,CAAC,cAAAC,qBAAA,uBAAvBA,qBAAA,CAAyB1C,EAAE;IACtC,IAAIA,EAAE,EAAE;MAAA,IAAA8C,qBAAA;MACN,MAAMC,UAAU,IAAAD,qBAAA,GAAGjB,QAAQ,CAACK,OAAO,CAACS,aAAa,CAAC,cAAAG,qBAAA,uBAA/BA,qBAAA,CAAiC9C,EAAE;MACtDgD,MAAM,CAACC,MAAM,CAACL,OAAO,EAAE;QAAE5C;MAAG,CAAC,CAAC;MAC9BgD,MAAM,CAACC,MAAM,CAACL,OAAO,CAACC,YAAY,EAAE;QAAE7C,EAAE,EAAE+C;MAAW,CAAC,CAAC;IACzD;IAEA,OAAOH,OAAO;EAChB,CAAC,EACD,CAACR,iBAAiB,CACpB,CAAC;EAEH,MAAMc,gBAAgB,GAAG9E,WAAW,CAClC,OAAOqE,KAAgB,EAAEvC,IAAuB,KAAK;IACnD,IAAIpB,OAAO,CAACwB,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAACmC,KAAK,EAAEvC,IAAI,EAAEsC,oBAAoB,CAACC,KAAK,CAAC,CAAC;IACrE;IAEA,OAAOnC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGmC,KAAK,EAAEvC,IAAI,EAAEsC,oBAAoB,CAACC,KAAK,CAAC,CAAC;EACjE,CAAC,EACD,CAACD,oBAAoB,EAAElC,YAAY,CACrC,CAAC;EAED,MAAM;IAAE6C,QAAQ;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GAC/C/D,qBAAqB,CAAC;IACpBqC;EACF,CAAC,CAAC;EAEJ,MAAM2B,yBAAyB,GAAGjF,MAAM,CAAa,CAAC;EACtDkB,gBAAgB,CAAC;IACfgC,cAAc;IACdI,cAAc;IACd2B;EACF,CAAC,CAAC;EAEF,MAAMC,kBAAkB,GAAGnF,WAAW,CAAC,MAAM;IAC3C,IAAI,CAACiC,mBAAmB,EAAE;MACxB8C,QAAQ,CAAC,CAAC;IACZ;IACA,IAAI,CAAC/C,oBAAoB,EAAE;MACzBgD,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAAChD,oBAAoB,EAAEC,mBAAmB,EAAE8C,QAAQ,EAAEC,WAAW,CAAC,CAAC;EAEtE,MAAMI,gBAAgB,GAAGpF,WAAW,CAClCqF,IAAA,IAU8B;IAAA,IAV7B;MACChB,KAAK;MACLiB,cAAc;MACdC,kBAAkB;MAClBC,+BAA+B;MAC/BC,0BAA0B;MAC1B3D;IAIsB,CAAC,GAAAuD,IAAA;IACvBvC,gBAAgB,CAAC;MACfwC,cAAc;MACdI,mBAAmB,EAAEJ,cAAc;MACnCK,mBAAmB,EAAEjF,OAAO,CAACwB,YAAY,CAAC;MAC1C0D,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,0BAA0B,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UAC/B,CAAAF,qBAAA,GAAAhC,cAAc,CAACC,OAAO,cAAA+B,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8B5D,YAAY,cAAA6D,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EACEzB,KAAK,EACLvC,IAAI,EACJsC,oBAAoB,CAACC,KAAK,CAC5B,CAAC;QACH;QAEA,IAAI6B,MAAM,GAAGnC,SAAS;QAEtB,IACE,CAACwB,kBAAkB,IACnB,EAAEC,+BAA+B,IAAI,CAACP,gBAAgB,CAACnB,OAAO,CAAC,EAC/D;UACAoC,MAAM,GAAG,MAAMpB,gBAAgB,CAACT,KAAK,EAAEvC,IAAI,CAAC;QAC9C;QAGAe,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAACyC,cAAc,EAAE;UAEnBvC,gBAAgB,CAACO,cAAc,CAACQ,OAAO,CAACO,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,CAACb,kBAAkB,CAACM,OAAO,IAAI,EAAEoC,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC7DhB,kBAAkB,CAAC,CAAC;UAEpBhC,cAAc,CAACW,OAAO,GAAGO,KAAK;UAC9BnB,WAAW,CAAC,CAAC;QACf;QAEAM,kBAAkB,CAACM,OAAO,GAAG,KAAK;QAElC,OAAOoC,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEpB,gBAAgB,EAChBV,oBAAoB,EACpBe,kBAAkB,EAClBrC,gBAAgB,EAChBmC,gBAAgB,EAChB/C,YAAY,EACZW,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAMqD,cAAc,GAAGpG,WAAW,CAChC,CAACqE,KAAgB,EAAEG,OAA+B,KAAK;IACrD,IAAIH,KAAK,KAAKlB,cAAc,CAACW,OAAO,EAAE;MACpC;IACF;IAEA,MAAMhC,IAAI,GAAGuC,KAAK,GAAGlB,cAAc,CAACW,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEsB,gBAAgB,CAAAiB,aAAA;MACdhC,KAAK;MACLiB,cAAc,EAAExD,IAAI,KAAK,UAAU;MACnCA;IAAI,GACD0C,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAACY,gBAAgB,CACnB,CAAC;EAED,MAAMkB,cAAc,GAAGtG,WAAW,CAAC,MAAM;IACvCoG,cAAc,CAACjD,cAAc,CAACW,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACsC,cAAc,CAAC,CAAC;EAEpB,MAAMG,UAAU,GAAGvG,WAAW,CAAC,MAAM;IACnCoG,cAAc,CAACjD,cAAc,CAACW,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACsC,cAAc,CAAC,CAAC;EAEpB,MAAMI,YAAY,GAAGxG,WAAW,CAC9ByG,KAAA,IAAsB;IAAA,IAArB;MAAEC;IAAa,CAAC,GAAAD,KAAA;IACfL,cAAc,CAACM,YAAY,EAAE;MAAEpB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACc,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAG3G,WAAW,CAC7B4G,KAAY,IAAK;IAChB3D,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAE2D;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAC3D,cAAc,CACjB,CAAC;EAED,MAAM4D,YAAY,GAAG7G,WAAW,CAC9B8G,KAAA,IAAuB;IAAA,IAAtB;MAAEC;IAAc,CAAC,GAAAD,KAAA;IAChB,IAAI3D,cAAc,CAACW,OAAO,GAAG,CAAC,GAAGV,aAAa,CAACU,OAAO,EAAE;MACtDyC,UAAU,CAAC,CAAC;MACZQ,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EACD,CAACR,UAAU,CACb,CAAC;EACD,CAAA7E,qBAAA,GAAAiB,WAAW,CAACqE,eAAe,cAAAtF,qBAAA,uBAA3BA,qBAAA,CAAAuE,IAAA,CAAAtD,WAAW,EAAmBkE,YAAY,CAAC;EAE3C,MAAM;IAAEI;EAAM,CAAC,GAAG7F,aAAa,CAAC,CAAC;EAEjC,MAAM8F,WAAW,GAAG/D,cAAc,CAACW,OAAO;EAC1C,MAAMqD,aAAa,GAAGhH,OAAO,CAAqB,MAAM;IACtD,OAAO;MACLyB,EAAE;MACFsF,WAAW;MACX3D,cAAc;MACdE,QAAQ;MACRE,eAAe;MACfR,cAAc;MACdC,aAAa;MACbf,mBAAmB;MACnBuB,sBAAsB;MACtBqD,KAAK;MACLb,cAAc;MACdE,cAAc;MACdC,UAAU;MACVI;IACF,CAAC;EACH,CAAC,EAAE,CACDO,WAAW,EACXX,UAAU,EACVD,cAAc,EACd1E,EAAE,EACFS,mBAAmB,EACnB4E,KAAK,EACLb,cAAc,EACdO,YAAY,CACb,CAAC;EAGFtF,eAAe,CAAC,MAAM;IACpB,IAAIO,EAAE,IAAIgB,UAAU,EAAE;MAAA,IAAAwE,sBAAA,EAAAC,sBAAA;MACpB,CAAAD,sBAAA,GAAAvD,cAAc,CAACC,OAAO,cAAAsD,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,MAAM,cAAAD,sBAAA,uBAA9BA,sBAAA,CAAApB,IAAA,CAAAmB,sBAAA,EAAiCD,aAAa,CAAC;IACjD;EACF,CAAC,EAAE,CAACvF,EAAE,EAAEuF,aAAa,CAAC,CAAC;EAEvB9F,eAAe,CAAC,MAAM;IAAA,IAAAkG,qBAAA;IACpB,CAAAA,qBAAA,GAAA5D,eAAe,CAACG,OAAO,cAAAyD,qBAAA,uBAAvBA,qBAAA,CAAAtB,IAAA,CAAAtC,eAA0B,CAAC;EAE7B,CAAC,EAAE,CAACF,QAAQ,CAACK,OAAO,CAAC,CAAC;EAEtB,MAAM0D,oBAAoB,GAAGxH,WAAW,CAAC,MAAM;IAC7C,MAAMyH,KAAK,GAAG7C,MAAM,CAAC8C,IAAI,CAACjE,QAAQ,CAACK,OAAO,CAAC,CAACK,MAAM;IAClD,MAAMwD,QAAQ,GAAG/C,MAAM,CAAC8C,IAAI,CAAChE,WAAW,CAACI,OAAO,CAAC,CAACK,MAAM;IACxD,OAAOsD,KAAK,KAAK,CAAC,IAAIE,QAAQ,KAAK,CAAC,IAAIF,KAAK,KAAKE,QAAQ;EAC5D,CAAC,EAAE,EAAE,CAAC;EAGNtG,eAAe,CAAC,MAAM;IACpB,IAAImG,oBAAoB,CAAC,CAAC,EAAE;MAAA,IAAAI,qBAAA;MAC1B9C,gBAAgB,CAAC3B,cAAc,CAACW,OAAO,EAAE,kBAAkB,CAAC;MAC5D,CAAA8D,qBAAA,GAAA1C,yBAAyB,CAACpB,OAAO,cAAA8D,qBAAA,uBAAjCA,qBAAA,CAAA3B,IAAA,CAAAf,yBAAoC,CAAC;IACvC;IACAxB,WAAW,CAACI,OAAO,GAAGL,QAAQ,CAACK,OAAO;EAExC,CAAC,EAAE,CAACL,QAAQ,CAACK,OAAO,EAAEgB,gBAAgB,EAAE0C,oBAAoB,CAAC,CAAC;EAE9D,IAAI,CAAC5E,UAAU,EAAE;IACfnC,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACEX,KAAA,CAAA+H,aAAA,CAAC7G,OAAO,QACNlB,KAAA,CAAA+H,aAAA,CAACrG,eAAe,EAAAsG,QAAA,KAAKrG,KAAK;MAAEG,EAAE,EAAEA;IAAG,EAAE,CAC9B,CAAC;EAEd;EAEA,OACE9B,KAAA,CAAA+H,aAAA,CAAChH,aAAa,CAACkH,QAAQ;IAACC,KAAK,EAAEb;EAAc,GAC3CrH,KAAA,CAAA+H,aAAA,CAACvH,KAAK,EAAAwH,QAAA;IACJnG,SAAS,EAAEtB,UAAU,qDAESiC,OAAQ,IACpCX,SACF;EAAE,GACEa,IAAI,GAER1C,KAAA,CAAA+H,aAAA,CAACI,YAAY;IACXnG,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBoE,YAAY,EAAEA,YAAa;IAC3BjE,SAAS,EAAEA;EAAU,CACtB,CAAC,EAEFzC,KAAA,CAAA+H,aAAA;IAAKlG,SAAS,EAAC;EAAmC,GAChD7B,KAAA,CAAA+H,aAAA,CAACK,gBAAgB,QAAE/F,QAA2B,CAC3C,CACA,CAAC,EAEPE,mBAAmB,IAClBvC,KAAA,CAAA+H,aAAA,CAACM,+BAA+B;IAC9BvE,sBAAsB,EAAEA;EAAuB,CAChD,CAEmB,CAAC;AAE7B;AAEA,SAASqE,YAAYA,CAAAG,KAAA,EAMlB;EAAA,IANmB;IACpBtG,IAAI;IACJQ,OAAO;IACPF,WAAW;IACXoE,YAAY;IACZjE;EACF,CAAC,GAAA6F,KAAA;EACC,MAAM,GAAGlF,WAAW,CAAC,GAAGhD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAE0B,EAAE;IAAEuB,cAAc;IAAEM,QAAQ;IAAEE;EAAgB,CAAC,GACrD5D,UAAU,CAACc,aAAa,CAAC,IAAI,CAAC,CAAC;EACjC8C,eAAe,CAACG,OAAO,GAAG,MAAM;IAC9BZ,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMmF,UAAU,GACd/F,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAAGwB,SAAS,GAAGxB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIX,EAAE;EAElE,OACE9B,KAAA,CAAA+H,aAAA;IAAOlG,SAAS,EAAC;EAAoC,GACnD7B,KAAA,CAAA+H,aAAA,CAACtH,aAAa,CAAC+H,OAAO;IAACD,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDvI,KAAA,CAAA+H,aAAA,CAACtH,aAAa;IACZgI,MAAM;IACN7B,YAAY,EAAEvD,cAAc,CAACW,OAAQ;IACrCkC,IAAI,EAAEpB,MAAM,CAAC4D,MAAM,CAAC/E,QAAQ,CAACK,OAAO,CAAC,CAAC2E,GAAG,CAACC,KAAA;MAAA,IAAC;QAAEC;MAAM,CAAC,GAAAD,KAAA;MAAA,OAAKC,KAAK;IAAA,EAAE;IAChE7G,IAAI,EAAEA,IAAK;IACX8G,YAAY,EAAExG,WAAY;IAC1ByG,SAAS,EAAErC,YAAa;IACxB6B,UAAU,EAAEA;EAAW,CACxB,CACI,CAAC;AAEZ;AAEA,SAASH,gBAAgBA,CAAAY,KAAA,EAAe;EAAA,IAAd;IAAE3G;EAAS,CAAC,GAAA2G,KAAA;EACpC,MAAM;IACJ7B,KAAK;IACLxD,QAAQ;IACRN,cAAc;IACdC,aAAa;IACbf,mBAAmB;IACnBuB;EACF,CAAC,GAAG7D,UAAU,CAACc,aAAa,CAAC;EAE7B4C,QAAQ,CAACK,OAAO,GAAG,CAAC,CAAC;EACrB,IAAIiF,cAAc,GAAG,CAAC,CAAC;EAEvB,MAAMC,aAAa,GAAGlJ,KAAK,CAACmJ,QAAQ,CAACR,GAAG,CAACtG,QAAQ,EAAG+G,KAAK,IAAK;IAC5D,IAAIpJ,KAAK,CAACqJ,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,MAAK3I,IAAI,IAAI,OAAOsI,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;QAAA,IAAAC,KAAA;QAC5DF,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACE,KAAK,CAACP,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAACzH,KAAK,CACZ,CAAuB;QAExB,IAAI,EAAA+H,KAAA,GAAAF,IAAI,cAAAE,KAAA,uBAAJA,KAAA,CAAMD,IAAI,MAAK3I,IAAI,EAAE;UACvBsI,KAAK,GAAGI,IAAI;QACd;MACF;MAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAK3I,IAAI,EAAE;QACxB,IAAIsI,KAAK,CAACzH,KAAK,CAACiI,MAAM,KAAK,KAAK,EAAE;UAChC,OAAO,IAAI;QACb;QAEA,IACER,KAAK,CAACzH,KAAK,CAACkI,UAAU,IACtB,CAAC1C,KAAK,CAAC;UAAE2C,WAAW,EAAEV,KAAK,CAACzH,KAAK,CAACkI;QAAW,CAAC,CAAC,EAC/C;UACA,OAAO,IAAI;QACb;QAEAZ,cAAc,EAAE;QAChB,MAAM1E,KAAK,GAAG0E,cAAc;QAE5BtF,QAAQ,CAACK,OAAO,CAACO,KAAK,CAAC,GAAG;UACxBzC,EAAE,EAAEsH,KAAK,CAACzH,KAAK,CAACG,EAAE;UAClB+G,KAAK,EACHO,KAAK,CAACzH,KAAK,CAACkH,KAAK,KAAK5E,SAAS,GAC3BvD,kBAAkB,CAAC0I,KAAK,CAACzH,KAAK,CAACkH,KAAK,CAAC,GACrC;QACR,CAAC;QACD,MAAMkB,GAAG,GAAI,GAAExF,KAAM,IAAGlB,cAAc,CAACW,OAAQ,EAAC;QAChD,MAAMgG,KAAK,GAAIrI,KAAK,IAClB3B,KAAK,CAACiK,YAAY,CAACb,KAAK,EAAmCzH,KAAK,CAAC;QAEnE,IACEY,mBAAmB,IACnB,OAAO2H,QAAQ,KAAK,WAAW,IAC/B3F,KAAK,KAAKlB,cAAc,CAACW,OAAO,IAChC,OAAOF,sBAAsB,CAACE,OAAO,CAAC,OAAO,GAAGO,KAAK,CAAC,KACpD,WAAW,EACb;UACAT,sBAAsB,CAACE,OAAO,CAAC,OAAO,GAAGO,KAAK,CAAC,GAAG,MAChDyF,KAAK,CAAC;YACJD,GAAG;YACHxF,KAAK;YACLhC,mBAAmB,EAAE;UACvB,CAAC,CAAC;QACN;QAEA,OAAOyH,KAAK,CAAC;UACXD,GAAG;UACHxF;QACF,CAAC,CAAC;MACJ;IACF;IAEA,OAAO6E,KAAK;EACd,CAAC,CAAC;EAIF,IAAI,CAAAF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE7E,MAAM,MAAK,CAAC,EAAE;IAC/BhB,cAAc,CAACW,OAAO,GAAG,CAAC;EAC5B,CAAC,MAAM,IAAI,CAAAkF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE7E,MAAM,IAAGhB,cAAc,CAACW,OAAO,GAAG,CAAC,EAAE;IAC7DX,cAAc,CAACW,OAAO,GAAGkF,aAAa,CAAC7E,MAAM,GAAG,CAAC;EACnD;EAEAf,aAAa,CAACU,OAAO,GAAGkF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE7E,MAAM;EAE7C,OAAO6E,aAAa;AACtB;AAEA,SAASb,+BAA+BA,CAAA8B,KAAA,EAIrC;EAAA,IAJsC;IACvCrG;EAGF,CAAC,GAAAqG,KAAA;EACC,MAAMC,cAAc,GAAGjK,MAAM,CAAC,IAAI,CAAC;EACnC,IAAI,CAACiK,cAAc,CAACpG,OAAO,EAAE;IAC3B,OAAO,IAAI;EACb;EACAoG,cAAc,CAACpG,OAAO,GAAG,KAAK;EAE9B,OACEhE,KAAA,CAAA+H,aAAA,CAACsC,YAAY,QACXrK,KAAA,CAAA+H,aAAA,CAACuC,2BAA2B,QAC1BtK,KAAA,CAAA+H,aAAA;IAAQc,KAAK,EAAC,kBAAkB;IAAC0B,MAAM;EAAA,GACpCzF,MAAM,CAAC4D,MAAM,CAAC5E,sBAAsB,CAACE,OAAO,CAAC,CAAC2E,GAAG,CAAC,CAAC6B,EAAE,EAAEC,CAAC,KACvDzK,KAAA,CAAA+H,aAAA,CAACyC,EAAE;IAACT,GAAG,EAAEU;EAAE,CAAE,CACd,CACK,CACmB,CACjB,CAAC;AAEnB;AAEA,SAASJ,YAAYA,CAAAK,KAAA,EAAe;EAAA,IAAd;IAAErI;EAAS,CAAC,GAAAqI,KAAA;EAChC,IAAI,OAAOR,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO5J,QAAQ,CAACqK,YAAY,CAACtI,QAAQ,EAAE6H,QAAQ,CAACU,IAAI,CAAC;EACvD;AACF;AAEA,SAASN,2BAA2BA,CAAAO,KAAA,EAAe;EAAA,IAAd;IAAExI;EAAS,CAAC,GAAAwI,KAAA;EAC/C,MAAM;IAAE3E,IAAI;IAAE4E,aAAa;IAAEC;EAAgB,CAAC,GAAG9K,UAAU,CAACe,WAAW,CAAC;EAExE,OACEhB,KAAA,CAAA+H,aAAA,CAAC/G,WAAW,CAACiH,QAAQ;IACnBC,KAAK,EAAA3B,aAAA,CAAAA,aAAA,KACAtF,mBAAmB;MAGtBiF,IAAI;MACJ4E,aAAa;MACbC,eAAe;MACfxI,mBAAmB,EAAE,IAAI;MACzBO,UAAU,EAAE;IAAI;EAChB,GAEF9C,KAAA,CAAA+H,aAAA,CAAChH,aAAa,CAACkH,QAAQ;IAACC,KAAK,EAAE;MAAE3F,mBAAmB,EAAE;IAAK;EAAE,GAC1DF,QACqB,CACJ,CAAC;AAE3B;AAEAX,eAAe,CAACsJ,qBAAqB,GAAG,IAAI;AAE5C,eAAetJ,eAAe"}
+{"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","createReferenceKey","useSharedState","useHandleLayoutEffect","useStepAnimation","useVisibility","useLayoutEffect","window","useEffect","WizardContainer","props","_dataContext$setHandl","className","id","idProp","mode","initialActiveIndex","omitScrollManagement","omitFocusManagement","onStepChange","children","noAnimation","prerenderFieldProps","variant","sidebarId","rest","_objectWithoutProperties","_excluded","dataContext","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","setSubmitState","forceUpdate","activeIndexRef","totalStepsRef","NaN","errorOnStepRef","stepElementRef","preventNextStepRef","stepsRef","tmpStepsRef","updateTitlesRef","prerenderFieldPropsRef","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","arguments","length","getStepChangeOptions","index","_stepsRef$current$ind","previousIndex","options","previousStep","_stepsRef$current$pre","previousId","Object","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","handleSubmit","_ref3","preventSubmit","setHandleSubmit","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","stepsLengthDidChange","count","keys","tmpCount","_executeLayoutAnimati","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","_ref4","sidebar_id","Sidebar","bottom","values","map","_ref5","title","no_animation","on_change","_ref6","incrementIndex","childrenArray","Children","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","key","clone","cloneElement","document","_ref7","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","_ref8","createPortal","body","_ref9","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  OnStepChangeOptions,\n  OnStepsChangeMode,\n  SetActiveIndexOptions,\n  StepIndex,\n  Steps,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport useStepAnimation from './useStepAnimation'\nimport { ComponentProps } from '../../types'\nimport useVisibility from '../../Form/Visibility/useVisibility'\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 dataContext = useContext(DataContext)\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    setSubmitState,\n  } = dataContext\n\n  const id = useId(idProp)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const totalStepsRef = useRef<number>(NaN)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n  const stepElementRef = useRef<HTMLElement>()\n  const preventNextStepRef = useRef(false)\n  const stepsRef = useRef<Steps>({})\n  const tmpStepsRef = useRef<Steps>({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\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 ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const preventNavigation = useCallback((shouldPrevent = true) => {\n    preventNextStepRef.current = shouldPrevent\n  }, [])\n\n  const getStepChangeOptions: (index: StepIndex) => OnStepChangeOptions =\n    useCallback(\n      (index) => {\n        const previousIndex = activeIndexRef.current\n        const options = {\n          preventNavigation,\n          previousStep: { index: previousIndex },\n        }\n\n        const id = stepsRef.current[index]?.id\n        if (id) {\n          const previousId = stepsRef.current[previousIndex]?.id\n          Object.assign(options, { id })\n          Object.assign(options.previousStep, { id: previousId })\n        }\n\n        return options\n      },\n      [preventNavigation]\n    )\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: OnStepsChangeMode) => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode, getStepChangeOptions(index))\n      }\n\n      return onStepChange?.(index, mode, getStepChangeOptions(index))\n    },\n    [getStepChangeOptions, onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({\n      stepElementRef,\n    })\n\n  const executeLayoutAnimationRef = useRef<() => void>()\n  useStepAnimation({\n    activeIndexRef,\n    stepElementRef,\n    executeLayoutAnimationRef,\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: OnStepsChangeMode\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehavior: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(\n              index,\n              mode,\n              getStepChangeOptions(index)\n            )\n          }\n\n          let result = undefined\n\n          if (\n            !skipStepChangeCall &&\n            !(skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n          ) {\n            result = await callOnStepChange(index, mode)\n          }\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 (!preventNextStepRef.current && !(result instanceof Error)) {\n            handleLayoutEffect()\n\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          preventNextStepRef.current = false\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      getStepChangeOptions,\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 handleSubmit = useCallback(\n    ({ preventSubmit }) => {\n      if (activeIndexRef.current + 1 < totalStepsRef.current) {\n        handleNext()\n        preventSubmit()\n      }\n    },\n    [handleNext]\n  )\n  dataContext.setHandleSubmit?.(handleSubmit)\n\n  const { check } = useVisibility()\n\n  const activeIndex = activeIndexRef.current\n  const providerValue = useMemo<WizardContextState>(() => {\n    return {\n      id,\n      activeIndex,\n      stepElementRef,\n      stepsRef,\n      updateTitlesRef,\n      activeIndexRef,\n      totalStepsRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    activeIndex,\n    handleNext,\n    handlePrevious,\n    id,\n    prerenderFieldProps,\n    check,\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  }, [stepsRef.current])\n\n  const stepsLengthDidChange = useCallback(() => {\n    const count = Object.keys(stepsRef.current).length\n    const tmpCount = Object.keys(tmpStepsRef.current).length\n    return count !== 0 && tmpCount !== 0 && count !== tmpCount\n  }, [])\n\n  // - Call onStepChange when step gets replaced or added (e.g. via activeWhen)\n  useLayoutEffect(() => {\n    if (stepsLengthDidChange()) {\n      callOnStepChange(activeIndexRef.current, 'stepListModified')\n      executeLayoutAnimationRef.current?.()\n    }\n    tmpStepsRef.current = stepsRef.current\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stepsRef.current, callOnStepChange, stepsLengthDidChange])\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, stepsRef, 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(stepsRef.current).map(({ title }) => title)}\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    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  stepsRef.current = {}\n  let incrementIndex = -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 (\n          child.props.activeWhen &&\n          !check({ visibleWhen: child.props.activeWhen })\n        ) {\n          return null\n        }\n\n        incrementIndex++\n        const index = incrementIndex\n\n        stepsRef.current[index] = {\n          id: child.props.id,\n          title:\n            child.props.title !== undefined\n              ? convertJsxToString(child.props.title)\n              : 'Title missing',\n        }\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  totalStepsRef.current = childrenArray?.length\n\n  return childrenArray\n}\n\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        hasContext: 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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"}

package/extensions/forms/Wizard/hooks/useStep.d.ts

@@ -1,5 +1,5 @@
 import { OnStepChange, WizardContextState } from '../Context/WizardContext';
-import { Identifier } from '../../types';
-export default function useStep(id?: Identifier, { onStepChange }?: {
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+export default function useStep(id?: SharedStateId, { onStepChange }?: {
     onStepChange?: OnStepChange;
 }): WizardContextState;

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

@@ -2,7 +2,7 @@
 
 import React, { useCallback, useContext, useRef } from 'react';
 import WizardContext from '../Context/WizardContext';
-import { useSharedState } from '../../../../shared/helpers/useSharedState';
+import { createReferenceKey, useSharedState } from '../../../../shared/helpers/useSharedState';
 const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export default function useStep() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -17,7 +17,7 @@ export default function useStep() {
     id = context.id;
   }
   const sharedDataRef = useRef(null);
-  sharedDataRef.current = useSharedState(id ? id + '-wizard' : undefined);
+  sharedDataRef.current = useSharedState(id ? createReferenceKey(id, 'wizard') : undefined);
   useLayoutEffect(() => {
     sharedDataRef.current.extend({
       onStepChange

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

@@ -1 +1 @@
-{"version":3,"file":"useStep.js","names":["React","useCallback","useContext","useRef","WizardContext","useSharedState","useLayoutEffect","window","useEffect","useStep","id","arguments","length","undefined","onStepChange","setFormError","context","sharedDataRef","current","extend","data","value","stepsRef","setTotalSteps","totalSteps","Object","keys"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport { Identifier } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\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 useStep(\n  id: Identifier = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const context = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? id + '-wizard' : undefined\n  )\n\n  useLayoutEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  const value = data || context\n  const { stepsRef } = value || {}\n  const setTotalSteps = useCallback(() => {\n    const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n    if (value.totalSteps !== totalSteps) {\n      value.totalSteps = totalSteps\n    }\n  }, [stepsRef, value])\n  if (data) {\n    setTotalSteps()\n  }\n  useLayoutEffect(() => {\n    setTotalSteps()\n  }, [setTotalSteps, stepsRef, value])\n\n  return value\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,aAAa,MAGb,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,2CAA2C;AAG1E,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGP,KAAK,CAACQ,SAAS,GAAGR,KAAK,CAACM,eAAe;AAEzE,eAAe,SAASG,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACrB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,YAAY,GAAGd,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMe,OAAO,GAAGd,UAAU,CAACE,aAAa,CAAC,IAAI;IAAEW;EAAa,CAAC;EAI7D,IAAID,YAAY,IAAI,CAACJ,EAAE,IAAIM,OAAO,CAACN,EAAE,EAAE;IACrCA,EAAE,GAAGM,OAAO,CAACN,EAAE;EACjB;EAEA,MAAMO,aAAa,GACjBd,MAAM,CAAwD,IAAI,CAAC;EACrEc,aAAa,CAACC,OAAO,GAAGb,cAAc,CACpCK,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGG,SACxB,CAAC;EAEDP,eAAe,CAAC,MAAM;IACpBW,aAAa,CAACC,OAAO,CAACC,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMM,IAAI,GAAGH,aAAa,CAACC,OAAO,CAACE,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACL,YAAY,EAAE;IAC9BK,IAAI,CAACL,YAAY,GAAGA,YAAY;EAClC;EAEA,MAAMM,KAAK,GAAGD,IAAI,IAAIJ,OAAO;EAC7B,MAAM;IAAEM;EAAS,CAAC,GAAGD,KAAK,IAAI,CAAC,CAAC;EAChC,MAAME,aAAa,GAAGtB,WAAW,CAAC,MAAM;IACtC,MAAMuB,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAC,CAAAJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,OAAO,KAAI,CAAC,CAAC,CAAC,CAACN,MAAM,IAAI,CAAC;IACnE,IAAIS,KAAK,CAACG,UAAU,KAAKA,UAAU,EAAE;MACnCH,KAAK,CAACG,UAAU,GAAGA,UAAU;IAC/B;EACF,CAAC,EAAE,CAACF,QAAQ,EAAED,KAAK,CAAC,CAAC;EACrB,IAAID,IAAI,EAAE;IACRG,aAAa,CAAC,CAAC;EACjB;EACAjB,eAAe,CAAC,MAAM;IACpBiB,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,aAAa,EAAED,QAAQ,EAAED,KAAK,CAAC,CAAC;EAEpC,OAAOA,KAAK;AACd"}
+{"version":3,"file":"useStep.js","names":["React","useCallback","useContext","useRef","WizardContext","createReferenceKey","useSharedState","useLayoutEffect","window","useEffect","useStep","id","arguments","length","undefined","onStepChange","setFormError","context","sharedDataRef","current","extend","data","value","stepsRef","setTotalSteps","totalSteps","Object","keys"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport {\n  SharedStateId,\n  createReferenceKey,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\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 useStep(\n  id: SharedStateId = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const context = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? createReferenceKey(id, 'wizard') : undefined\n  )\n\n  useLayoutEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  const value = data || context\n  const { stepsRef } = value || {}\n  const setTotalSteps = useCallback(() => {\n    const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n    if (value.totalSteps !== totalSteps) {\n      value.totalSteps = totalSteps\n    }\n  }, [stepsRef, value])\n  if (data) {\n    setTotalSteps()\n  }\n  useLayoutEffect(() => {\n    setTotalSteps()\n  }, [setTotalSteps, stepsRef, value])\n\n  return value\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,aAAa,MAGb,0BAA0B;AACjC,SAEEC,kBAAkB,EAClBC,cAAc,QACT,2CAA2C;AAGlD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGR,KAAK,CAACS,SAAS,GAAGT,KAAK,CAACO,eAAe;AAEzE,eAAe,SAASG,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACxB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,YAAY,GAAGf,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMgB,OAAO,GAAGf,UAAU,CAACE,aAAa,CAAC,IAAI;IAAEY;EAAa,CAAC;EAI7D,IAAID,YAAY,IAAI,CAACJ,EAAE,IAAIM,OAAO,CAACN,EAAE,EAAE;IACrCA,EAAE,GAAGM,OAAO,CAACN,EAAE;EACjB;EAEA,MAAMO,aAAa,GACjBf,MAAM,CAAwD,IAAI,CAAC;EACrEe,aAAa,CAACC,OAAO,GAAGb,cAAc,CACpCK,EAAE,GAAGN,kBAAkB,CAACM,EAAE,EAAE,QAAQ,CAAC,GAAGG,SAC1C,CAAC;EAEDP,eAAe,CAAC,MAAM;IACpBW,aAAa,CAACC,OAAO,CAACC,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMM,IAAI,GAAGH,aAAa,CAACC,OAAO,CAACE,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACL,YAAY,EAAE;IAC9BK,IAAI,CAACL,YAAY,GAAGA,YAAY;EAClC;EAEA,MAAMM,KAAK,GAAGD,IAAI,IAAIJ,OAAO;EAC7B,MAAM;IAAEM;EAAS,CAAC,GAAGD,KAAK,IAAI,CAAC,CAAC;EAChC,MAAME,aAAa,GAAGvB,WAAW,CAAC,MAAM;IACtC,MAAMwB,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAC,CAAAJ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,OAAO,KAAI,CAAC,CAAC,CAAC,CAACN,MAAM,IAAI,CAAC;IACnE,IAAIS,KAAK,CAACG,UAAU,KAAKA,UAAU,EAAE;MACnCH,KAAK,CAACG,UAAU,GAAGA,UAAU;IAC/B;EACF,CAAC,EAAE,CAACF,QAAQ,EAAED,KAAK,CAAC,CAAC;EACrB,IAAID,IAAI,EAAE;IACRG,aAAa,CAAC,CAAC;EACjB;EACAjB,eAAe,CAAC,MAAM;IACpBiB,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,aAAa,EAAED,QAAQ,EAAED,KAAK,CAAC,CAAC;EAEpC,OAAOA,KAAK;AACd"}

package/extensions/forms/Wizard/style/themes/dnb-wizard-layout-theme-ui.scss

@@ -1,6 +1,8 @@
 .dnb-forms-wizard-layout {
   &__contents {
     .dnb-card {
+      // Change the default outline color to match the StepIndicator v2.
+      // This is deprecated and can be removed when the StepIndicator v3 (without a sidebar) is released.
       --card-outline-color: var(--color-pistachio);
     }
   }

package/extensions/forms/constants/countries.js

@@ -1434,7 +1434,7 @@ const countries = [{
     en: 'Puerto Rico',
     nb: 'Puerto Rico'
   },
-  cdc: '1-787, 1-939',
+  cdc: '1-787',
   iso: 'PR',
   continent: 'North America'
 }, {