@dnb/eufemia 10.46.0 → 10.48.0

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","IterateItemContext","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","toolbar","restProps","_objectWithoutProperties","_excluded","iterateItemContext","itemTitle","ariaLabel","includes","replace","index","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, toolbar, ...restProps } = props || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  let itemTitle = title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace(\n      '{itemNr}',\n      iterateItemContext.index + 1\n    )\n  }\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {toolbar ?? (\n          <Toolbar>\n            <ViewToolbarTools />\n          </Toolbar>\n        )}\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAejD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAA8DD,KAAK,IAAI,CAAC,CAAC;IAAnE;MAAEE,QAAQ;MAAEC,SAAS;MAAEC,KAAK;MAAEC;IAAsB,CAAC,GAAAJ,IAAA;IAAXK,SAAS,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACzD,MAAMC,kBAAkB,GAAGpB,UAAU,CAACO,kBAAkB,CAAC;EAEzD,IAAIc,SAAS,GAAGN,KAAK;EACrB,IAAIO,SAAS,GAAGrB,OAAO,CAAC,MAAME,kBAAkB,CAACkB,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACzE,IAAIC,SAAS,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;IAClCF,SAAS,GAAGC,SAAS,GAAGA,SAAS,CAACE,OAAO,CACvC,UAAU,EACVJ,kBAAkB,CAACK,KAAK,GAAG,CAC7B,CAAC;EACH;EAEA,OACE1B,KAAA,CAAA2B,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IACXC,IAAI,EAAC,MAAM;IACXN,SAAS,EAAEA,SAAU;IACrBR,SAAS,EAAEZ,UAAU,CAAC,8BAA8B,EAAEY,SAAS;EAAE,GAC7DG,SAAS,GAEblB,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACyB,KAAK,QACRR,SAAS,IAAItB,KAAA,CAAA2B,aAAA,CAACrB,IAAI;IAACyB,IAAI,EAAC;EAAO,GAAET,SAAgB,CAAC,EAClDR,QAAQ,EACRG,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAAe,QAAA,KAAAA,QAAA,GACNhC,KAAA,CAAA2B,aAAA,CAAClB,OAAO,QACNT,KAAA,CAAA2B,aAAA,CAACjB,gBAAgB,MAAE,CACZ,CAAC,CAEF,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACsB,qBAAqB,GAAG,IAAI;AAC1C,eAAetB,aAAa"}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","ariaLabel","includes","replace","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","Stack","size","_Toolbar2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: 'minimumOneItem'\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n\n  let itemTitle = title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1)\n  }\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {hasToolbar\n          ? null\n          : toolbarElement ?? (\n              <Toolbar>\n                <EditButton />\n                <RemoveButton />\n              </Toolbar>\n            )}\n      </Flex.Stack>\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAmBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACtC,MAAAC,IAAA,GAOIF,KAAK,IAAI,CAAC,CAAC;IAPT;MACJG,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGxB,UAAU,CAACO,kBAAkB,CAAC;EAE5D,IAAIkB,SAAS,GAAGR,KAAK;EACrB,IAAIS,SAAS,GAAGzB,OAAO,CAAC,MAAME,kBAAkB,CAACsB,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACzE,IAAIC,SAAS,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;IAClCF,SAAS,GAAGC,SAAS,GAAGA,SAAS,CAACE,OAAO,CAAC,UAAU,EAAEL,KAAK,GAAG,CAAC,CAAC;EAClE;EAEA,IAAIM,cAAc,GAAGX,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACM,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZhC,KAAA,CAAAiC,aAAA,CAACxB,OAAO,QACNT,KAAA,CAAAiC,aAAA,CAACvB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMwB,UAAU,GACd,CAACJ,cAAc,IACf9B,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACpB,QAAQ,CAAC,CAACqB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK7B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACET,KAAA,CAAAiC,aAAA,CAAC1B,aAAa,EAAAgC,QAAA;IACZC,IAAI,EAAC,MAAM;IACXb,SAAS,EAAEA,SAAU;IACrBV,SAAS,EAAEd,UAAU,CAAC,8BAA8B,EAAEc,SAAS;EAAE,GAC7DI,SAAS,GAEbrB,KAAA,CAAAiC,aAAA,CAAC5B,IAAI,CAACoC,KAAK,QACRf,SAAS,IAAI1B,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAACoC,IAAI,EAAC;EAAO,GAAEhB,SAAgB,CAAC,EAClDV,QAAQ,EACRkB,UAAU,GACP,IAAI,IAAApB,eAAA,GACJgB,cAAc,cAAAhB,eAAA,cAAAA,eAAA,GAAA6B,SAAA,KAAAA,SAAA,GACZ3C,KAAA,CAAAiC,aAAA,CAACxB,OAAO,QACNT,KAAA,CAAAiC,aAAA,CAACvB,UAAU,MAAE,CAAC,EACdV,KAAA,CAAAiC,aAAA,CAACtB,YAAY,MAAE,CACR,CAAC,CAEN,CACC,CAAC;AAEpB;AAEAC,aAAa,CAACF,UAAU,GAAGA,UAAU;AACrCE,aAAa,CAACD,YAAY,GAAGA,YAAY;AAEzCC,aAAa,CAACgC,qBAAqB,GAAG,IAAI;AAC1C,eAAehC,aAAa"}

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

@@ -14,6 +14,11 @@ export const ViewContainerProperties = {
     type: 'React.Node',
     status: 'optional'
   },
+  toolbarVariant: {
+    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',
+    type: 'string',
+    status: 'optional'
+  },
   '[FlexVertical](/uilib/layout/flex/container/)': {
     doc: 'All Flex.Vertical properties.',
     type: 'Various',

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

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

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

@@ -1,2 +1,4 @@
 export { default } from './ViewContainer';
 export * from './ViewContainer';
+export { default as EditButton } from './EditButton';
+export { default as RemoveButton } from './RemoveButton';

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

@@ -1,3 +1,5 @@
 export { default } from './ViewContainer';
 export * from './ViewContainer';
+export { default as EditButton } from './EditButton';
+export { default as RemoveButton } from './RemoveButton';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/index.ts"],"sourcesContent":["export { default } from './ViewContainer'\nexport * from './ViewContainer'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","EditButton","RemoveButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/index.ts"],"sourcesContent":["export { default } from './ViewContainer'\nexport * from './ViewContainer'\nexport { default as EditButton } from './EditButton'\nexport { default as RemoveButton } from './RemoveButton'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}

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

@@ -0,0 +1,2 @@
+export { default as useItem } from './useItem';
+export { default as useSwitchContainerMode } from './useSwitchContainerMode';

package/extensions/forms/Iterate/hooks/index.js

@@ -0,0 +1,3 @@
+export { default as useItem } from './useItem';
+export { default as useSwitchContainerMode } from './useSwitchContainerMode';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","useItem","useSwitchContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/index.ts"],"sourcesContent":["export { default as useItem } from './useItem'\nexport { default as useSwitchContainerMode } from './useSwitchContainerMode'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,sBAAsB,QAAQ,0BAA0B"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ContainerMode } from '../Array';
+import { Path } from '../../types';
+/**
+ * This is a helper for the Iterate component.
+ * It is used to switch the container mode of the items inside the Iterate component.
+ * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.
+ * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.
+ */
+export default function useSwitchContainerMode({ path, }?: {
+    path?: Path;
+}): {
+    getNextContainerMode: () => ContainerMode | undefined;
+    nextContainerModeRef: import("react").MutableRefObject<undefined>;
+    setNextContainerMode: (mode: ContainerMode) => void;
+    setLastItemContainerMode: (mode: ContainerMode) => void;
+};

package/extensions/forms/Iterate/hooks/useSwitchContainerMode.js

@@ -0,0 +1,87 @@
+"use client";
+
+import { useCallback, useContext, useEffect, useRef } from 'react';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import IterateItemContext from '../IterateItemContext';
+const globalContainerModeRef = {
+  current: undefined
+};
+const globalCache = {};
+export default function useSwitchContainerMode() {
+  let {
+    path
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const nextContainerModeRef = useRef();
+  const {
+    hasError
+  } = useContext(FieldBoundaryContext) || {};
+  const iterateItemContext = useContext(IterateItemContext);
+  const id = iterateItemContext === null || iterateItemContext === void 0 ? void 0 : iterateItemContext.id;
+  const hash = (path || '') + 'useSwitchContainerMode';
+  useEffect(() => {
+    nextContainerModeRef.current = globalContainerModeRef.current;
+    requestAnimationFrame(() => {
+      if (nextContainerModeRef.current) {
+        globalContainerModeRef.current = undefined;
+      }
+    });
+  });
+  useEffect(() => {
+    if (hash && iterateItemContext) {
+      globalCache[hash] = globalCache[hash] || {};
+      const {
+        index,
+        arrayValue,
+        switchContainerMode
+      } = iterateItemContext;
+      globalCache[hash][id] = {
+        index,
+        hasError,
+        count: arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue.length,
+        switchContainerMode
+      };
+    }
+    return () => {
+      if (id) {
+        globalCache[hash][id] = undefined;
+      }
+    };
+  }, [hasError, hash, id, iterateItemContext]);
+  const setNextContainerMode = useCallback(mode => {
+    globalContainerModeRef.current = mode;
+  }, []);
+  const setContainerMode = useCallback(fn => {
+    const data = globalCache[hash];
+    for (const id in data) {
+      const item = data[id];
+      const mode = item && (fn === null || fn === void 0 ? void 0 : fn(item));
+      if (mode) {
+        item.switchContainerMode(mode, {
+          omitFocusManagement: true
+        });
+      }
+    }
+  }, [hash]);
+  const setLastItemContainerMode = useCallback(mode => {
+    setContainerMode(_ref => {
+      let {
+        hasError,
+        index,
+        count
+      } = _ref;
+      if (!hasError && index === count - 2) {
+        return mode;
+      }
+    });
+  }, [setContainerMode]);
+  const getNextContainerMode = useCallback(() => {
+    return nextContainerModeRef.current;
+  }, []);
+  return {
+    getNextContainerMode,
+    nextContainerModeRef,
+    setNextContainerMode,
+    setLastItemContainerMode
+  };
+}
+//# sourceMappingURL=useSwitchContainerMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","arguments","length","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","_ref","getNextContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { ContainerMode } from '../Array'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport { Path } from '../../types'\n\ntype GlobalCacheHash = string\ntype GlobalCacheId = string\ntype GlobalCache = {\n  index: IterateItemContextState['index']\n  hasError: FieldBoundaryContextState['hasError']\n  count: number\n  switchContainerMode: IterateItemContextState['switchContainerMode']\n}\ntype GlobalCacheItem = {\n  [string: GlobalCacheHash]: GlobalCache\n}\n\nconst globalContainerModeRef = { current: undefined }\nconst globalCache: Record<\n  GlobalCacheHash,\n  Record<GlobalCacheId, GlobalCache>\n> = {}\n\n/**\n * This is a helper for the Iterate component.\n * It is used to switch the container mode of the items inside the Iterate component.\n * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.\n * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.\n */\nexport default function useSwitchContainerMode({\n  path,\n}: { path?: Path } = {}) {\n  const nextContainerModeRef = useRef()\n  const { hasError } = useContext(FieldBoundaryContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const id = iterateItemContext?.id\n  const hash = (path || '') + 'useSwitchContainerMode'\n\n  useEffect(() => {\n    nextContainerModeRef.current = globalContainerModeRef.current\n    requestAnimationFrame(() => {\n      if (nextContainerModeRef.current) {\n        globalContainerModeRef.current = undefined\n      }\n    })\n  })\n\n  useEffect(() => {\n    if (hash && iterateItemContext) {\n      globalCache[hash] = globalCache[hash] || ({} as GlobalCacheItem)\n      const { index, arrayValue, switchContainerMode } = iterateItemContext\n      globalCache[hash][id] = {\n        index,\n        hasError,\n        count: arrayValue?.length,\n        switchContainerMode,\n      }\n    }\n\n    return () => {\n      if (id) {\n        globalCache[hash][id] = undefined\n      }\n    }\n  }, [hasError, hash, id, iterateItemContext])\n\n  const setNextContainerMode = useCallback((mode: ContainerMode) => {\n    globalContainerModeRef.current = mode\n  }, [])\n\n  const setContainerMode = useCallback(\n    (fn: ({ hasError, index, count }) => ContainerMode) => {\n      const data = globalCache[hash]\n      for (const id in data) {\n        const item = data[id]\n        const mode = item && fn?.(item)\n        if (mode) {\n          item.switchContainerMode(mode, { omitFocusManagement: true })\n        }\n      }\n    },\n    [hash]\n  )\n\n  const setLastItemContainerMode = useCallback(\n    (mode: ContainerMode) => {\n      setContainerMode(({ hasError, index, count }) => {\n        if (!hasError && index === count - 2) {\n          return mode\n        }\n      })\n    },\n    [setContainerMode]\n  )\n\n  const getNextContainerMode = useCallback(():\n    | ContainerMode\n    | undefined => {\n    return nextContainerModeRef.current\n  }, [])\n\n  return {\n    getNextContainerMode,\n    nextContainerModeRef,\n    setNextContainerMode,\n    setLastItemContainerMode,\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { SectionProps } from '../../../components/Section';
+declare function Log(props: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Log {
+    var _supportsSpacingProps: boolean;
+}
+export default Log;

package/extensions/forms/Tools/Log.js

@@ -0,0 +1,22 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useContext } from 'react';
+import DataContext from '../DataContext/Context';
+import Section from '../../../components/Section';
+function Log(props) {
+  const {
+    data
+  } = useContext(DataContext);
+  return React.createElement(Section, _extends({
+    element: "output",
+    backgroundColor: "sand-yellow",
+    style: {
+      maxWidth: '80vw'
+    },
+    innerSpace: true
+  }, props), React.createElement("pre", null, JSON.stringify(data), ' '));
+}
+Log._supportsSpacingProps = true;
+export default Log;
+//# sourceMappingURL=Log.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Log.js","names":["useContext","DataContext","Section","Log","props","data","React","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","JSON","stringify","_supportsSpacingProps"],"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)}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAAwB,6BAA6B;AAEnE,SAASC,GAAGA,CAACC,KAAmB,EAAE;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGL,UAAU,CAACC,WAAW,CAAC;EAExC,OACEK,KAAA,CAAAC,aAAA,CAACL,OAAO,EAAAM,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAETE,KAAA,CAAAC,aAAA,cACGO,IAAI,CAACC,SAAS,CAACV,IAAI,CAAC,EACpB,GACE,CACE,CAAC;AAEd;AAEAF,GAAG,CAACa,qBAAqB,GAAG,IAAI;AAChC,eAAeb,GAAG"}

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

@@ -1,2 +1,3 @@
 export { default as GenerateSchema } from './GenerateSchema';
 export { default as ListAllProps } from './ListAllProps';
+export { default as Log } from './Log';

package/extensions/forms/Tools/index.js

@@ -1,3 +1,4 @@
 export { default as GenerateSchema } from './GenerateSchema';
 export { default as ListAllProps } from './ListAllProps';
+export { default as Log } from './Log';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","GenerateSchema","ListAllProps"],"sources":["../../../../../src/extensions/forms/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\nexport { default as ListAllProps } from './ListAllProps'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["default","GenerateSchema","ListAllProps","Log"],"sources":["../../../../../src/extensions/forms/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\nexport { default as ListAllProps } from './ListAllProps'\nexport { default as Log } from './Log'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,GAAG,QAAQ,OAAO"}

package/extensions/forms/Value/Date/Date.d.ts

@@ -1,7 +1,7 @@
 import { Props as StringValueProps } from '../String';
 import { AnyLocale } from '../../../../shared/Context';
 export type Props = StringValueProps & {
-    variant?: 'long' | 'short';
+    variant?: 'long' | 'short' | 'numeric';
     locale?: AnyLocale;
 };
 declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.Element;

package/extensions/forms/Value/Date/Date.js

@@ -19,12 +19,22 @@ function DateComponent(props) {
     if (!value) {
       return undefined;
     }
-    const date = new Date(value);
-    const options = {
-      day: 'numeric',
-      month: variant,
-      year: 'numeric'
+    const getOptions = variant => {
+      if (variant === 'numeric') {
+        return {
+          day: '2-digit',
+          month: '2-digit',
+          year: 'numeric'
+        };
+      }
+      return {
+        day: 'numeric',
+        month: variant,
+        year: 'numeric'
+      };
     };
+    const date = new Date(value);
+    const options = getOptions(variant);
     const formattedDate = typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
     return formattedDate;
   }, [locale, variant]);

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

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useCallback","useContext","StringValue","useTranslation","SharedContext","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","date","options","day","month","year","formattedDate","Intl","DateTimeFormat","format","toLocaleString","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      const date = new Date(value)\n      const options = {\n        day: 'numeric',\n        month: variant,\n        year: 'numeric',\n      } as const\n\n      const formattedDate =\n        typeof Intl !== 'undefined'\n          ? new Intl.DateTimeFormat(locale, options).format(date)\n          : date.toLocaleString(locale, options)\n\n      return formattedDate\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,aAAa,MAAqB,4BAA4B;AAOrE,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,YAAA;EACnC,MAAMC,YAAY,GAAGP,cAAc,CAAC,CAAC,CAACQ,IAAI;EAC1C,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGZ,UAAU,CAACG,aAAa,CAAC;EAC3D,MAAMQ,MAAM,IAAAL,aAAA,GAAGD,KAAK,CAACM,MAAM,cAAAL,aAAA,cAAAA,aAAA,GAAIM,aAAa;EAC5C,MAAMC,OAAO,IAAAN,cAAA,GAAGF,KAAK,CAACQ,OAAO,cAAAN,cAAA,cAAAA,cAAA,GAAI,MAAM;EAEvC,MAAMO,OAAO,GAAGf,WAAW,CACxBgB,KAAa,IAAK;IACjB,IAAI,CAACA,KAAK,EAAE;MACV,OAAOC,SAAS;IAClB;IAEA,MAAMC,IAAI,GAAG,IAAIP,IAAI,CAACK,KAAK,CAAC;IAC5B,MAAMG,OAAO,GAAG;MACdC,GAAG,EAAE,SAAS;MACdC,KAAK,EAAEP,OAAO;MACdQ,IAAI,EAAE;IACR,CAAU;IAEV,MAAMC,aAAa,GACjB,OAAOC,IAAI,KAAK,WAAW,GACvB,IAAIA,IAAI,CAACC,cAAc,CAACb,MAAM,EAAEO,OAAO,CAAC,CAACO,MAAM,CAACR,IAAI,CAAC,GACrDA,IAAI,CAACS,cAAc,CAACf,MAAM,EAAEO,OAAO,CAAC;IAE1C,OAAOI,aAAa;EACtB,CAAC,EACD,CAACX,MAAM,EAAEE,OAAO,CAClB,CAAC;EAED,MAAMc,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBvB,KAAK;IACRwB,KAAK,GAAArB,YAAA,GAAEH,KAAK,CAACwB,KAAK,cAAArB,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACoB,KAAK;IACxCf;EAAO,EACR;EACD,OAAOhB,KAAA,CAAAgC,aAAA,CAAC7B,WAAW,EAAK0B,WAAc,CAAC;AACzC;AAEAvB,aAAa,CAAC2B,qBAAqB,GAAG,IAAI;AAC1C,eAAe3B,aAAa"}
+{"version":3,"file":"Date.js","names":["React","useCallback","useContext","StringValue","useTranslation","SharedContext","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","getOptions","day","month","year","date","options","formattedDate","Intl","DateTimeFormat","format","toLocaleString","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short' | 'numeric'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      const getOptions = (variant) => {\n        if (variant === 'numeric') {\n          return {\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n          } as const\n        }\n        return {\n          day: 'numeric',\n          month: variant,\n          year: 'numeric',\n        } as const\n      }\n\n      const date = new Date(value)\n      const options = getOptions(variant)\n\n      const formattedDate =\n        typeof Intl !== 'undefined'\n          ? new Intl.DateTimeFormat(locale, options).format(date)\n          : date.toLocaleString(locale, options)\n\n      return formattedDate\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,aAAa,MAAqB,4BAA4B;AAOrE,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,YAAA;EACnC,MAAMC,YAAY,GAAGP,cAAc,CAAC,CAAC,CAACQ,IAAI;EAC1C,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGZ,UAAU,CAACG,aAAa,CAAC;EAC3D,MAAMQ,MAAM,IAAAL,aAAA,GAAGD,KAAK,CAACM,MAAM,cAAAL,aAAA,cAAAA,aAAA,GAAIM,aAAa;EAC5C,MAAMC,OAAO,IAAAN,cAAA,GAAGF,KAAK,CAACQ,OAAO,cAAAN,cAAA,cAAAA,cAAA,GAAI,MAAM;EAEvC,MAAMO,OAAO,GAAGf,WAAW,CACxBgB,KAAa,IAAK;IACjB,IAAI,CAACA,KAAK,EAAE;MACV,OAAOC,SAAS;IAClB;IAEA,MAAMC,UAAU,GAAIJ,OAAO,IAAK;MAC9B,IAAIA,OAAO,KAAK,SAAS,EAAE;QACzB,OAAO;UACLK,GAAG,EAAE,SAAS;UACdC,KAAK,EAAE,SAAS;UAChBC,IAAI,EAAE;QACR,CAAC;MACH;MACA,OAAO;QACLF,GAAG,EAAE,SAAS;QACdC,KAAK,EAAEN,OAAO;QACdO,IAAI,EAAE;MACR,CAAC;IACH,CAAC;IAED,MAAMC,IAAI,GAAG,IAAIX,IAAI,CAACK,KAAK,CAAC;IAC5B,MAAMO,OAAO,GAAGL,UAAU,CAACJ,OAAO,CAAC;IAEnC,MAAMU,aAAa,GACjB,OAAOC,IAAI,KAAK,WAAW,GACvB,IAAIA,IAAI,CAACC,cAAc,CAACd,MAAM,EAAEW,OAAO,CAAC,CAACI,MAAM,CAACL,IAAI,CAAC,GACrDA,IAAI,CAACM,cAAc,CAAChB,MAAM,EAAEW,OAAO,CAAC;IAE1C,OAAOC,aAAa;EACtB,CAAC,EACD,CAACZ,MAAM,EAAEE,OAAO,CAClB,CAAC;EAED,MAAMe,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBxB,KAAK;IACRyB,KAAK,GAAAtB,YAAA,GAAEH,KAAK,CAACyB,KAAK,cAAAtB,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACqB,KAAK;IACxChB;EAAO,EACR;EACD,OAAOhB,KAAA,CAAAiC,aAAA,CAAC9B,WAAW,EAAK2B,WAAc,CAAC;AACzC;AAEAxB,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1C,eAAe5B,aAAa"}

package/extensions/forms/Value/Date/DateDocs.js

@@ -1,6 +1,6 @@
 export const DateProperties = {
   variant: {
-    doc: 'Defines the variant of the date. Can be `long` or `short`. Defaults to `long`.',
+    doc: 'Defines the variant of the date. Can be `long`, `short` or `numeric`. Defaults to `long`.',
     type: 'string',
     status: 'optional'
   },

package/extensions/forms/Value/Date/DateDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateDocs.js","names":["DateProperties","variant","doc","type","status","locale"],"sources":["../../../../../../src/extensions/forms/Value/Date/DateDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const DateProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'Defines the variant of the date. Can be `long` or `short`. Defaults to `long`.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Defines the locale of the date. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,OAAO,EAAE;IACPC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"DateDocs.js","names":["DateProperties","variant","doc","type","status","locale"],"sources":["../../../../../../src/extensions/forms/Value/Date/DateDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const DateProperties: PropertiesTableProps = {\n  variant: {\n    doc: 'Defines the variant of the date. Can be `long`, `short` or `numeric`. Defaults to `long`.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Defines the locale of the date. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,OAAO,EAAE;IACPC,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

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

@@ -35,7 +35,7 @@
 .dnb-forms-value-block--max-width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -73,7 +73,7 @@
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }

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

@@ -1 +1 @@
-@charset "UTF-8";.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--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-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:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+@charset "UTF-8";.dnb-forms-summary-list.dnb-dl: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--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.0625em){.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.0625em){.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/extensions/forms/Wizard/Container/WizardContainer.js

@@ -53,15 +53,24 @@ function WizardContainer(props) {
   const totalStepsRef = useRef(NaN);
   const errorOnStepRef = useRef({});
   const stepElementRef = useRef();
+  const preventNextStepRef = useRef(false);
   const sharedStateRef = useRef();
   sharedStateRef.current = useSharedState(hasContext && id ? id + '-wizard' : undefined);
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
+  const preventNavigation = useCallback(function () {
+    let shouldPrevent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    preventNextStepRef.current = shouldPrevent;
+  }, []);
   const callOnStepChange = useCallback(async (index, mode) => {
     if (isAsync(onStepChange)) {
-      return await onStepChange(index, mode);
+      return await onStepChange(index, mode, {
+        preventNavigation
+      });
     }
-    return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index, mode);
-  }, [onStepChange]);
+    return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index, mode, {
+      preventNavigation
+    });
+  }, [onStepChange, preventNavigation]);
   const {
     setFocus,
     scrollToTop,
@@ -90,26 +99,29 @@ function WizardContainer(props) {
     handleSubmitCall({
       skipErrorCheck,
       skipFieldValidation: skipErrorCheck,
-      enableAsyncBehaviour: isAsync(onStepChange),
+      enableAsyncBehavior: isAsync(onStepChange),
       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);
+          (_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
+          });
         }
         const result = skipStepChangeCall || skipStepChangeCallBeforeMounted && !isInteractionRef.current ? undefined : await callOnStepChange(index, mode);
         setFormState('abort');
         if (!skipErrorCheck) {
           setShowAllErrors(errorOnStepRef.current[index]);
         }
-        if (!(result instanceof Error)) {
+        if (!preventNextStepRef.current && !(result instanceof Error)) {
           handleLayoutEffect();
           activeIndexRef.current = index;
           forceUpdate();
         }
+        preventNextStepRef.current = false;
         return result;
       }
     });
-  }, [callOnStepChange, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, setFormState, setShowAllErrors]);
+  }, [callOnStepChange, handleLayoutEffect, handleSubmitCall, isInteractionRef, onStepChange, preventNavigation, setFormState, setShowAllErrors]);
   const setActiveIndex = useCallback((index, options) => {
     if (index === activeIndexRef.current) {
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","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","sharedStateRef","current","undefined","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","handleSubmit","_ref3","preventSubmit","setHandleSubmit","titlesRef","updateTitlesRef","prerenderFieldPropsRef","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","_ref4","sidebar_id","Sidebar","bottom","Object","values","no_animation","on_change","_ref5","incrementIndex","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","title","key","clone","cloneElement","document","length","_ref6","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","_ref7","createPortal","body","_ref8","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\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\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode)\n      }\n\n      return onStepChange?.(index, mode)\n    },\n    [onStepChange]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: 'previous' | 'next'\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehaviour: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode)\n          }\n\n          const result =\n            skipStepChangeCall ||\n            (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n              ? undefined\n              : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!(result instanceof Error)) {\n            handleLayoutEffect()\n\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      handleLayoutEffect,\n      handleSubmitCall,\n      isInteractionRef,\n      onStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (index: StepIndex, options?: SetActiveIndexOptions) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(current_step, { skipErrorCheck: true })\n    },\n    [setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const 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 titlesRef = useRef({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\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      titlesRef,\n      updateTitlesRef,\n      activeIndexRef,\n      totalStepsRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    activeIndex,\n    handleNext,\n    handlePrevious,\n    id,\n    prerenderFieldProps,\n    check,\n    setActiveIndex,\n    setFormError,\n  ])\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current?.extend?.(providerValue)\n    }\n  }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    updateTitlesRef.current?.()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [titlesRef.current])\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        {...rest}\n      >\n        <DisplaySteps\n          mode={mode}\n          variant={variant}\n          noAnimation={noAnimation}\n          handleChange={handleChange}\n          sidebarId={sidebarId}\n        />\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <IterateOverSteps>{children}</IterateOverSteps>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nfunction DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { id, activeIndexRef, titlesRef, updateTitlesRef } =\n    useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n  return (\n    <aside className=\"dnb-forms-wizard-layout__indicator\">\n      <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n      <StepIndicator\n        bottom\n        current_step={activeIndexRef.current}\n        data={Object.values(titlesRef.current)}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n      />\n    </aside>\n  )\n}\n\nfunction IterateOverSteps({ children }) {\n  const {\n    check,\n    titlesRef,\n    activeIndexRef,\n    totalStepsRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  titlesRef.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        titlesRef.current[index] =\n          child.props.title !== undefined\n            ? convertJsxToString(child.props.title)\n            : 'Title missing'\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  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      }}\n    >\n      <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n        {children}\n      </WizardContext.Provider>\n    </DataContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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"}
+{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","ReactDOM","classnames","Space","StepIndicator","convertJsxToString","warn","isAsync","useId","Step","WizardContext","DataContext","defaultContextState","Handler","useSharedState","useHandleLayoutEffect","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","sharedStateRef","current","undefined","preventNavigation","shouldPrevent","arguments","length","callOnStepChange","index","setFocus","scrollToTop","isInteractionRef","handleLayoutEffect","handleStepChange","_ref","skipErrorCheck","skipStepChangeCall","skipStepChangeCallBeforeMounted","skipStepChangeCallFromHook","skipFieldValidation","enableAsyncBehavior","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","_ref2","current_step","setFormError","error","handleSubmit","_ref3","preventSubmit","setHandleSubmit","titlesRef","updateTitlesRef","prerenderFieldPropsRef","check","activeIndex","providerValue","_sharedStateRef$curre4","_sharedStateRef$curre5","extend","_updateTitlesRef$curr","createElement","_extends","Provider","value","DisplaySteps","IterateOverSteps","PrerenderFieldPropsOfOtherSteps","_ref4","sidebar_id","Sidebar","bottom","Object","values","no_animation","on_change","_ref5","incrementIndex","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","active","activeWhen","visibleWhen","title","key","clone","cloneElement","document","_ref6","hasRenderedRef","WizardPortal","PrerenderFieldPropsProvider","hidden","Fn","i","_ref7","createPortal","body","_ref8","setFieldProps","updateDataValue","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n} from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport {\n  convertJsxToString,\n  warn,\n} from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  SetActiveIndexOptions,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport DataContext, {\n  defaultContextState,\n} from '../../DataContext/Context'\nimport Handler from '../../Form/Handler/Handler'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useHandleLayoutEffect from './useHandleLayoutEffect'\nimport { ComponentProps } from '../../types'\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\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const preventNavigation = useCallback((shouldPrevent = true) => {\n    preventNextStepRef.current = shouldPrevent\n  }, [])\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode, { preventNavigation })\n      }\n\n      return onStepChange?.(index, mode, { preventNavigation })\n    },\n    [onStepChange, preventNavigation]\n  )\n\n  const { setFocus, scrollToTop, isInteractionRef } =\n    useHandleLayoutEffect({ activeIndexRef, stepElementRef })\n\n  const handleLayoutEffect = useCallback(() => {\n    if (!omitFocusManagement) {\n      setFocus()\n    }\n    if (!omitScrollManagement) {\n      scrollToTop()\n    }\n  }, [omitScrollManagement, omitFocusManagement, setFocus, scrollToTop])\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipStepChangeCall,\n      skipStepChangeCallBeforeMounted,\n      skipStepChangeCallFromHook,\n      mode,\n    }: {\n      index: StepIndex\n      mode: 'previous' | 'next'\n    } & SetActiveIndexOptions) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehavior: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipStepChangeCallFromHook) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode, {\n              preventNavigation,\n            })\n          }\n\n          const result =\n            skipStepChangeCall ||\n            (skipStepChangeCallBeforeMounted && !isInteractionRef.current)\n              ? undefined\n              : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!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      handleLayoutEffect,\n      handleSubmitCall,\n      isInteractionRef,\n      onStepChange,\n      preventNavigation,\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 titlesRef = useRef({})\n  const updateTitlesRef = useRef<() => void>()\n  const prerenderFieldPropsRef = useRef<\n    Record<string, () => React.ReactElement>\n  >({})\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      titlesRef,\n      updateTitlesRef,\n      activeIndexRef,\n      totalStepsRef,\n      prerenderFieldProps,\n      prerenderFieldPropsRef,\n      check,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }\n  }, [\n    activeIndex,\n    handleNext,\n    handlePrevious,\n    id,\n    prerenderFieldProps,\n    check,\n    setActiveIndex,\n    setFormError,\n  ])\n\n  // - Handle shared state\n  useLayoutEffect(() => {\n    if (id && hasContext) {\n      sharedStateRef.current?.extend?.(providerValue)\n    }\n  }, [id, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    updateTitlesRef.current?.()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [titlesRef.current])\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Handler>\n        <WizardContainer {...props} id={id} />\n      </Handler>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          `dnb-forms-wizard-layout--${variant}`,\n          className\n        )}\n        {...rest}\n      >\n        <DisplaySteps\n          mode={mode}\n          variant={variant}\n          noAnimation={noAnimation}\n          handleChange={handleChange}\n          sidebarId={sidebarId}\n        />\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <IterateOverSteps>{children}</IterateOverSteps>\n        </div>\n      </Space>\n\n      {prerenderFieldProps && (\n        <PrerenderFieldPropsOfOtherSteps\n          prerenderFieldPropsRef={prerenderFieldPropsRef}\n        />\n      )}\n    </WizardContext.Provider>\n  )\n}\n\nfunction DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { id, activeIndexRef, titlesRef, updateTitlesRef } =\n    useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n  return (\n    <aside className=\"dnb-forms-wizard-layout__indicator\">\n      <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n      <StepIndicator\n        bottom\n        current_step={activeIndexRef.current}\n        data={Object.values(titlesRef.current)}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n      />\n    </aside>\n  )\n}\n\nfunction IterateOverSteps({ children }) {\n  const {\n    check,\n    titlesRef,\n    activeIndexRef,\n    totalStepsRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  titlesRef.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        titlesRef.current[index] =\n          child.props.title !== undefined\n            ? convertJsxToString(child.props.title)\n            : 'Title missing'\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  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      }}\n    >\n      <WizardContext.Provider value={{ prerenderFieldProps: true }}>\n        {children}\n      </WizardContext.Provider>\n    </DataContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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"}

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

@@ -47,7 +47,7 @@ export const WizardContainerProperties = {
 };
 export const WizardContainerEvents = {
   onStepChange: {
-    doc: 'Will be called when the user navigate to a different step, with step `index` as the first argument and `previous` or `next` (string) as the second argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related Form.Handler props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`.',
+    doc: 'Will be called when the user navigate to a different step, with step `index` as the first argument and `previous` or `next` (string) as the second argument, and an options object containing `preventNavigation` function as the third parameter. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related Form.Handler props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`.',
     type: 'function',
     status: 'optional'
   }