@dnb/eufemia 10.51.2 → 10.52.0

package/cjs/extensions/forms/Tools/Log.js

@@ -5,23 +5,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _Context = _interopRequireDefault(require("../DataContext/Context"));
 var _Section = _interopRequireDefault(require("../../../components/Section"));
+var _components = require("../../../components");
+const _excluded = ["placeholder", "label", "data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function Log(props) {
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function Log(_ref) {
+  let {
+      placeholder,
+      label,
+      data: logData
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const {
     data
   } = (0, _react.useContext)(_Context.default);
-  return React.createElement(_Section.default, _extends({
+  return _react.default.createElement(_Section.default, _extends({
     element: "output",
     backgroundColor: "sand-yellow",
     style: {
       maxWidth: '80vw'
     },
     innerSpace: true
-  }, props), React.createElement("pre", null, JSON.stringify(data, null, 2), ' '));
+  }, props), label && _react.default.createElement(_components.FormLabel, {
+    bottom: true
+  }, label), _react.default.createElement("pre", null, placeholder && Object.keys((logData !== null && logData !== void 0 ? logData : data) || {}).length === 0 ? placeholder : JSON.stringify(replaceUndefinedValues(logData !== null && logData !== void 0 ? logData : data), null, 2), ' '));
+}
+function replaceUndefinedValues(value) {
+  let replaceWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'undefined';
+  if (typeof value === 'undefined') {
+    return replaceWith;
+  } else if (typeof value === 'object' && value !== replaceWith) {
+    return _objectSpread(_objectSpread({}, value), Object.fromEntries(Object.entries(value).map(_ref2 => {
+      let [k, v] = _ref2;
+      return [k, replaceUndefinedValues(v)];
+    })));
+  } else {
+    return value;
+  }
 }
 Log._supportsSpacingProps = true;
 var _default = Log;

package/cjs/extensions/forms/Tools/Log.js.map

@@ -1 +1 @@
-{"version":3,"file":"Log.js","names":["_react","require","_Context","_interopRequireDefault","_Section","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Log","props","data","useContext","DataContext","React","createElement","element","backgroundColor","style","maxWidth","innerSpace","JSON","stringify","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionProps } from '../../../components/Section'\n\nfunction Log(props: SectionProps) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      <pre>\n        {JSON.stringify(data, null, 2)}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAmE,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEnE,SAASQ,GAAGA,CAACC,KAAmB,EAAE;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAExC,OACEC,KAAA,CAAAC,aAAA,CAACxB,QAAA,CAAAG,OAAO,EAAAC,QAAA;IACNqB,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNV,KAAK,GAETI,KAAA,CAAAC,aAAA,cACGM,IAAI,CAACC,SAAS,CAACX,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAC7B,GACE,CACE,CAAC;AAEd;AAEAF,GAAG,CAACc,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACjBf,GAAG;AAAAgB,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"Log.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_Section","_components","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_extends","assign","bind","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Log","_ref","placeholder","label","data","logData","props","useContext","DataContext","createElement","element","backgroundColor","style","maxWidth","innerSpace","FormLabel","bottom","JSON","stringify","replaceUndefinedValues","replaceWith","fromEntries","entries","map","_ref2","k","v","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && <FormLabel bottom>{label}</FormLabel>}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/Provider/useValueProvider.d.ts

@@ -22,6 +22,7 @@ declare function useValueProvider(props?: Omit<ValueProviderProps, 'children'>):
         toInput?: (external: unknown) => unknown;
         fromExternal?: (external: unknown) => unknown;
         itemPath?: string;
+        transformLabel?: (label: import("react").ReactNode, convertJsxToString: (label: import("react").ReactNode) => string) => import("react").ReactNode;
         inheritVisibility?: boolean;
         inheritLabel?: boolean;
         showEmpty?: boolean;

package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts

@@ -1,7 +1,9 @@
 import { DlAllProps } from '../../../../elements/Dl';
+import { ValueProps } from '../../types';
 export type Props = Omit<DlAllProps, 'label'> & {
-    inheritVisibility?: boolean;
-    inheritLabel?: boolean;
+    transformLabel?: ValueProps['transformLabel'];
+    inheritVisibility?: ValueProps['inheritVisibility'];
+    inheritLabel?: ValueProps['inheritLabel'];
 };
 declare function SummaryList(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace SummaryList {

package/cjs/extensions/forms/Value/SummaryList/SummaryList.js

@@ -10,7 +10,7 @@ var _componentHelper = require("../../../../shared/component-helper");
 var _SummaryListContext = _interopRequireDefault(require("./SummaryListContext"));
 var _Dl = _interopRequireDefault(require("../../../../elements/Dl"));
 var _ValueProvider = _interopRequireDefault(require("../Provider/ValueProvider"));
-const _excluded = ["className", "children", "layout", "inheritVisibility", "inheritLabel"];
+const _excluded = ["className", "children", "layout", "transformLabel", "inheritVisibility", "inheritLabel"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -20,11 +20,13 @@ function SummaryList(props) {
       className,
       children,
       layout,
+      transformLabel,
       inheritVisibility,
       inheritLabel
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   const valueProviderProps = (0, _componentHelper.removeUndefinedProps)({
+    transformLabel,
     inheritVisibility,
     inheritLabel
   });

package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryList.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_SummaryListContext","_Dl","_ValueProvider","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SummaryList","props","className","children","layout","inheritVisibility","inheritLabel","rest","valueProviderProps","removeUndefinedProps","createElement","Provider","value","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\n\nexport type Props = Omit<DlAllProps, 'label'> & {\n  inheritVisibility?: boolean\n  inheritLabel?: boolean\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":"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"}
+{"version":3,"file":"SummaryList.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_SummaryListContext","_Dl","_ValueProvider","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SummaryList","props","className","children","layout","transformLabel","inheritVisibility","inheritLabel","rest","valueProviderProps","removeUndefinedProps","createElement","Provider","value","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\nimport SummaryListContext from './SummaryListContext'\nimport Dl, { DlAllProps } from '../../../../elements/Dl'\nimport ValueProvider from '../Provider/ValueProvider'\nimport { ValueProps } from '../../types'\n\nexport type Props = Omit<DlAllProps, 'label'> & {\n  transformLabel?: ValueProps['transformLabel']\n  inheritVisibility?: ValueProps['inheritVisibility']\n  inheritLabel?: ValueProps['inheritLabel']\n}\n\nfunction SummaryList(props: Props) {\n  const {\n    className,\n    children,\n    layout,\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n    ...rest\n  } = props\n\n  const valueProviderProps = removeUndefinedProps({\n    transformLabel,\n    inheritVisibility,\n    inheritLabel,\n  })\n\n  return (\n    <SummaryListContext.Provider value={{ layout }}>\n      <Dl\n        className={classnames('dnb-forms-summary-list', className)}\n        layout={layout}\n        {...rest}\n      >\n        <ValueProvider {...valueProviderProps}>{children}</ValueProvider>\n      </Dl>\n    </SummaryListContext.Provider>\n  )\n}\n\nSummaryList._supportsSpacingProps = true\n\nexport default SummaryList\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/SummaryList/SummaryListDocs.js

@@ -10,6 +10,11 @@ const SummaryListProperties = {
     type: 'string',
     status: 'optional'
   },
+  transformLabel: {
+    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',
+    type: 'function',
+    status: 'optional'
+  },
   inheritVisibility: {
     doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',
     type: 'boolean',

package/cjs/extensions/forms/Value/SummaryList/SummaryListDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryListDocs.js","names":["SummaryListProperties","layout","doc","type","status","inheritVisibility","inheritLabel","children","exports","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SummaryListProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Use `grid`, `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAG;EACzDC,MAAM,EAAE;IACNC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,YAAY,EAAE;IACZJ,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAI,OAAA,CAAAR,qBAAA,GAAAA,qBAAA;AAEM,MAAMS,UAAgC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"SummaryListDocs.js","names":["SummaryListProperties","layout","doc","type","status","transformLabel","inheritVisibility","inheritLabel","children","exports","StepEvents"],"sources":["../../../../../../src/extensions/forms/Value/SummaryList/SummaryListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SummaryListProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Use `grid`, `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformLabel: {\n    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',\n    type: 'function',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use this property to propagate the `inheritVisibility` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use this property to propagate the `inheritLabel` property to all nested values.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const StepEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAG;EACzDC,MAAM,EAAE;IACNC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,iBAAiB,EAAE;IACjBJ,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,qBAAA,GAAAA,qBAAA;AAEM,MAAMU,UAAgC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,UAAA,GAAAA,UAAA"}

package/cjs/extensions/forms/Value/ValueDocs.js

@@ -20,6 +20,11 @@ const ValueProperties = {
     type: 'string',
     status: 'optional'
   },
+  transformLabel: {
+    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',
+    type: 'function',
+    status: 'optional'
+  },
   inheritLabel: {
     doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',
     type: 'boolean',

package/cjs/extensions/forms/Value/ValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","inheritLabel","inheritVisibility","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,iBAAiB,EAAE;IACjBN,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,IAAI,EAAE;IACJT,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,MAAM,EAAE;IACNV,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,QAAQ,EAAE;IACRX,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAW,OAAA,CAAAf,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","transformLabel","inheritLabel","inheritVisibility","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformLabel: {\n    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',\n    type: 'function',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,cAAc,EAAE;IACdL,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,YAAY,EAAE;IACZN,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,iBAAiB,EAAE;IACjBP,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,MAAM,EAAE;IACNX,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAY,OAAA,CAAAhB,eAAA,GAAAA,eAAA"}

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

@@ -22,9 +22,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    titlesRef
+    stepsRef
   } = (0, _react.useContext)(_Context.default) || {};
-  const totalSteps = Object.keys((titlesRef === null || titlesRef === void 0 ? void 0 : titlesRef.current) || {}).length || 0;
+  const totalSteps = Object.keys((stepsRef === null || stepsRef === void 0 ? void 0 : stepsRef.current) || {}).length || 0;
   const showPreviousButton = activeIndex > 0;
   const showNextButton = activeIndex < totalSteps - 1;
   if (!showPreviousButton && !showNextButton) {

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

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Buttons","props","className","activeIndex","titlesRef","useContext","WizardContext","totalSteps","keys","current","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, titlesRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(titlesRef?.current || {}).length || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":"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"}
+{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Buttons","props","className","activeIndex","stepsRef","useContext","WizardContext","totalSteps","keys","current","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, stepsRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":"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"}

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

@@ -18,6 +18,7 @@ var _Context = _interopRequireWildcard(require("../../DataContext/Context"));
 var _Handler = _interopRequireDefault(require("../../Form/Handler/Handler"));
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
 var _useHandleLayoutEffect = _interopRequireDefault(require("./useHandleLayoutEffect"));
+var _useStepAnimation = _interopRequireDefault(require("./useStepAnimation"));
 var _useVisibility = _interopRequireDefault(require("../../Form/Visibility/useVisibility"));
 const _excluded = ["className", "id", "mode", "initialActiveIndex", "omitScrollManagement", "omitFocusManagement", "onStepChange", "children", "noAnimation", "prerenderFieldProps", "variant", "sidebarId"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -65,6 +66,10 @@ function WizardContainer(props) {
   const errorOnStepRef = (0, _react.useRef)({});
   const stepElementRef = (0, _react.useRef)();
   const preventNextStepRef = (0, _react.useRef)(false);
+  const stepsRef = (0, _react.useRef)({});
+  const tmpStepsRef = (0, _react.useRef)({});
+  const updateTitlesRef = (0, _react.useRef)();
+  const prerenderFieldPropsRef = (0, _react.useRef)({});
   const sharedStateRef = (0, _react.useRef)();
   sharedStateRef.current = (0, _useSharedState.useSharedState)(hasContext && id ? id + '-wizard' : undefined);
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
@@ -72,24 +77,47 @@ function WizardContainer(props) {
     let shouldPrevent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     preventNextStepRef.current = shouldPrevent;
   }, []);
+  const getStepChangeOptions = (0, _react.useCallback)(index => {
+    var _stepsRef$current$ind;
+    const previousIndex = activeIndexRef.current;
+    const options = {
+      preventNavigation,
+      previousStep: {
+        index: previousIndex
+      }
+    };
+    const id = (_stepsRef$current$ind = stepsRef.current[index]) === null || _stepsRef$current$ind === void 0 ? void 0 : _stepsRef$current$ind.id;
+    if (id) {
+      var _stepsRef$current$pre;
+      const previousId = (_stepsRef$current$pre = stepsRef.current[previousIndex]) === null || _stepsRef$current$pre === void 0 ? void 0 : _stepsRef$current$pre.id;
+      Object.assign(options, {
+        id
+      });
+      Object.assign(options.previousStep, {
+        id: previousId
+      });
+    }
+    return options;
+  }, [preventNavigation]);
   const callOnStepChange = (0, _react.useCallback)(async (index, mode) => {
     if ((0, _isAsync.isAsync)(onStepChange)) {
-      return await onStepChange(index, mode, {
-        preventNavigation
-      });
+      return await onStepChange(index, mode, getStepChangeOptions(index));
     }
-    return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index, mode, {
-      preventNavigation
-    });
-  }, [onStepChange, preventNavigation]);
+    return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index, mode, getStepChangeOptions(index));
+  }, [getStepChangeOptions, onStepChange]);
   const {
     setFocus,
     scrollToTop,
     isInteractionRef
   } = (0, _useHandleLayoutEffect.default)({
-    activeIndexRef,
     stepElementRef
   });
+  const executeLayoutAnimationRef = (0, _react.useRef)();
+  (0, _useStepAnimation.default)({
+    activeIndexRef,
+    stepElementRef,
+    executeLayoutAnimationRef
+  });
   const handleLayoutEffect = (0, _react.useCallback)(() => {
     if (!omitFocusManagement) {
       setFocus();
@@ -114,11 +142,12 @@ function WizardContainer(props) {
       onSubmit: async () => {
         if (!skipStepChangeCallFromHook) {
           var _sharedStateRef$curre, _sharedStateRef$curre2, _sharedStateRef$curre3;
-          (_sharedStateRef$curre = sharedStateRef.current) === null || _sharedStateRef$curre === void 0 ? void 0 : (_sharedStateRef$curre2 = _sharedStateRef$curre.data) === null || _sharedStateRef$curre2 === void 0 ? void 0 : (_sharedStateRef$curre3 = _sharedStateRef$curre2.onStepChange) === null || _sharedStateRef$curre3 === void 0 ? void 0 : _sharedStateRef$curre3.call(_sharedStateRef$curre2, index, mode, {
-            preventNavigation
-          });
+          (_sharedStateRef$curre = sharedStateRef.current) === null || _sharedStateRef$curre === void 0 ? void 0 : (_sharedStateRef$curre2 = _sharedStateRef$curre.data) === null || _sharedStateRef$curre2 === void 0 ? void 0 : (_sharedStateRef$curre3 = _sharedStateRef$curre2.onStepChange) === null || _sharedStateRef$curre3 === void 0 ? void 0 : _sharedStateRef$curre3.call(_sharedStateRef$curre2, index, mode, getStepChangeOptions(index));
+        }
+        let result = undefined;
+        if (!skipStepChangeCall && !(skipStepChangeCallBeforeMounted && !isInteractionRef.current)) {
+          result = await callOnStepChange(index, mode);
         }
-        const result = skipStepChangeCall || skipStepChangeCallBeforeMounted && !isInteractionRef.current ? undefined : await callOnStepChange(index, mode);
         setFormState('abort');
         if (!skipErrorCheck) {
           setShowAllErrors(errorOnStepRef.current[index]);
@@ -132,7 +161,7 @@ function WizardContainer(props) {
         return result;
       }
     });
-  }, [callOnStepChange, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, preventNavigation, setFormState, setShowAllErrors]);
+  }, [callOnStepChange, getStepChangeOptions, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, setFormState, setShowAllErrors]);
   const setActiveIndex = (0, _react.useCallback)((index, options) => {
     if (index === activeIndexRef.current) {
       return;
@@ -173,9 +202,6 @@ function WizardContainer(props) {
     }
   }, [handleNext]);
   (_dataContext$setHandl = dataContext.setHandleSubmit) === null || _dataContext$setHandl === void 0 ? void 0 : _dataContext$setHandl.call(dataContext, handleSubmit);
-  const titlesRef = (0, _react.useRef)({});
-  const updateTitlesRef = (0, _react.useRef)();
-  const prerenderFieldPropsRef = (0, _react.useRef)({});
   const {
     check
   } = (0, _useVisibility.default)();
@@ -185,7 +211,7 @@ function WizardContainer(props) {
       id,
       activeIndex,
       stepElementRef,
-      titlesRef,
+      stepsRef,
       updateTitlesRef,
       activeIndexRef,
       totalStepsRef,
@@ -207,7 +233,20 @@ function WizardContainer(props) {
   useLayoutEffect(() => {
     var _updateTitlesRef$curr;
     (_updateTitlesRef$curr = updateTitlesRef.current) === null || _updateTitlesRef$curr === void 0 ? void 0 : _updateTitlesRef$curr.call(updateTitlesRef);
-  }, [titlesRef.current]);
+  }, [stepsRef.current]);
+  const stepsLengthDidChange = (0, _react.useCallback)(() => {
+    const count = Object.keys(stepsRef.current).length;
+    const tmpCount = Object.keys(tmpStepsRef.current).length;
+    return count !== 0 && tmpCount !== 0 && count !== tmpCount;
+  }, []);
+  useLayoutEffect(() => {
+    if (stepsLengthDidChange()) {
+      var _executeLayoutAnimati;
+      callOnStepChange(activeIndexRef.current, 'stepListModified');
+      (_executeLayoutAnimati = executeLayoutAnimationRef.current) === null || _executeLayoutAnimati === void 0 ? void 0 : _executeLayoutAnimati.call(executeLayoutAnimationRef);
+    }
+    tmpStepsRef.current = stepsRef.current;
+  }, [stepsRef.current, callOnStepChange, stepsLengthDidChange]);
   if (!hasContext) {
     (0, _componentHelper.warn)('You may wrap Wizard.Container in Form.Handler');
     return _react.default.createElement(_Handler.default, null, _react.default.createElement(WizardContainer, _extends({}, props, {
@@ -242,7 +281,7 @@ function DisplaySteps(_ref4) {
   const {
     id,
     activeIndexRef,
-    titlesRef,
+    stepsRef,
     updateTitlesRef
   } = (0, _react.useContext)(_WizardContext.default) || {};
   updateTitlesRef.current = () => {
@@ -256,26 +295,31 @@ function DisplaySteps(_ref4) {
   }), _react.default.createElement(_components.StepIndicator, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: Object.values(titlesRef.current),
+    data: Object.values(stepsRef.current).map(_ref5 => {
+      let {
+        title
+      } = _ref5;
+      return title;
+    }),
     mode: mode,
     no_animation: noAnimation,
     on_change: handleChange,
     sidebar_id: sidebar_id
   }));
 }
-function IterateOverSteps(_ref5) {
+function IterateOverSteps(_ref6) {
   let {
     children
-  } = _ref5;
+  } = _ref6;
   const {
     check,
-    titlesRef,
+    stepsRef,
     activeIndexRef,
     totalStepsRef,
     prerenderFieldProps,
     prerenderFieldPropsRef
   } = (0, _react.useContext)(_WizardContext.default);
-  titlesRef.current = {};
+  stepsRef.current = {};
   let incrementIndex = -1;
   const childrenArray = _react.default.Children.map(children, child => {
     if (_react.default.isValidElement(child)) {
@@ -299,7 +343,10 @@ function IterateOverSteps(_ref5) {
         }
         incrementIndex++;
         const index = incrementIndex;
-        titlesRef.current[index] = child.props.title !== undefined ? (0, _componentHelper.convertJsxToString)(child.props.title) : 'Title missing';
+        stepsRef.current[index] = {
+          id: child.props.id,
+          title: child.props.title !== undefined ? (0, _componentHelper.convertJsxToString)(child.props.title) : 'Title missing'
+        };
         const key = `${index}-${activeIndexRef.current}`;
         const clone = props => _react.default.cloneElement(child, props);
         if (prerenderFieldProps && typeof document !== 'undefined' && index !== activeIndexRef.current && typeof prerenderFieldPropsRef.current['step-' + index] === 'undefined') {
@@ -325,10 +372,10 @@ function IterateOverSteps(_ref5) {
   totalStepsRef.current = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length;
   return childrenArray;
 }
-function PrerenderFieldPropsOfOtherSteps(_ref6) {
+function PrerenderFieldPropsOfOtherSteps(_ref7) {
   let {
     prerenderFieldPropsRef
-  } = _ref6;
+  } = _ref7;
   const hasRenderedRef = (0, _react.useRef)(true);
   if (!hasRenderedRef.current) {
     return null;
@@ -341,18 +388,18 @@ function PrerenderFieldPropsOfOtherSteps(_ref6) {
     key: i
   })))));
 }
-function WizardPortal(_ref7) {
+function WizardPortal(_ref8) {
   let {
     children
-  } = _ref7;
+  } = _ref8;
   if (typeof document !== 'undefined') {
     return _reactDom.default.createPortal(children, document.body);
   }
 }
-function PrerenderFieldPropsProvider(_ref8) {
+function PrerenderFieldPropsProvider(_ref9) {
   let {
     children
-  } = _ref8;
+  } = _ref9;
   const {
     data,
     setFieldProps,