@dnb/eufemia 10.71.1 → 10.72.0

package/cjs/components/tooltip/TooltipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContainer.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","_classnames","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","React","useState","hover","setHover","isActive","isTrue","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","getOffsetLeft","getOffsetTop","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","classnames","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    }\n    if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipContainer.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","_classnames","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","TooltipContainer","props","internalId","active","attributes","arrow","position","align","hideDelay","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","React","useState","arrowStyle","setArrowStyle","hover","setHover","isActive","isTrue","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","_stylesFromPosition$p","_stylesFromArrow$arro","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","getOffsetLeft","getOffsetTop","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","innerWidth","arrowWidth","arrowStyleBasisWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","classnames","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    hideDelay,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [arrowStyle, setArrowStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n    const arrowStyle = { top: null, left: null }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    stylesFromPosition[position]?.()\n    stylesFromArrow[arrow]?.()\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n      if (position === 'top' || position === 'bottom') {\n        const arrowWidth = 16 // 1rem\n        const arrowStyleBasisWidth = left - arrowWidth / 2\n        if (align === 'left') {\n          arrowStyle.left = arrowStyleBasisWidth\n        } else if (align === 'right') {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width\n        } else {\n          arrowStyle.left = arrowStyleBasisWidth + targetBodySize.width / 2\n        }\n      }\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n      arrowStyle.top = 0\n    }\n\n    setStyle(style)\n    setArrowStyle(arrowStyle)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Tooltip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n          style={{ ...arrowStyle }}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/elements/Element.d.ts

@@ -15,7 +15,14 @@ export type ElementInternalProps = {
 export type ElementProps = {
     skeleton?: SkeletonShow;
     skeletonMethod?: SkeletonMethods;
-    internalClass?: string;
+    /**
+     * As a string: replaces the default tag class `dnb-{TAG_NAME}` with a different class. Empty string does the same as default `undefined`.
+     *
+     * As a boolean: set it to `false` to disable the default tag class. `true` does the same as default `undefined`.
+     *
+     * Default: `undefined`
+     */
+    internalClass?: string | boolean;
     innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>;
     children?: React.ReactNode;
 } & SpacingProps;
@@ -26,7 +33,14 @@ export declare const defaultProps: {
 declare const Element: React.ForwardRefExoticComponent<{
     skeleton?: SkeletonShow;
     skeletonMethod?: SkeletonMethods;
-    internalClass?: string;
+    /**
+     * As a string: replaces the default tag class `dnb-{TAG_NAME}` with a different class. Empty string does the same as default `undefined`.
+     *
+     * As a boolean: set it to `false` to disable the default tag class. `true` does the same as default `undefined`.
+     *
+     * Default: `undefined`
+     */
+    internalClass?: string | boolean;
     innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>;
     children?: React.ReactNode;
 } & import("../shared/types").SpacingElementProps & {

package/cjs/elements/Element.js

@@ -40,7 +40,7 @@ function ElementInstance(localProps) {
     rest = _objectWithoutProperties(props, _excluded);
   const Tag = as;
   const attributes = rest;
-  const tagClass = internalClass || (typeof Tag === 'string' ? `dnb-${Tag}` : '');
+  const tagClass = internalClass === false ? '' : (internalClass === true ? undefined : internalClass) || (typeof Tag === 'string' ? `dnb-${Tag}` : '');
   const internalClassName = (0, _classnames.default)(className, (0, _SkeletonHelper.createSkeletonClass)(skeletonMethod, skeleton, context), (0, _SpacingHelper.createSpacingClasses)(attributes, typeof Tag === 'string' ? `dnb-${Tag}` : null), !new RegExp(`${tagClass}(\\s|$)`).test(String(className)) && tagClass);
   (0, _componentHelper.validateDOMAttributes)(null, attributes);
   (0, _SkeletonHelper.skeletonDOMAttributes)(attributes, skeleton, context);

package/cjs/elements/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_SkeletonHelper","_excluded","e","__esModule","default","_objectWithoutProperties","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","_extends","assign","bind","arguments","apply","defaultProps","exports","skeletonMethod","Element","React","forwardRef","props","ref","createElement","ElementInstance","innerRef","localProps","context","useContext","Context","extendPropsWithContext","skeleton","className","internalClass","as","rest","Tag","attributes","tagClass","internalClassName","classnames","createSkeletonClass","createSpacingClasses","RegExp","test","String","validateDOMAttributes","skeletonDOMAttributes","_default"],"sources":["../../../src/elements/Element.tsx"],"sourcesContent":["/**\n * This is mainly a Wrapper, to build more easily HTML Elements\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../shared/Context'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../shared/component-helper'\nimport { createSpacingClasses } from '../components/space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n  SkeletonMethods,\n} from '../components/skeleton/SkeletonHelper'\nimport type { SkeletonShow } from '../components/skeleton/Skeleton'\n\nimport type { DynamicElement, SpacingProps } from '../shared/types'\n\nexport type ElementInternalProps = {\n  /**\n   * Defines the Element Type, like \"div\"\n   */\n  as: DynamicElement<unknown>\n}\n\nexport type ElementProps = {\n  skeleton?: SkeletonShow\n  skeletonMethod?: SkeletonMethods\n  internalClass?: string\n  innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>\n  children?: React.ReactNode\n} & SpacingProps\n\nexport type ElementAllProps = ElementProps &\n  ElementInternalProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'as'>\n\ntype Attributes = Record<string, unknown>\n\nexport const defaultProps = {\n  skeletonMethod: 'font',\n}\n\nconst Element = React.forwardRef((props: ElementAllProps, ref) => {\n  return <ElementInstance innerRef={ref} {...props} />\n})\n\nfunction ElementInstance(localProps: ElementAllProps) {\n  const context = React.useContext(Context)\n  const props = extendPropsWithContext(localProps, defaultProps, {\n    skeleton: context?.skeleton,\n  })\n\n  const {\n    className,\n    internalClass,\n    as,\n    innerRef,\n    skeleton,\n    skeletonMethod,\n    ...rest\n  } = props\n\n  const Tag = as\n  const attributes = rest as Attributes\n\n  const tagClass =\n    internalClass || (typeof Tag === 'string' ? `dnb-${Tag}` : '')\n  const internalClassName = classnames(\n    !new RegExp(`${tagClass}(\\\\s|$)`).test(String(className)) && tagClass,\n    className,\n    createSkeletonClass(skeletonMethod, skeleton, context),\n    createSpacingClasses(\n      attributes,\n      typeof Tag === 'string' ? `dnb-${Tag}` : null\n    )\n  )\n\n  validateDOMAttributes(null, attributes)\n\n  skeletonDOMAttributes(attributes, skeleton, context)\n\n  if (typeof Tag !== 'function' && innerRef) {\n    attributes.ref = innerRef\n  }\n\n  return <Tag className={internalClassName} {...attributes} />\n}\n\nexport default Element\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Element.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_SkeletonHelper","_excluded","e","__esModule","default","_objectWithoutProperties","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","_extends","assign","bind","arguments","apply","defaultProps","exports","skeletonMethod","Element","React","forwardRef","props","ref","createElement","ElementInstance","innerRef","localProps","context","useContext","Context","extendPropsWithContext","skeleton","className","internalClass","as","rest","Tag","attributes","tagClass","undefined","internalClassName","classnames","createSkeletonClass","createSpacingClasses","RegExp","test","String","validateDOMAttributes","skeletonDOMAttributes","_default"],"sources":["../../../src/elements/Element.tsx"],"sourcesContent":["/**\n * This is mainly a Wrapper, to build more easily HTML Elements\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../shared/Context'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../shared/component-helper'\nimport { createSpacingClasses } from '../components/space/SpacingHelper'\nimport {\n  createSkeletonClass,\n  skeletonDOMAttributes,\n  SkeletonMethods,\n} from '../components/skeleton/SkeletonHelper'\nimport type { SkeletonShow } from '../components/skeleton/Skeleton'\n\nimport type { DynamicElement, SpacingProps } from '../shared/types'\n\nexport type ElementInternalProps = {\n  /**\n   * Defines the Element Type, like \"div\"\n   */\n  as: DynamicElement<unknown>\n}\n\nexport type ElementProps = {\n  skeleton?: SkeletonShow\n  skeletonMethod?: SkeletonMethods\n  /**\n   * As a string: replaces the default tag class `dnb-{TAG_NAME}` with a different class. Empty string does the same as default `undefined`.\n   *\n   * As a boolean: set it to `false` to disable the default tag class. `true` does the same as default `undefined`.\n   *\n   * Default: `undefined`\n   */\n  internalClass?: string | boolean\n  innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>\n  children?: React.ReactNode\n} & SpacingProps\n\nexport type ElementAllProps = ElementProps &\n  ElementInternalProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'as'>\n\ntype Attributes = Record<string, unknown>\n\nexport const defaultProps = {\n  skeletonMethod: 'font',\n}\n\nconst Element = React.forwardRef((props: ElementAllProps, ref) => {\n  return <ElementInstance innerRef={ref} {...props} />\n})\n\nfunction ElementInstance(localProps: ElementAllProps) {\n  const context = React.useContext(Context)\n  const props = extendPropsWithContext(localProps, defaultProps, {\n    skeleton: context?.skeleton,\n  })\n\n  const {\n    className,\n    internalClass,\n    as,\n    innerRef,\n    skeleton,\n    skeletonMethod,\n    ...rest\n  } = props\n\n  const Tag = as\n  const attributes = rest as Attributes\n\n  const tagClass =\n    internalClass === false\n      ? ''\n      : (internalClass === true ? undefined : internalClass) ||\n        (typeof Tag === 'string' ? `dnb-${Tag}` : '')\n\n  const internalClassName = classnames(\n    !new RegExp(`${tagClass}(\\\\s|$)`).test(String(className)) && tagClass,\n    className,\n    createSkeletonClass(skeletonMethod, skeleton, context),\n    createSpacingClasses(\n      attributes,\n      typeof Tag === 'string' ? `dnb-${Tag}` : null\n    )\n  )\n\n  validateDOMAttributes(null, attributes)\n\n  skeletonDOMAttributes(attributes, skeleton, context)\n\n  if (typeof Tag !== 'function' && innerRef) {\n    attributes.ref = innerRef\n  }\n\n  return <Tag className={internalClassName} {...attributes} />\n}\n\nexport default Element\n"],"mappings":"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","ignoreList":[]}

package/cjs/elements/lib.d.ts

@@ -79,7 +79,7 @@ export declare const getElements: () => {
         } & {
             skeleton?: boolean;
             skeletonMethod?: import("../components/skeleton/SkeletonHelper").SkeletonMethods;
-            internalClass?: string;
+            internalClass?: string | boolean;
             innerRef?: import("react").ForwardedRef<unknown> | import("react").RefObject<HTMLElement>;
             children?: import("react").ReactNode;
         }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-export declare function DisplaySteps({ mode, variant, noAnimation, handleChange, sidebarId, }: {
+export declare function DisplaySteps({ mode, noAnimation, handleChange, expandedInitially, outset, }: {
     mode: any;
-    variant: any;
     noAnimation: any;
     handleChange: any;
-    sidebarId: any;
+    expandedInitially: any;
+    outset: any;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -14,16 +14,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function DisplaySteps(_ref) {
+  var _getStepIndicatorStat;
   let {
     mode,
-    variant,
     noAnimation,
     handleChange,
-    sidebarId
+    expandedInitially,
+    outset
   } = _ref;
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const {
-    id,
     activeIndexRef,
     stepsRef,
     updateTitlesRef,
@@ -34,8 +34,7 @@ function DisplaySteps(_ref) {
     forceUpdate();
   };
   const translations = (0, _hooks.useTranslation)();
-  const sidebar_id = variant === 'drawer' && !sidebarId ? undefined : sidebarId !== null && sidebarId !== void 0 ? sidebarId : id;
-  const getTriggerStatus = (0, _react.useCallback)(() => {
+  const getStepIndicatorStatus = (0, _react.useCallback)(() => {
     if (!hasErrorInOtherStepRef.current) {
       return;
     }
@@ -51,12 +50,15 @@ function DisplaySteps(_ref) {
         status_state: 'warn'
       };
     }
+    return {};
   }, [hasErrorInOtherStepRef, hasInvalidStepsState, translations.Step.stepHasError]);
+  const {
+    status,
+    status_state
+  } = (_getStepIndicatorStat = getStepIndicatorStatus()) !== null && _getStepIndicatorStat !== void 0 ? _getStepIndicatorStat : {};
   return _react.default.createElement("aside", {
     className: "dnb-forms-wizard-layout__indicator"
-  }, _react.default.createElement(_StepIndicator.default.Sidebar, {
-    sidebar_id: sidebar_id
-  }), _react.default.createElement(_StepIndicator.default, {
+  }, _react.default.createElement(_StepIndicator.default, {
     bottom: true,
     current_step: activeIndexRef.current,
     data: Array.from(stepsRef.current.values()).map(_ref2 => {
@@ -76,9 +78,11 @@ function DisplaySteps(_ref) {
     }),
     mode: mode,
     no_animation: noAnimation,
+    expandedInitially: expandedInitially,
     on_change: handleChange,
-    sidebar_id: sidebar_id,
-    triggerButtonProps: getTriggerStatus()
+    outset: outset,
+    status: status,
+    status_state: status_state
   }));
 }
 //# sourceMappingURL=DisplaySteps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplaySteps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicator","_hooks","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DisplaySteps","_ref","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","useReducer","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","useContext","WizardContext","current","translations","useTranslation","sidebar_id","undefined","getTriggerStatus","useCallback","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Array","from","values","map","_ref2","stringifiedTitle","title","inactive","statusState","no_animation","on_change","triggerButtonProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/DisplaySteps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer } from 'react'\nimport WizardContext from '../Context'\nimport StepIndicator from '../../../../components/StepIndicator'\nimport { StepIndicatorItemProps } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { useTranslation } from '../../hooks'\n\nexport function DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const {\n    id,\n    activeIndexRef,\n    stepsRef,\n    updateTitlesRef,\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n  } = useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n  const translations = useTranslation()\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n  const getTriggerStatus = useCallback(() => {\n    if (!hasErrorInOtherStepRef.current) {\n      return // stop here\n    }\n    if (hasInvalidStepsState(undefined, ['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(undefined, ['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n  }, [\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n    translations.Step.stepHasError,\n  ])\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={Array.from(stepsRef.current.values()).map(\n          ({ stringifiedTitle, title, inactive, status, statusState }) =>\n            ({\n              title: stringifiedTitle || title,\n              inactive,\n              status,\n              status_state: statusState,\n            }) satisfies Omit<StepIndicatorItemProps, 'currentItemNum'>\n        )}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n        triggerButtonProps={getTriggerStatus()}\n      />\n    </aside>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DisplaySteps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicator","_hooks","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DisplaySteps","_ref","_getStepIndicatorStat","mode","noAnimation","handleChange","expandedInitially","outset","forceUpdate","useReducer","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","useContext","WizardContext","current","translations","useTranslation","getStepIndicatorStatus","useCallback","undefined","status","Step","stepHasError","status_state","createElement","className","bottom","current_step","data","Array","from","values","map","_ref2","stringifiedTitle","title","inactive","statusState","no_animation","on_change"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/DisplaySteps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer } from 'react'\nimport WizardContext from '../Context'\nimport StepIndicator from '../../../../components/StepIndicator'\nimport { StepIndicatorItemProps } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { useTranslation } from '../../hooks'\n\nexport function DisplaySteps({\n  mode,\n  noAnimation,\n  handleChange,\n  expandedInitially,\n  outset,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const {\n    activeIndexRef,\n    stepsRef,\n    updateTitlesRef,\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n  } = useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n  const translations = useTranslation()\n\n  const getStepIndicatorStatus = useCallback(() => {\n    if (!hasErrorInOtherStepRef.current) {\n      return // stop here\n    }\n    if (hasInvalidStepsState(undefined, ['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(undefined, ['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    return {}\n  }, [\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n    translations.Step.stepHasError,\n  ])\n\n  const { status, status_state } = getStepIndicatorStatus() ?? {}\n\n  return (\n    <aside className=\"dnb-forms-wizard-layout__indicator\">\n      <StepIndicator\n        bottom\n        current_step={activeIndexRef.current}\n        data={Array.from(stepsRef.current.values()).map(\n          ({ stringifiedTitle, title, inactive, status, statusState }) =>\n            ({\n              title: stringifiedTitle || title,\n              inactive,\n              status,\n              status_state: statusState,\n            }) satisfies Omit<StepIndicatorItemProps, 'currentItemNum'>\n        )}\n        mode={mode}\n        no_animation={noAnimation}\n        expandedInitially={expandedInitially}\n        on_change={handleChange}\n        outset={outset}\n        status={status}\n        status_state={status_state}\n      />\n    </aside>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -25,17 +25,29 @@ export type Props = ComponentProps & {
     onStepChange?: OnStepChange;
     /**
      * The sidebar variant.
+     * @deprecated there is only one variant available. This props has no effect
      */
     variant?: 'sidebar' | 'drawer';
+    /**
+     * @deprecated there is no longer a sidebar. This prop does nothing.
+     */
     sidebarId?: string;
     /**
      * If set to `true`, the wizard will not animate the steps.
      */
     noAnimation?: boolean;
+    /**
+     * Set to `true` to have the list be expanded initially. Defaults to `false`.
+     */
+    expandedInitially?: boolean;
     /**
      * If set to `true`, the wizard will not unmount the steps when navigating back and forth.
      */
     keepInDOM?: boolean;
+    /**
+     * Whether or not to break out (using negative margins) on larger screens. Defaults to `true`.
+     */
+    outset?: boolean;
     /**
      * If set to `true`, the wizard pre-render all steps so the props of each field is available in the data context.
      * Defaults to `true`.

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

@@ -22,7 +22,8 @@ var _useVisibility = _interopRequireDefault(require("../../Form/Visibility/useVi
 var _DisplaySteps = require("./DisplaySteps");
 var _IterateOverSteps = require("./IterateOverSteps");
 var _PrerenderFieldPropsOfOtherSteps = require("./PrerenderFieldPropsOfOtherSteps");
-const _excluded = ["className", "id", "mode", "initialActiveIndex", "omitScrollManagement", "omitFocusManagement", "onStepChange", "children", "noAnimation", "prerenderFieldProps", "keepInDOM", "validationMode", "variant", "sidebarId"];
+const _excluded = ["variant", "sidebarId"],
+  _excluded2 = ["className", "id", "mode", "initialActiveIndex", "omitScrollManagement", "omitFocusManagement", "onStepChange", "children", "noAnimation", "expandedInitially", "prerenderFieldProps", "keepInDOM", "validationMode", "outset"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,9 +36,18 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function handleDeprecatedProps(props) {
+  const {
+      variant,
+      sidebarId
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return rest;
+}
 function WizardContainer(props) {
   var _dataContext$setField;
-  const {
+  const _handleDeprecatedProp = handleDeprecatedProps(props),
+    {
       className,
       id: idProp,
       mode = 'strict',
@@ -46,14 +56,14 @@ function WizardContainer(props) {
       omitFocusManagement,
       onStepChange,
       children,
-      noAnimation = true,
+      noAnimation = false,
+      expandedInitially = false,
       prerenderFieldProps = true,
       keepInDOM,
       validationMode,
-      variant = 'sidebar',
-      sidebarId
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+      outset = true
+    } = _handleDeprecatedProp,
+    rest = _objectWithoutProperties(_handleDeprecatedProp, _excluded2);
   const dataContext = (0, _react.useContext)(_Context.default);
   const {
     hasContext,
@@ -161,7 +171,7 @@ function WizardContainer(props) {
     preventNextStepRef.current = shouldPrevent;
   }, []);
   const getStepChangeOptions = (0, _react.useCallback)(index => {
-    var _stepsRef$current$get;
+    var _stepsRef$current$get, _stepsRef$current$get2;
     const previousIndex = activeIndexRef.current;
     const options = {
       preventNavigation,
@@ -171,11 +181,12 @@ function WizardContainer(props) {
     };
     const id = (_stepsRef$current$get = stepsRef.current.get(index)) === null || _stepsRef$current$get === void 0 ? void 0 : _stepsRef$current$get.id;
     if (id) {
-      var _stepsRef$current$get2;
-      const previousId = (_stepsRef$current$get2 = stepsRef.current.get(previousIndex)) === null || _stepsRef$current$get2 === void 0 ? void 0 : _stepsRef$current$get2.id;
       Object.assign(options, {
         id
       });
+    }
+    const previousId = (_stepsRef$current$get2 = stepsRef.current.get(previousIndex)) === null || _stepsRef$current$get2 === void 0 ? void 0 : _stepsRef$current$get2.id;
+    if (previousId) {
       Object.assign(options.previousStep, {
         id: previousId
       });
@@ -374,14 +385,14 @@ function WizardContainer(props) {
   return _react.default.createElement(_WizardContext.default.Provider, {
     value: providerValue
   }, _react.default.createElement(_components.Space, _extends({
-    className: (0, _classnames.default)(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className),
+    className: (0, _classnames.default)('dnb-forms-wizard-layout', className),
     innerRef: elementRef
   }, rest), _react.default.createElement(_DisplaySteps.DisplaySteps, {
     mode: mode,
-    variant: variant,
     noAnimation: noAnimation,
+    expandedInitially: expandedInitially,
     handleChange: handleChange,
-    sidebarId: sidebarId
+    outset: outset
   }), _react.default.createElement("div", {
     className: "dnb-forms-wizard-layout__contents"
   }, _react.default.createElement(_IterateOverSteps.IterateOverSteps, null, children))), prerenderFieldProps && !keepInDOM && _react.default.createElement(_PrerenderFieldPropsOfOtherSteps.PrerenderFieldPropsOfOtherSteps, {