@dnb/eufemia 10.62.3 → 10.63.0

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

@@ -12,7 +12,7 @@ import Context from '../../DataContext/Context';
 import ListFormat from '../../../../components/list-format';
 function ArraySelection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = useContext(Context) || {};
   const _useValueProps = useValueProps(props),
     {
@@ -27,8 +27,8 @@ function ArraySelection(props) {
   const list = useMemo(() => {
     let valueToUse = value;
     if (path) {
-      var _fieldPropsRef$curren, _data$map;
-      const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
+      var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _data$map;
+      const data = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path + '/arraySelectionData']) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
       valueToUse = (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({
         title
       }) => convertJsxToString(title))) || value;
@@ -42,7 +42,7 @@ function ArraySelection(props) {
       variant: variant,
       listType: listType
     });
-  }, [fieldPropsRef, path, value, variant, listType]);
+  }, [value, path, format, variant, listType, fieldInternalsRef]);
   return React.createElement(ValueBlock, _extends({
     className: classnames('dnb-forms-value-array-selection', className)
   }, rest), list);

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

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","convertJsxToString","Context","ListFormat","ArraySelection","props","fieldPropsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","valueToUse","_fieldPropsRef$curren","_data$map","data","current","map","call","title","undefined","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [fieldPropsRef, path, value, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,UAAU,MAEV,oCAAoC;AAI3C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAc,CAAC,GAAGV,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAQIR,aAAa,CAACM,KAAK,CAAC;IARlB;MACJG,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,OAAO,GAAG,MAAM;MAChBC;IAEF,CAAC,GAAAN,cAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,cAAA,EAAAS,SAAA;EAGT,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIqB,UAAU,GAAGT,KAAK;IAEtB,IAAID,IAAI,EAAE;MAAA,IAAAW,qBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGf,aAAa,aAAbA,aAAa,wBAAAa,qBAAA,GAAbb,aAAa,CAAEgB,OAAO,cAAAH,qBAAA,uBAAtBA,qBAAA,CACXX,IAAI,GAAG,qBAAqB,CAI5B;MAEFU,UAAU,GACR,CAAAG,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKxB,kBAAkB,CAACwB,KAAK,CAAC,CAAC,KAAIhB,KAAK;IAClE;IAEA,IAAI,OAAOS,UAAU,KAAK,WAAW,EAAE;MACrC,OAAOQ,SAAS;IAClB;IAEA,OACE/B,KAAA,CAAAgC,aAAA,CAACxB,UAAU;MACTM,KAAK,EAAES,UAAW;MAClBR,MAAM,EAAEA,MAAO;MACfE,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN,CAAC,EAAE,CAACP,aAAa,EAAEE,IAAI,EAAEC,KAAK,EAAEG,OAAO,EAAEC,QAAQ,CAAC,CAAC;EAEnD,OACElB,KAAA,CAAAgC,aAAA,CAAC3B,UAAU,EAAA4B,QAAA;IACTjB,SAAS,EAAEb,UAAU,CAAC,iCAAiC,EAAEa,SAAS;EAAE,GAChEG,IAAI,GAEPG,IACS,CAAC;AAEjB;AAEAb,cAAc,CAACyB,qBAAqB,GAAG,IAAI;AAC3C,eAAezB,cAAc"}
+{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","convertJsxToString","Context","ListFormat","ArraySelection","props","fieldInternalsRef","_useValueProps","path","value","format","className","variant","listType","rest","_objectWithoutProperties","_excluded","list","valueToUse","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","_data$map","data","current","map","call","title","undefined","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldInternalsRef?.current?.[\n        path + '/arraySelectionData'\n      ]?.props as unknown as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [value, path, format, variant, listType, fieldInternalsRef])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,OAAOC,UAAU,MAEV,oCAAoC;AAI3C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGV,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC,CAAC;EACvD,MAAAK,cAAA,GAQIR,aAAa,CAACM,KAAK,CAAC;IARlB;MACJG,IAAI;MACJC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,OAAO,GAAG,MAAM;MAChBC;IAEF,CAAC,GAAAN,cAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,cAAA,EAAAS,SAAA;EAGT,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIqB,UAAU,GAAGT,KAAK;IAEtB,IAAID,IAAI,EAAE;MAAA,IAAAW,qBAAA,EAAAC,sBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGhB,iBAAiB,aAAjBA,iBAAiB,wBAAAa,qBAAA,GAAjBb,iBAAiB,CAAEiB,OAAO,cAAAJ,qBAAA,wBAAAC,sBAAA,GAA1BD,qBAAA,CACXX,IAAI,GAAG,qBAAqB,CAC7B,cAAAY,sBAAA,uBAFYA,sBAAA,CAEVf,KAGD;MAEFa,UAAU,GACR,CAAAI,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQ,CAAC;QAAEI;MAAM,CAAC,KAAKzB,kBAAkB,CAACyB,KAAK,CAAC,CAAC,KAAIjB,KAAK;IAClE;IAEA,IAAI,OAAOS,UAAU,KAAK,WAAW,EAAE;MACrC,OAAOS,SAAS;IAClB;IAEA,OACEhC,KAAA,CAAAiC,aAAA,CAACzB,UAAU;MACTM,KAAK,EAAES,UAAW;MAClBR,MAAM,EAAEA,MAAO;MACfE,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN,CAAC,EAAE,CAACJ,KAAK,EAAED,IAAI,EAAEE,MAAM,EAAEE,OAAO,EAAEC,QAAQ,EAAEP,iBAAiB,CAAC,CAAC;EAE/D,OACEX,KAAA,CAAAiC,aAAA,CAAC5B,UAAU,EAAA6B,QAAA;IACTlB,SAAS,EAAEb,UAAU,CAAC,iCAAiC,EAAEa,SAAS;EAAE,GAChEG,IAAI,GAEPG,IACS,CAAC;AAEjB;AAEAb,cAAc,CAAC0B,qBAAqB,GAAG,IAAI;AAC3C,eAAe1B,cAAc"}

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

@@ -11,7 +11,7 @@ import Context from '../../DataContext/Context';
 import { convertJsxToString } from '../../../../shared/component-helper';
 function Selection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = useContext(Context) || {};
   const _useValueProps = useValueProps(props),
     {
@@ -24,21 +24,21 @@ function Selection(props) {
     getValueByPath
   } = useDataValue();
   const valueToDisplay = useMemo(() => {
-    var _fieldPropsRef$curren;
-    const fieldProp = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path];
+    var _fieldInternalsRef$cu, _fieldInternalsRef$cu2;
+    const fieldProp = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path]) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
     if (path || dataPath) {
       var _getValueByPath, _getValueByPath$map, _list, _list$find, _list$find$call, _list$find$call$props;
       let list = (_getValueByPath = getValueByPath(dataPath)) === null || _getValueByPath === void 0 ? void 0 : (_getValueByPath$map = _getValueByPath.map) === null || _getValueByPath$map === void 0 ? void 0 : _getValueByPath$map.call(_getValueByPath, props => ({
         props
       }));
       if (!list) {
-        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp['children'];
+        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp.children;
       }
       const title = (_list = list) === null || _list === void 0 ? void 0 : (_list$find = _list.find) === null || _list$find === void 0 ? void 0 : (_list$find$call = _list$find.call(_list, child => child.props.value === value)) === null || _list$find$call === void 0 ? void 0 : (_list$find$call$props = _list$find$call.props) === null || _list$find$call$props === void 0 ? void 0 : _list$find$call$props.title;
       return title ? convertJsxToString(title) : value;
     }
     return value;
-  }, [dataPath, fieldPropsRef, getValueByPath, path, value]);
+  }, [dataPath, fieldInternalsRef, getValueByPath, path, value]);
   return React.createElement(StringValue, _extends({
     value: valueToDisplay,
     path: path

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

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldPropsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldPropsRef?.current?.[path]\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.['children'] as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldPropsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA;IACvD,MAAMC,SAAS,GAAGX,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEY,OAAO,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAyBR,IAAI,CAAC;IAEhD,IAAIA,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAU,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGL,cAAc,CAACL,QAAQ,CAAC,cAAAU,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCd,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACoB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,UAAU,CAE5B;MACH;MAEA,MAAMW,KAAK,IAAAP,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMQ,IAAI,cAAAP,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcS,KAAK,IAAKA,KAAK,CAACzB,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAa,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVlB,KAAK,cAAAmB,qBAAA,uBADKA,qBAAA,CACHI,KAAK;MAEhB,OAAOA,KAAK,GAAGzB,kBAAkB,CAACyB,KAAK,CAAC,GAAGlB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,aAAa,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE1D,OAAOd,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,QAAA;IAACtB,KAAK,EAAEK,cAAe;IAACP,IAAI,EAAEA;EAAK,GAAKG,IAAI,CAAG,CAAC;AACrE;AAEAP,SAAS,CAAC6B,qBAAqB,GAAG,IAAI;AACtC,eAAe7B,SAAS"}
+{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldInternalsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","children","title","find","child","createElement","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldInternalsRef?.current?.[path]?.props\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.children as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldInternalsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAkB,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACvD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA,EAAAC,sBAAA;IACvD,MAAMC,SAAS,GAAGZ,iBAAiB,aAAjBA,iBAAiB,wBAAAU,qBAAA,GAAjBV,iBAAiB,CAAEa,OAAO,cAAAH,qBAAA,wBAAAC,sBAAA,GAA1BD,qBAAA,CAA6BR,IAAI,CAAC,cAAAS,sBAAA,uBAAlCA,sBAAA,CAAoCZ,KAAK;IAE3D,IAAIG,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAW,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGN,cAAc,CAACL,QAAQ,CAAC,cAAAW,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCf,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACqB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEW,QAEjB;MACH;MAEA,MAAMC,KAAK,IAAAR,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMS,IAAI,cAAAR,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcU,KAAK,IAAKA,KAAK,CAAC3B,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAc,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVnB,KAAK,cAAAoB,qBAAA,uBADKA,qBAAA,CACHK,KAAK;MAEhB,OAAOA,KAAK,GAAG3B,kBAAkB,CAAC2B,KAAK,CAAC,GAAGpB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,iBAAiB,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE9D,OAAOd,KAAA,CAAAqC,aAAA,CAAClC,WAAW,EAAAmC,QAAA;IAACxB,KAAK,EAAEK,cAAe;IAACP,IAAI,EAAEA;EAAK,GAAKG,IAAI,CAAG,CAAC;AACrE;AAEAP,SAAS,CAAC+B,qBAAqB,GAAG,IAAI;AACtC,eAAe/B,SAAS"}

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

@@ -13,8 +13,10 @@ import SummaryListContext from '../Value/SummaryList/SummaryListContext';
 import ValueBlockContext from './ValueBlockContext';
 import DataContext from '../DataContext/Context';
 import { pickSpacingProps } from '../../../components/flex/utils';
-import IterateElementContext from '../Iterate/IterateItemContext';
+import IterateItemContext from '../Iterate/IterateItemContext';
 import { convertJsxToString } from '../../../shared/component-helper';
+import VisibilityContext from '../Form/Visibility/VisibilityContext';
+import Visibility from '../Form/Visibility/Visibility';
 function ValueBlock(props) {
   const summaryListContext = useContext(SummaryListContext);
   const valueBlockContext = useContext(ValueBlockContext);
@@ -23,10 +25,12 @@ function ValueBlock(props) {
   } = useContext(DataContext) || {};
   const {
     index: iterateIndex
-  } = useContext(IterateElementContext) || {};
+  } = useContext(IterateItemContext) || {};
   const {
     className,
     label: labelProp,
+    path,
+    itemPath,
     labelSrOnly,
     transformLabel = label => label,
     inline,
@@ -48,7 +52,7 @@ function ValueBlock(props) {
     return transformLabel(label, transformLabelParameters);
   }, [inline, iterateIndex, labelProp, transformLabel]);
   const ref = useRef(null);
-  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
+  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label, path, itemPath);
   const hide = prerenderFieldProps || (children === undefined || children === null || children === false) && !showEmpty && !placeholder;
   if (hide) {
     return React.createElement(React.Fragment, null);
@@ -72,13 +76,13 @@ function ValueBlock(props) {
         })
       }, React.createElement(Item, null, React.createElement(Dt, {
         className: 'dnb-forms-value-block__label' + (!label || labelSrOnly ? " dnb-sr-only" : "")
-      }, label && React.createElement("strong", null, label)), React.createElement(Dd, {
+      }, React.createElement(VisibilityWrapper, null, label && React.createElement("strong", null, label))), React.createElement(Dd, {
         className: classnames(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
-      }, children ? React.createElement("span", {
+      }, React.createElement(VisibilityWrapper, null, children ? React.createElement("span", {
         className: defaultClass
       }, children) : React.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
-      }, placeholder))));
+      }, placeholder)))));
     }
   } else {
     content = React.createElement(Span, _extends({
@@ -99,21 +103,34 @@ function ValueBlock(props) {
     value: props
   }, content);
 }
-function useNotInSummaryList(ref, label) {
+function useNotInSummaryList(ref, label, path, itemPath) {
   useEffect(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
       try {
         const sibling = ref.current.previousElementSibling;
         if (sibling !== null && sibling !== void 0 && sibling.classList.contains('dnb-forms-value-block') && !ref.current.closest('.dnb-forms-summary-list')) {
-          warn.apply(warn, ['Value components as siblings should be wrapped inside a Value.SummaryList!', label].filter(Boolean));
+          warn.apply(warn, ['Value components as siblings should be wrapped inside a Value.SummaryList:', {
+            label,
+            path,
+            itemPath
+          }].filter(Boolean));
         }
       } catch (error) {}
     }
-  }, [label, ref]);
+  }, [itemPath, label, path, ref]);
 }
 ValueBlock._supportsSpacingProps = true;
 export default ValueBlock;
 const transformLabelParameters = {
   convertJsxToString
 };
+function VisibilityWrapper({
+  children
+}) {
+  const visibilityContext = useContext(VisibilityContext);
+  if (visibilityContext) {
+    return React.createElement(Visibility, visibilityContext.props, children);
+  }
+  return children;
+}
 //# sourceMappingURL=ValueBlock.js.map

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

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

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

@@ -4,10 +4,15 @@
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
   margin: 0;
 }
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty,
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty {
+  display: none;
+}
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd {
   margin-bottom: var(--spacing-medium);
+  transition: margin-bottom 300ms var(--easing-default);
 }
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
   margin-bottom: 0;
 }
 

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

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

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

@@ -1,16 +1,28 @@
 @import '../../../../style/core/utilities.scss';
 
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) {
-  & .dnb-dt,
-  & > .dnb-dd > .dnb-dl,
-  &:not([class*='dnb-space']) > .dnb-dd > .dnb-dl {
-    margin: 0;
-  }
+.dnb-forms-summary-list.dnb-dl {
+  &:not(.dnb-dl__layout--horizontal) {
+    & .dnb-dt,
+    & > .dnb-dd > .dnb-dl,
+    &:not([class*='dnb-space']) > .dnb-dd > .dnb-dl {
+      margin: 0;
+    }
 
-  &:not(.dnb-dl__layout--grid) > .dnb-dd {
-    margin-bottom: var(--spacing-medium);
-    &:last-of-type {
-      margin-bottom: 0;
+    .dnb-dt:empty,
+    .dnb-dd:empty {
+      display: none;
+    }
+
+    &:not(.dnb-dl__layout--grid) > .dnb-dd {
+      margin-bottom: var(--spacing-medium);
+
+      // Add support for using animated Form.Visibility in a SummaryList (VisibilityWrapper).
+      transition: margin-bottom 300ms var(--easing-default);
+
+      &:last-of-type,
+      &:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
+        margin-bottom: 0;
+      }
     }
   }
 }

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

@@ -53,6 +53,7 @@ function WizardContainer(props) {
   const activeIndexRef = useRef(initialActiveIndex);
   const totalStepsRef = useRef(NaN);
   const errorOnStepRef = useRef({});
+  const elementRef = useRef();
   const stepElementRef = useRef();
   const preventNextStepRef = useRef(false);
   const stepsRef = useRef({});
@@ -98,6 +99,7 @@ function WizardContainer(props) {
     scrollToTop,
     isInteractionRef
   } = useHandleLayoutEffect({
+    elementRef,
     stepElementRef
   });
   const executeLayoutAnimationRef = useRef();
@@ -240,7 +242,8 @@ function WizardContainer(props) {
   return React.createElement(WizardContext.Provider, {
     value: providerValue
   }, React.createElement(Space, _extends({
-    className: classnames(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className)
+    className: classnames(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className),
+    innerRef: elementRef
   }, rest), React.createElement(DisplaySteps, {
     mode: mode,
     variant: variant,
@@ -378,13 +381,13 @@ function PrerenderFieldPropsProvider({
 }) {
   const {
     data,
-    setFieldProps,
+    setFieldInternals,
     updateDataValue
   } = useContext(DataContext);
   return React.createElement(DataContext.Provider, {
     value: _objectSpread(_objectSpread({}, defaultContextState), {}, {
       data,
-      setFieldProps,
+      setFieldInternals,
       updateDataValue,
       prerenderFieldProps: true,
       hasContext: true

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","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","getStepChangeOptions","index","_stepsRef$current$ind","previousIndex","options","previousStep","_stepsRef$current$pre","previousId","Object","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleSubmit","preventSubmit","setHandleSubmit","check","activeIndex","providerValue","extend","_updateTitlesRef$curr","stepsLengthDidChange","count","keys","length","tmpCount","_executeLayoutAnimati","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","sidebar_id","Sidebar","bottom","values","map","title","no_animation","on_change","incrementIndex","childrenArray","Children","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","key","clone","cloneElement","document","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","createPortal","body","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  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  }, [hasContext, id, providerValue])\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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"}
+{"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","elementRef","stepElementRef","preventNextStepRef","stepsRef","tmpStepsRef","updateTitlesRef","prerenderFieldPropsRef","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","getStepChangeOptions","index","_stepsRef$current$ind","previousIndex","options","previousStep","_stepsRef$current$pre","previousId","Object","assign","callOnStepChange","setFocus","scrollToTop","isInteractionRef","executeLayoutAnimationRef","handleLayoutEffect","handleStepChange","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","handleSubmit","preventSubmit","setHandleSubmit","check","activeIndex","providerValue","extend","_updateTitlesRef$curr","stepsLengthDidChange","count","keys","length","tmpCount","_executeLayoutAnimati","createElement","_extends","Provider","value","innerRef","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","sidebar_id","Sidebar","bottom","values","map","title","no_animation","on_change","incrementIndex","childrenArray","Children","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","key","clone","cloneElement","document","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","createPortal","body","setFieldInternals","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 elementRef = useRef<HTMLElement>()\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({ elementRef, stepElementRef })\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  }, [hasContext, id, providerValue])\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        innerRef={elementRef}\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, setFieldInternals, updateDataValue } =\n    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        setFieldInternals,\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/es/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export default function useHandleLayoutEffect({ stepElementRef }: {
+export default function useHandleLayoutEffect({ elementRef, stepElementRef, }: {
+    elementRef: any;
     stepElementRef: any;
 }): {
     setFocus: () => void;

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

@@ -2,6 +2,7 @@
 
 import { useCallback, useEffect, useRef } from 'react';
 export default function useHandleLayoutEffect({
+  elementRef,
   stepElementRef
 }) {
   const isInteractionRef = useRef(false);
@@ -27,10 +28,10 @@ export default function useHandleLayoutEffect({
   }, [action, stepElementRef]);
   const scrollToTop = useCallback(() => {
     action(() => {
-      var _stepElementRef$curre3, _stepElementRef$curre4;
-      (_stepElementRef$curre3 = stepElementRef.current) === null || _stepElementRef$curre3 === void 0 ? void 0 : (_stepElementRef$curre4 = _stepElementRef$curre3.scrollIntoView) === null || _stepElementRef$curre4 === void 0 ? void 0 : _stepElementRef$curre4.call(_stepElementRef$curre3);
+      var _elementRef$current, _elementRef$current$s;
+      (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : (_elementRef$current$s = _elementRef$current.scrollIntoView) === null || _elementRef$current$s === void 0 ? void 0 : _elementRef$current$s.call(_elementRef$current);
     });
-  }, [action, stepElementRef]);
+  }, [action, elementRef]);
   return {
     setFocus,
     scrollToTop,

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

@@ -1 +1 @@
-{"version":3,"file":"useHandleLayoutEffect.js","names":["useCallback","useEffect","useRef","useHandleLayoutEffect","stepElementRef","isInteractionRef","delay","process","env","NODE_ENV","timeout","setTimeout","current","clearTimeout","action","fn","window","requestAnimationFrame","setFocus","_stepElementRef$curre","_stepElementRef$curre2","focus","call","preventScroll","scrollToTop","_stepElementRef$curre3","_stepElementRef$curre4","scrollIntoView"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useHandleLayoutEffect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport default function useHandleLayoutEffect({ stepElementRef }) {\n  const isInteractionRef = useRef(false)\n\n  useEffect(() => {\n    // Ensure we delay the mounting before layout effect is handled\n    const delay = process.env.NODE_ENV === 'test' ? 8 : 100\n    const timeout = setTimeout(() => {\n      isInteractionRef.current = true\n    }, delay)\n    return () => clearTimeout(timeout)\n  })\n\n  const action = useCallback((fn: () => void) => {\n    // Wait for the next render cycle\n    window.requestAnimationFrame(() =>\n      // Wait for the new stepElementRef to be set\n      window.requestAnimationFrame(() => {\n        isInteractionRef.current && fn()\n      })\n    )\n  }, [])\n\n  const setFocus = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.focus?.({\n        preventScroll: true,\n      })\n    })\n  }, [action, stepElementRef])\n\n  const scrollToTop = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.scrollIntoView?.()\n    })\n  }, [action, stepElementRef])\n\n  return { setFocus, scrollToTop, isInteractionRef }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEtD,eAAe,SAASC,qBAAqBA,CAAC;EAAEC;AAAe,CAAC,EAAE;EAChE,MAAMC,gBAAgB,GAAGH,MAAM,CAAC,KAAK,CAAC;EAEtCD,SAAS,CAAC,MAAM;IAEd,MAAMK,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,CAAC,GAAG,GAAG;IACvD,MAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BN,gBAAgB,CAACO,OAAO,GAAG,IAAI;IACjC,CAAC,EAAEN,KAAK,CAAC;IACT,OAAO,MAAMO,YAAY,CAACH,OAAO,CAAC;EACpC,CAAC,CAAC;EAEF,MAAMI,MAAM,GAAGd,WAAW,CAAEe,EAAc,IAAK;IAE7CC,MAAM,CAACC,qBAAqB,CAAC,MAE3BD,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjCZ,gBAAgB,CAACO,OAAO,IAAIG,EAAE,CAAC,CAAC;IAClC,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,QAAQ,GAAGlB,WAAW,CAAC,MAAM;IACjCc,MAAM,CAAC,MAAM;MAAA,IAAAK,qBAAA,EAAAC,sBAAA;MACX,CAAAD,qBAAA,GAAAf,cAAc,CAACQ,OAAO,cAAAO,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,KAAK,cAAAD,sBAAA,uBAA7BA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAAgC;QAC9BI,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACT,MAAM,EAAEV,cAAc,CAAC,CAAC;EAE5B,MAAMoB,WAAW,GAAGxB,WAAW,CAAC,MAAM;IACpCc,MAAM,CAAC,MAAM;MAAA,IAAAW,sBAAA,EAAAC,sBAAA;MACX,CAAAD,sBAAA,GAAArB,cAAc,CAACQ,OAAO,cAAAa,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,cAAc,cAAAD,sBAAA,uBAAtCA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAyC,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EAAE,CAACX,MAAM,EAAEV,cAAc,CAAC,CAAC;EAE5B,OAAO;IAAEc,QAAQ;IAAEM,WAAW;IAAEnB;EAAiB,CAAC;AACpD"}
+{"version":3,"file":"useHandleLayoutEffect.js","names":["useCallback","useEffect","useRef","useHandleLayoutEffect","elementRef","stepElementRef","isInteractionRef","delay","process","env","NODE_ENV","timeout","setTimeout","current","clearTimeout","action","fn","window","requestAnimationFrame","setFocus","_stepElementRef$curre","_stepElementRef$curre2","focus","call","preventScroll","scrollToTop","_elementRef$current","_elementRef$current$s","scrollIntoView"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useHandleLayoutEffect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nexport default function useHandleLayoutEffect({\n  elementRef,\n  stepElementRef,\n}) {\n  const isInteractionRef = useRef(false)\n\n  useEffect(() => {\n    // Ensure we delay the mounting before layout effect is handled\n    const delay = process.env.NODE_ENV === 'test' ? 8 : 100\n    const timeout = setTimeout(() => {\n      isInteractionRef.current = true\n    }, delay)\n    return () => clearTimeout(timeout)\n  })\n\n  const action = useCallback((fn: () => void) => {\n    // Wait for the next render cycle\n    window.requestAnimationFrame(() =>\n      // Wait for the new stepElementRef to be set\n      window.requestAnimationFrame(() => {\n        isInteractionRef.current && fn()\n      })\n    )\n  }, [])\n\n  const setFocus = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.focus?.({\n        preventScroll: true,\n      })\n    })\n  }, [action, stepElementRef])\n\n  const scrollToTop = useCallback(() => {\n    action(() => {\n      elementRef.current?.scrollIntoView?.()\n    })\n  }, [action, elementRef])\n\n  return { setFocus, scrollToTop, isInteractionRef }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEtD,eAAe,SAASC,qBAAqBA,CAAC;EAC5CC,UAAU;EACVC;AACF,CAAC,EAAE;EACD,MAAMC,gBAAgB,GAAGJ,MAAM,CAAC,KAAK,CAAC;EAEtCD,SAAS,CAAC,MAAM;IAEd,MAAMM,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,CAAC,GAAG,GAAG;IACvD,MAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BN,gBAAgB,CAACO,OAAO,GAAG,IAAI;IACjC,CAAC,EAAEN,KAAK,CAAC;IACT,OAAO,MAAMO,YAAY,CAACH,OAAO,CAAC;EACpC,CAAC,CAAC;EAEF,MAAMI,MAAM,GAAGf,WAAW,CAAEgB,EAAc,IAAK;IAE7CC,MAAM,CAACC,qBAAqB,CAAC,MAE3BD,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjCZ,gBAAgB,CAACO,OAAO,IAAIG,EAAE,CAAC,CAAC;IAClC,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,QAAQ,GAAGnB,WAAW,CAAC,MAAM;IACjCe,MAAM,CAAC,MAAM;MAAA,IAAAK,qBAAA,EAAAC,sBAAA;MACX,CAAAD,qBAAA,GAAAf,cAAc,CAACQ,OAAO,cAAAO,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,KAAK,cAAAD,sBAAA,uBAA7BA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAAgC;QAC9BI,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACT,MAAM,EAAEV,cAAc,CAAC,CAAC;EAE5B,MAAMoB,WAAW,GAAGzB,WAAW,CAAC,MAAM;IACpCe,MAAM,CAAC,MAAM;MAAA,IAAAW,mBAAA,EAAAC,qBAAA;MACX,CAAAD,mBAAA,GAAAtB,UAAU,CAACS,OAAO,cAAAa,mBAAA,wBAAAC,qBAAA,GAAlBD,mBAAA,CAAoBE,cAAc,cAAAD,qBAAA,uBAAlCA,qBAAA,CAAAJ,IAAA,CAAAG,mBAAqC,CAAC;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACX,MAAM,EAAEX,UAAU,CAAC,CAAC;EAExB,OAAO;IAAEe,QAAQ;IAAEM,WAAW;IAAEnB;EAAiB,CAAC;AACpD"}