@dnb/eufemia 10.7.0 → 10.9.0

package/cjs/components/step-indicator/StepIndicatorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_HeightAnimationInstance","_Button","_Icon","_FormStatus","_StepIndicatorContext","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StepIndicatorItem","React","PureComponent","constructor","props","context","_ref","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","activeStep","setActiveStep","onChangeState","_heightAnim","HeightAnimationInstance","animate","isTrue","no_animation","createRef","componentDidMount","setElement","current","_prevStep","componentWillUnmount","remove","getSnapshotBeforeUpdate","getHeight","componentDidUpdate","a","b","height","toHeight","getUnknownHeight","adjustTo","render","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","_this$props","title","is_current","inactive","disabled","status","status_state","on_render","on_click","on_change","attributes","forEach","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","isNaN","parseFloat","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref2","onClickHandler","type","className","classnames","StepItemButton","inner_ref","exports","StepIndicatorContext","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","node","isRequired","bool","func","oneOf","_ref3","children","InfoIcon","ErrorIcon","WarnIcon","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","object","defaultProps","_ref4"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport Button from '../button/Button'\nimport Icon from '../icon/Icon'\nimport {\n  WarnIcon,\n  InfoIcon,\n  ErrorIcon,\n} from '../../components/form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nexport default class StepIndicatorItem extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  static propTypes = {\n    mode: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])\n      .isRequired,\n    step_title: PropTypes.string,\n    hide_numbers: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    on_item_render: PropTypes.func,\n    on_change: PropTypes.func,\n\n    on_render: PropTypes.func,\n    on_click: PropTypes.func,\n\n    is_current: PropTypes.bool,\n    inactive: PropTypes.bool,\n    disabled: PropTypes.bool,\n    status: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    status_state: PropTypes.oneOf(['warn', 'info', 'error']),\n\n    currentItemNum: PropTypes.number.isRequired,\n  }\n\n  static defaultProps = {\n    mode: null,\n    step_title: '%step',\n    hide_numbers: false,\n\n    on_item_render: null,\n    on_change: null,\n\n    on_render: null,\n    on_click: null,\n\n    is_current: null,\n    inactive: null,\n    disabled: null,\n    status: null,\n    status_state: 'warn',\n  }\n\n  constructor(props, context) {\n    super(props)\n\n    this._heightAnim = new HeightAnimationInstance({\n      animate: !isTrue(context.no_animation),\n    })\n    this._ref = React.createRef()\n  }\n\n  componentDidMount() {\n    this._heightAnim.setElement(this._ref.current)\n    this._prevStep = this.context.activeStep\n  }\n\n  componentWillUnmount() {\n    this._heightAnim.remove()\n  }\n\n  getSnapshotBeforeUpdate() {\n    return this._heightAnim.getHeight()\n  }\n\n  componentDidUpdate(a, b, height) {\n    if (\n      this._prevStep !== this.context.activeStep &&\n      (this.props.currentItemNum === this._prevStep ||\n        this.props.currentItemNum === this.context.activeStep)\n    ) {\n      const toHeight = this._heightAnim.getUnknownHeight()\n      if (height !== toHeight) {\n        this._heightAnim.adjustTo(height, toHeight)\n      }\n    }\n    this._prevStep = this.context.activeStep\n  }\n\n  onClickHandler = ({ event, item, currentItemNum }) => {\n    const params = {\n      event,\n      item,\n      current_step: currentItemNum,\n      currentStep: currentItemNum,\n    }\n    const onClickItem = dispatchCustomElementEvent(\n      this,\n      'on_click',\n      params\n    )\n    const onClickGlobal = dispatchCustomElementEvent(\n      this.context,\n      'on_click',\n      params\n    )\n    if (onClickItem === false || onClickGlobal === false) {\n      return // stop here\n    }\n\n    if (this.context.activeStep !== currentItemNum) {\n      this.context.setActiveStep(currentItemNum)\n      if (typeof this.context.onChangeState === 'function') {\n        this.context.onChangeState(currentItemNum)\n      }\n\n      dispatchCustomElementEvent(this.context, 'on_change', params)\n    }\n  }\n\n  render() {\n    const {\n      mode,\n      filterAttributes,\n      activeStep,\n      countSteps,\n      listOfReachedSteps,\n      hide_numbers,\n      on_item_render,\n      sidebar_id,\n      step_title,\n    } = this.context\n\n    const {\n      currentItemNum,\n\n      title,\n      is_current,\n      inactive,\n      disabled,\n      status,\n      status_state,\n\n      on_render,\n      on_click, // eslint-disable-line\n      on_change, // eslint-disable-line\n\n      ...attributes\n    } = this.props\n\n    Object.keys(attributes).forEach((key) => {\n      if (filterAttributes.includes(key)) {\n        delete attributes[key]\n      }\n    })\n\n    const hasPassedAndIsCurrent =\n      mode === 'loose' ||\n      currentItemNum <= activeStep ||\n      listOfReachedSteps.includes(currentItemNum)\n    const isNavigateable = mode === 'strict' || mode === 'loose'\n    let isInactive =\n      isTrue(inactive) || (mode === 'strict' && !hasPassedAndIsCurrent)\n    let isVisited = currentItemNum < activeStep\n\n    const id = `${sidebar_id || makeUniqueId()}-${currentItemNum}`\n    const ariaLabel = step_title\n      ?.replace('%step', currentItemNum + 1)\n      .replace('%count', countSteps)\n\n    const isCurrent =\n      currentItemNum === activeStep ||\n      (isTrue(is_current) && isNaN(parseFloat(activeStep)))\n\n    let element = (\n      <StepItemWrapper\n        number={currentItemNum + 1}\n        hide_numbers={hide_numbers}\n        status={status}\n        status_state={status_state}\n      >\n        {title}\n      </StepItemWrapper>\n    )\n\n    const callbackProps = {\n      StepItem: StepItemWrapper,\n      element,\n      attributes,\n      props: this.props,\n      context: this.context,\n    }\n\n    if (typeof on_render === 'function') {\n      element = on_render(callbackProps)\n    } else if (typeof on_item_render === 'function') {\n      element = on_item_render(callbackProps)\n    }\n\n    const itemParams = {}\n    const buttonParams = {\n      icon: 'check',\n      status,\n      status_state,\n      'aria-describedby': id,\n    }\n\n    if (isCurrent) {\n      itemParams['aria-current'] = 'step'\n    }\n\n    if (isTrue(disabled)) {\n      buttonParams['disabled'] = true\n    }\n\n    if (isNavigateable && !isInactive) {\n      buttonParams.onClick = ({ event }) =>\n        this.onClickHandler({\n          event,\n          item: this.props,\n          currentItemNum,\n        })\n    }\n\n    if (!buttonParams.onClick) {\n      buttonParams.element = 'span'\n      buttonParams.type = ''\n      buttonParams.on_click = undefined\n      isInactive = true\n    }\n\n    return (\n      <li\n        {...itemParams}\n        className={classnames(\n          'dnb-step-indicator__item',\n          isCurrent && 'dnb-step-indicator__item--current',\n          isInactive && 'dnb-step-indicator__item--inactive',\n          isVisited && 'dnb-step-indicator__item--visited',\n          itemParams.className\n        )}\n      >\n        <StepItemButton {...buttonParams} inner_ref={this._ref}>\n          {element}\n        </StepItemButton>\n        <span id={id} aria-hidden className=\"dnb-sr-only\">\n          {ariaLabel}\n        </span>\n      </li>\n    )\n  }\n}\n\nexport const StepItemButton = ({\n  children,\n  className,\n  status,\n  status_state,\n  inner_ref,\n  ...props\n}) => {\n  if (status) {\n    let icon = null\n    switch (status_state) {\n      case 'info':\n        icon = InfoIcon\n        break\n      case 'error':\n        icon = ErrorIcon\n        break\n      case 'warn':\n      default:\n        icon = WarnIcon\n        break\n    }\n    props.icon = (\n      <Icon\n        icon={icon}\n        className=\"dnb-button__icon\"\n        size=\"medium\"\n        inherit_color={false}\n      />\n    )\n  }\n  return (\n    <Button\n      className={classnames(\n        className,\n        status && 'dnb-step-indicator__button__status',\n        status && `dnb-step-indicator__button__status--${status_state}`\n      )}\n      wrap\n      stretch\n      variant=\"secondary\"\n      icon_size=\"medium\"\n      icon_position=\"right\"\n      inner_ref={inner_ref}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\nStepItemButton.propTypes = {\n  children: PropTypes.node,\n  inner_ref: PropTypes.object,\n  className: PropTypes.string,\n  status: PropTypes.string,\n  status_state: PropTypes.string,\n}\nStepItemButton.defaultProps = {\n  children: null,\n  inner_ref: null,\n  className: null,\n  status: null,\n  status_state: null,\n}\n\nexport const StepItemWrapper = ({\n  children,\n  number,\n  hide_numbers,\n  status,\n}) => {\n  return (\n    <span className=\"dnb-step-indicator__item-content\">\n      {!isTrue(hide_numbers) && (\n        <span\n          aria-hidden // because we provide the hidden aria-describedby\n          className=\"dnb-step-indicator__item-content__number\"\n        >\n          {number}.\n        </span>\n      )}\n      <span className=\"dnb-step-indicator__item-content__wrapper\">\n        <span className=\"dnb-step-indicator__item-content__text\">\n          {children}\n        </span>\n        {status && (\n          <span className=\"dnb-step-indicator__item-content__status\">\n            {status}\n          </span>\n        )}\n      </span>\n    </span>\n  )\n}\nStepItemWrapper.propTypes = {\n  children: PropTypes.node,\n  number: PropTypes.number,\n  hide_numbers: PropTypes.bool,\n  status: PropTypes.string,\n}\nStepItemWrapper.defaultProps = {\n  children: null,\n  number: null,\n  hide_numbers: null,\n  status: null,\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_HeightAnimationInstance","_Button","_Icon","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","context","useContext","StepIndicatorContext","previousStep","setPreviousStep","useState","activeStep","heightAnim","useRef","HeightAnimationInstance","animate","no_animation","current","ref","thisReference","onClickHandler","useEffect","setElement","remove","useLayoutEffect","height","getHeight","currentItemNum","toHeight","getUnknownHeight","adjustTo","_ref2","event","item","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","className","classnames","StepItemButton","inner_ref","_ref4","children","icons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","_ref5","stepIndicatorDefaultProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, {\n  HTMLProps,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport Button, { ButtonProps } from '../button/Button'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport { WarnIcon, InfoIcon, ErrorIcon } from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n  StepIndicatorMouseEvent,\n  StepIndicatorRenderCallback,\n} from './StepIndicator'\n\nexport type StepIndicatorStatusState = 'warn' | 'info' | 'error'\nexport type StepIndicatorItemProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'title' | 'data'\n> & {\n  title: string | React.ReactNode\n  /**\n   * If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n   */\n  is_current?: boolean\n  /**\n   * If set to true, this item step will be handled as an inactive step and will not be clickable.\n   * Defaults to `false`\n   */\n  inactive?: boolean\n  /**\n   * If set to true, this item step will be visible as an disabled button and will not be clickable.\n   * Defaults to false.\n   */\n  disabled?: boolean\n  /**\n   * Is used to set the status text.\n   */\n  status?: string | React.ReactNode\n  /**\n   * Used to set the status state to be either `info`, `error` or `warn`.\n   * Defaults to `warn`.\n   */\n  status_state?: StepIndicatorStatusState\n  /**\n   * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n   */\n  on_render?: ({\n    StepItem,\n    element,\n    attributes,\n    props,\n    context,\n  }: StepIndicatorRenderCallback) => React.ReactNode\n  /**\n   * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n   */\n  on_click?: ({\n    event,\n    item,\n    current_step,\n    currentStep,\n  }: StepIndicatorMouseEvent) => void\n  currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n  status_state: status_state_default = 'warn',\n  inactive: inactive_default = false,\n  disabled: disabled_default = false,\n  ...restOfProps\n}: StepIndicatorItemProps) {\n  const props: StepIndicatorItemProps = {\n    status_state: status_state_default,\n    inactive: inactive_default,\n    disabled: disabled_default,\n    ...restOfProps,\n  }\n\n  const context = useContext(StepIndicatorContext)\n\n  const [previousStep, setPreviousStep] = useState<number>(\n    context.activeStep\n  )\n\n  const heightAnim = useRef(\n    new HeightAnimationInstance({\n      animate:\n        context?.no_animation !== undefined ? context.no_animation : false,\n    })\n  ).current\n\n  const ref = useRef(null)\n\n  const thisReference = {\n    context,\n    props,\n    onClickHandler,\n  }\n\n  // Mount and Dismount\n  useEffect(() => {\n    heightAnim.setElement(ref.current)\n\n    return () => {\n      heightAnim.remove()\n    }\n  }, [])\n\n  // Effect used to keep track of previous activeStep from context\n  useEffect(() => {\n    if (previousStep !== context.activeStep) {\n      setPreviousStep(context.activeStep)\n    }\n  }, [context.activeStep])\n\n  useLayoutEffect(() => {\n    const height = heightAnim.getHeight()\n\n    if (\n      previousStep !== context.activeStep &&\n      (props.currentItemNum === previousStep ||\n        props.currentItemNum === context.activeStep)\n    ) {\n      const toHeight = heightAnim.getUnknownHeight()\n      if (height !== toHeight) {\n        heightAnim.adjustTo(height, toHeight)\n      }\n    }\n  }, [previousStep, context.activeStep, heightAnim, props.currentItemNum])\n\n  function onClickHandler({ event, item, currentItemNum }) {\n    const params = {\n      event,\n      item,\n      current_step: currentItemNum,\n      currentStep: currentItemNum,\n    }\n\n    const onClickItem = dispatchCustomElementEvent(\n      thisReference,\n      'on_click',\n      params\n    )\n\n    const onClickGlobal = dispatchCustomElementEvent(\n      context,\n      'on_click',\n      params\n    )\n\n    if (onClickItem === false || onClickGlobal === false) {\n      return // stop here\n    }\n\n    if (context.activeStep !== currentItemNum) {\n      context.setActiveStep(currentItemNum)\n      if (typeof context.onChangeState === 'function') {\n        context.onChangeState()\n      }\n\n      dispatchCustomElementEvent(context, 'on_change', params)\n    }\n  }\n\n  const {\n    mode,\n    filterAttributes,\n    activeStep,\n    countSteps,\n    listOfReachedSteps,\n    hide_numbers,\n    on_item_render,\n    sidebar_id,\n    step_title,\n  } = context\n\n  const {\n    currentItemNum,\n\n    title,\n    is_current,\n    inactive,\n    disabled,\n    status,\n    status_state,\n\n    on_render,\n    on_click, // eslint-disable-line\n\n    ...attributes\n  } = props\n\n  Object.keys(attributes).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete attributes[key]\n    }\n  })\n\n  const hasPassedAndIsCurrent =\n    mode === 'loose' ||\n    currentItemNum <= activeStep ||\n    listOfReachedSteps.includes(currentItemNum)\n\n  const isNavigateable = mode === 'strict' || mode === 'loose'\n\n  let isInactive =\n    inactive || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n  const isVisited = currentItemNum < activeStep\n\n  const id = `${sidebar_id || makeUniqueId()}-${currentItemNum}`\n  const ariaLabel = step_title\n    ?.replace('%step', String(currentItemNum + 1))\n    .replace('%count', String(countSteps))\n\n  const isCurrent = currentItemNum === activeStep\n\n  let element = (\n    <StepItemWrapper\n      number={currentItemNum + 1}\n      hide_numbers={hide_numbers}\n      status={status}\n    >\n      {title}\n    </StepItemWrapper>\n  ) as React.ReactNode\n\n  const callbackProps = {\n    StepItem: StepItemWrapper,\n    element,\n    attributes,\n    props,\n    context,\n  }\n\n  if (typeof on_render === 'function') {\n    element = on_render(callbackProps)\n  } else if (typeof on_item_render === 'function') {\n    element = on_item_render(callbackProps)\n  }\n\n  const itemParams = {} as HTMLProps<HTMLLIElement>\n  const buttonParams = {\n    icon: 'check',\n    status,\n    status_state,\n    'aria-describedby': id,\n  } as StepItemButtonProps\n\n  if (isCurrent) {\n    itemParams['aria-current'] = 'step'\n  }\n\n  if (disabled) {\n    buttonParams.disabled = true\n  }\n\n  if (isNavigateable && !isInactive) {\n    buttonParams.onClick = ({ event }: never) =>\n      onClickHandler({\n        event,\n        item: props,\n        currentItemNum,\n      })\n  }\n\n  if (!buttonParams.onClick) {\n    buttonParams.element = 'span'\n    buttonParams.type = ''\n    buttonParams.on_click = undefined\n    isInactive = true\n  }\n\n  return (\n    <li\n      {...itemParams}\n      className={classnames(\n        'dnb-step-indicator__item',\n        isCurrent && 'dnb-step-indicator__item--current',\n        isInactive && 'dnb-step-indicator__item--inactive',\n        isVisited && 'dnb-step-indicator__item--visited',\n        itemParams.className\n      )}\n    >\n      <StepItemButton {...buttonParams} inner_ref={ref}>\n        {element}\n      </StepItemButton>\n      <span id={id} aria-hidden className=\"dnb-sr-only\">\n        {ariaLabel}\n      </span>\n    </li>\n  )\n}\n\nexport type StepItemButtonProps = Omit<ButtonProps, 'status_state'> & {\n  status_state?: StepIndicatorStatusState\n}\n\nexport function StepItemButton({\n  children,\n  className,\n  status,\n  status_state,\n  inner_ref,\n  ...props\n}: StepItemButtonProps) {\n  const icons: Record<StepIndicatorStatusState, IconIcon> = {\n    info: InfoIcon,\n    error: ErrorIcon,\n    warn: WarnIcon,\n  }\n\n  if (status) {\n    props.icon = (\n      <Icon\n        icon={icons[status_state] || icons.warn}\n        className=\"dnb-button__icon\"\n        size=\"medium\"\n        inherit_color={false}\n      />\n    )\n  }\n\n  return (\n    <Button\n      className={classnames(\n        className,\n        status && 'dnb-step-indicator__button__status',\n        status && `dnb-step-indicator__button__status--${status_state}`\n      )}\n      wrap\n      stretch\n      variant=\"secondary\"\n      icon_size=\"medium\"\n      icon_position=\"right\"\n      inner_ref={inner_ref}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n  children?: React.ReactNode\n  number?: number\n  /**\n   * Define whether to show automatically counted numbers or not. Defaults to `false`.\n   */\n  hide_numbers?: boolean\n  status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({\n  children,\n  number,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  status,\n}: StepItemWrapperProps) {\n  return (\n    <span className=\"dnb-step-indicator__item-content\">\n      {!hide_numbers && (\n        <span\n          aria-hidden // because we provide the hidden aria-describedby\n          className=\"dnb-step-indicator__item-content__number\"\n        >\n          {number}.\n        </span>\n      )}\n      <span className=\"dnb-step-indicator__item-content__wrapper\">\n        <span className=\"dnb-step-indicator__item-content__text\">\n          {children}\n        </span>\n        {status && (\n          <span className=\"dnb-step-indicator__item-content__status\">\n            {status}\n          </span>\n        )}\n      </span>\n    </span>\n  )\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorList.d.ts

@@ -1,8 +1,6 @@
-export default class StepIndicatorList extends React.PureComponent<any, any, any> {
-    static contextType: typeof StepIndicatorContext;
-    constructor(props: any);
-    constructor(props: any, context: any);
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-import React from 'react';
-import StepIndicatorContext from './StepIndicatorContext';
+/**
+ * Web StepIndicator Component
+ *
+ */
+declare function StepIndicatorList(): import("react/jsx-runtime").JSX.Element;
+export default StepIndicatorList;

package/cjs/components/step-indicator/StepIndicatorList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
 var _SpacingHelper = require("../space/SpacingHelper");
@@ -13,58 +13,53 @@ var _StepIndicatorItem = _interopRequireDefault(require("./StepIndicatorItem"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
 const _excluded = ["mode", "filterAttributes", "skeleton", "data", "countSteps", "sidebar_id"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class StepIndicatorList extends _react.default.PureComponent {
-  render() {
-    const _this$context = this.context,
-      {
-        mode,
-        filterAttributes,
-        skeleton,
-        data,
-        countSteps,
-        sidebar_id
-      } = _this$context,
-      rest = _objectWithoutProperties(_this$context, _excluded);
-    const params = {
-      sidebar_id,
-      className: (0, _classnames.default)('dnb-step-indicator', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton), this.context.className, this.context.class, this.context.hasSidebar && (0, _SpacingHelper.createSpacingClasses)(this.context))
-    };
-    const listParams = {
-      className: 'dnb-step-indicator__list'
-    };
-    const Element = mode === 'static' || !this.context.hasSidebar || (0, _componentHelper.isTrue)(this.context.use_navigation) ? 'div' : 'nav';
-    const ariaLabelledbyValue = (0, _componentHelper.combineLabelledBy)(rest, params.sidebar_id);
-    if (Element === 'nav') {
-      params['aria-labelledby'] = ariaLabelledbyValue;
-    } else {
-      listParams['aria-labelledby'] = ariaLabelledbyValue;
-    }
-    Object.keys(params).forEach(key => {
-      if (filterAttributes.includes(key)) {
-        delete params[key];
-      }
-    });
-    (0, _SkeletonHelper.skeletonDOMAttributes)(params, skeleton);
-    (0, _componentHelper.validateDOMAttributes)(this.context, params);
-    return _react.default.createElement(Element, params, countSteps > 0 && _react.default.createElement("ol", listParams, data.map((itemData, i) => {
-      if (typeof itemData === 'string') {
-        itemData = {
-          title: itemData
-        };
-      }
-      return _react.default.createElement(_StepIndicatorItem.default, _extends({
-        key: i,
-        currentItemNum: i
-      }, itemData));
-    })));
+function StepIndicatorList() {
+  const context = (0, _react.useContext)(_StepIndicatorContext.default);
+  const {
+      mode,
+      filterAttributes,
+      skeleton,
+      data,
+      countSteps,
+      sidebar_id
+    } = context,
+    rest = _objectWithoutProperties(context, _excluded);
+  const params = {
+    sidebar_id,
+    className: (0, _classnames.default)('dnb-step-indicator', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton), context.className, context.hasSidebar && (0, _SpacingHelper.createSpacingClasses)(context))
+  };
+  const listParams = {
+    className: 'dnb-step-indicator__list'
+  };
+  const Element = mode === 'static' || !context.hasSidebar ? 'div' : 'nav';
+  const ariaLabelledbyValue = (0, _componentHelper.combineLabelledBy)(rest, params.sidebar_id);
+  if (Element === 'nav') {
+    params['aria-labelledby'] = ariaLabelledbyValue;
+  } else {
+    listParams['aria-labelledby'] = ariaLabelledbyValue;
   }
+  Object.keys(params).forEach(key => {
+    if (filterAttributes.includes(key)) {
+      delete params[key];
+    }
+  });
+  (0, _SkeletonHelper.skeletonDOMAttributes)(params, skeleton);
+  (0, _componentHelper.validateDOMAttributes)(context, params);
+  return _react.default.createElement(Element, params, countSteps > 0 && _react.default.createElement("ol", listParams, data.map((itemData, i) => {
+    const item = typeof itemData === 'string' ? {
+      title: itemData
+    } : itemData;
+    return _react.default.createElement(_StepIndicatorItem.default, _extends({
+      key: i,
+      currentItemNum: i
+    }, item));
+  })));
 }
-exports.default = StepIndicatorList;
-_defineProperty(StepIndicatorList, "contextType", _StepIndicatorContext.default);
+var _default = StepIndicatorList;
+exports.default = _default;
 //# sourceMappingURL=StepIndicatorList.js.map

package/cjs/components/step-indicator/StepIndicatorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorList.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_SpacingHelper","_SkeletonHelper","_StepIndicatorItem","_StepIndicatorContext","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StepIndicatorList","React","PureComponent","render","_this$context","context","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","params","className","classnames","createSkeletonClass","class","hasSidebar","createSpacingClasses","listParams","Element","isTrue","use_navigation","ariaLabelledbyValue","combineLabelledBy","forEach","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","map","itemData","title","currentItemNum","exports","StepIndicatorContext"],"sources":["../../../../src/components/step-indicator/StepIndicatorList.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  combineLabelledBy,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport StepIndicatorItem from './StepIndicatorItem'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nexport default class StepIndicatorList extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  render() {\n    const {\n      mode,\n      filterAttributes,\n      skeleton,\n      data,\n      countSteps,\n      sidebar_id,\n      ...rest\n    } = this.context\n\n    const params = {\n      sidebar_id,\n      className: classnames(\n        'dnb-step-indicator',\n        createSkeletonClass('font', skeleton),\n        this.context.hasSidebar && createSpacingClasses(this.context),\n        this.context.className,\n        this.context.class\n      ),\n    }\n\n    const listParams = {\n      className: 'dnb-step-indicator__list',\n    }\n\n    const Element =\n      mode === 'static' ||\n      !this.context.hasSidebar ||\n      isTrue(this.context.use_navigation)\n        ? 'div'\n        : 'nav'\n\n    const ariaLabelledbyValue = combineLabelledBy(rest, params.sidebar_id)\n\n    if (Element === 'nav') {\n      params['aria-labelledby'] = ariaLabelledbyValue\n    } else {\n      listParams['aria-labelledby'] = ariaLabelledbyValue\n    }\n\n    Object.keys(params).forEach((key) => {\n      if (filterAttributes.includes(key)) {\n        delete params[key]\n      }\n    })\n\n    skeletonDOMAttributes(params, skeleton)\n\n    validateDOMAttributes(this.context, params)\n\n    return (\n      <Element {...params}>\n        {countSteps > 0 && (\n          <ol {...listParams}>\n            {data.map((itemData, i) => {\n              if (typeof itemData === 'string') {\n                itemData = { title: itemData }\n              }\n\n              return (\n                <StepIndicatorItem\n                  key={i}\n                  currentItemNum={i}\n                  {...itemData}\n                />\n              )\n            })}\n          </ol>\n        )}\n      </Element>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorList.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_SkeletonHelper","_StepIndicatorItem","_StepIndicatorContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","StepIndicatorList","context","useContext","StepIndicatorContext","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","params","className","classnames","createSkeletonClass","hasSidebar","createSpacingClasses","listParams","Element","ariaLabelledbyValue","combineLabelledBy","forEach","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","map","itemData","item","title","currentItemNum","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorList.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  combineLabelledBy,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport StepIndicatorItem from './StepIndicatorItem'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nfunction StepIndicatorList() {\n  const context = useContext(StepIndicatorContext)\n\n  const {\n    mode,\n    filterAttributes,\n    skeleton,\n    data,\n    countSteps,\n    sidebar_id,\n    ...rest\n  } = context\n\n  const params = {\n    sidebar_id,\n    className: classnames(\n      'dnb-step-indicator',\n      createSkeletonClass('font', skeleton),\n      context.hasSidebar && createSpacingClasses(context),\n      context.className\n    ),\n  }\n\n  const listParams = {\n    className: 'dnb-step-indicator__list',\n  }\n\n  const Element = mode === 'static' || !context.hasSidebar ? 'div' : 'nav'\n\n  const ariaLabelledbyValue = combineLabelledBy(rest, params.sidebar_id)\n\n  if (Element === 'nav') {\n    params['aria-labelledby'] = ariaLabelledbyValue\n  } else {\n    listParams['aria-labelledby'] = ariaLabelledbyValue\n  }\n\n  Object.keys(params).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete params[key]\n    }\n  })\n\n  skeletonDOMAttributes(params, skeleton)\n\n  validateDOMAttributes(context, params)\n\n  return (\n    <Element {...params}>\n      {countSteps > 0 && (\n        <ol {...listParams}>\n          {data.map((itemData, i) => {\n            const item =\n              typeof itemData === 'string' ? { title: itemData } : itemData\n\n            return (\n              <StepIndicatorItem key={i} currentItemNum={i} {...item} />\n            )\n          })}\n        </ol>\n      )}\n    </Element>\n  )\n}\n\nexport default StepIndicatorList\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorModal.d.ts

@@ -1,14 +1,6 @@
-export default class StepIndicatorModal extends React.PureComponent<any, any, any> {
-    static contextType: typeof StepIndicatorContext;
-    constructor(props: any);
-    _triggerRef: React.RefObject<any>;
-    state: {
-        container: any;
-    };
-    closeHandler: (...args: any[]) => void;
-    componentDidMount(): void;
-    renderPortal(): import("react-dom/node_modules/@types/react").ReactPortal;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-import React from 'react';
-import StepIndicatorContext from './StepIndicatorContext';
+/**
+ * Web StepIndicator Component
+ *
+ */
+declare function StepIndicatorModal(): import("react/jsx-runtime").JSX.Element;
+export default StepIndicatorModal;

package/cjs/components/step-indicator/StepIndicatorModal.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _Drawer = _interopRequireDefault(require("../drawer/Drawer"));
 var _StepIndicatorTriggerButton = _interopRequireDefault(require("./StepIndicatorTriggerButton"));
@@ -12,62 +12,50 @@ var _StepIndicatorList3 = _interopRequireDefault(require("./StepIndicatorList"))
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
 var _StepIndicatorList, _StepIndicatorList2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class StepIndicatorModal extends _react.default.PureComponent {
-  constructor(props) {
-    var _this;
-    super(props);
-    _this = this;
-    _defineProperty(this, "closeHandler", function () {
-      if (_this.context.hasSidebar) {
-        var _this$_triggerRef$cur;
-        (_this$_triggerRef$cur = _this._triggerRef.current) === null || _this$_triggerRef$cur === void 0 ? void 0 : _this$_triggerRef$cur.focus();
-      }
-      _this.context.closeHandler(...arguments);
-    });
-    this._triggerRef = _react.default.createRef();
-    this.state = {
-      container: null
-    };
-  }
-  componentDidMount() {
-    const container = document.getElementById('sidebar__' + this.context.sidebar_id);
-    this.setState({
-      container
-    });
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function StepIndicatorModal() {
+  const context = (0, _react.useContext)(_StepIndicatorContext.default);
+  const [container, setContainer] = (0, _react.useState)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const container = document.getElementById('sidebar__' + context.sidebar_id);
+    setContainer(container);
+  }, []);
+  function closeHandler() {
+    if (context.hasSidebar) {
+      var _triggerRef$current;
+      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
+    }
+    context.closeHandler();
   }
-  renderPortal() {
-    if (!this.state.container) {
+  function renderPortal() {
+    if (!container) {
       return null;
     }
-    return _reactDom.default.createPortal(_StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList3.default, null)), this.state.container);
+    return _reactDom.default.createPortal(_StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList3.default, null)), container);
   }
-  render() {
-    if (this.context.sidebarIsVisible) {
-      return this.renderPortal();
-    }
-    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_StepIndicatorTriggerButton.default, {
-      on_click: this.context.openHandler,
-      inner_ref: this._triggerRef
-    }), _react.default.createElement(_Drawer.default, {
-      id: this.context.sidebar_id,
-      title: this.context.overview_title,
-      omitTriggerButton: true,
-      animation_direction: "bottom",
-      openState: this.context.openState,
-      onOpen: this.context.openHandler,
-      onClose: this.closeHandler
-    }, _react.default.createElement(_Drawer.default.Body, {
-      styleType: "white"
-    }, _react.default.createElement("div", {
-      className: "dnb-step-indicator-wrapper"
-    }, _react.default.createElement("p", {
-      className: "dnb-p dnb-step-indicator__label"
-    }, this.context.stepsLabelExtended), _StepIndicatorList2 || (_StepIndicatorList2 = _react.default.createElement(_StepIndicatorList3.default, null))))));
+  if (context.sidebarIsVisible) {
+    return renderPortal();
   }
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_StepIndicatorTriggerButton.default, {
+    on_click: context.openHandler,
+    inner_ref: triggerRef
+  }), _react.default.createElement(_Drawer.default, {
+    id: context.sidebar_id,
+    title: context.overview_title,
+    omitTriggerButton: true,
+    openState: context.openState,
+    onOpen: context.openHandler,
+    onClose: closeHandler
+  }, _react.default.createElement(_Drawer.default.Body, {
+    styleType: "white"
+  }, _react.default.createElement("div", {
+    className: "dnb-step-indicator-wrapper"
+  }, _react.default.createElement("p", {
+    className: "dnb-p dnb-step-indicator__label"
+  }, context.stepsLabelExtended), _StepIndicatorList2 || (_StepIndicatorList2 = _react.default.createElement(_StepIndicatorList3.default, null))))));
 }
-exports.default = StepIndicatorModal;
-_defineProperty(StepIndicatorModal, "contextType", _StepIndicatorContext.default);
+var _default = StepIndicatorModal;
+exports.default = _default;
 //# sourceMappingURL=StepIndicatorModal.js.map

package/cjs/components/step-indicator/StepIndicatorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorModal.js","names":["_react","_interopRequireDefault","require","_reactDom","_Drawer","_StepIndicatorTriggerButton","_StepIndicatorList3","_StepIndicatorContext","_StepIndicatorList","_StepIndicatorList2","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","StepIndicatorModal","React","PureComponent","constructor","props","_this","this","context","hasSidebar","_this$_triggerRef$cur","_triggerRef","current","focus","closeHandler","arguments","createRef","state","container","componentDidMount","document","getElementById","sidebar_id","setState","renderPortal","ReactDOM","createPortal","createElement","render","sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","animation_direction","openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","exports","StepIndicatorContext"],"sources":["../../../../src/components/step-indicator/StepIndicatorModal.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Drawer from '../drawer/Drawer'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nexport default class StepIndicatorModal extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  constructor(props) {\n    super(props)\n\n    this._triggerRef = React.createRef()\n\n    this.state = { container: null }\n  }\n\n  closeHandler = (...args) => {\n    if (this.context.hasSidebar) {\n      this._triggerRef.current?.focus()\n    }\n    this.context.closeHandler(...args)\n  }\n\n  componentDidMount() {\n    const container = document.getElementById(\n      'sidebar__' + this.context.sidebar_id\n    )\n\n    this.setState({\n      container,\n    })\n  }\n\n  renderPortal() {\n    if (!this.state.container) {\n      return null\n    }\n\n    return ReactDOM.createPortal(\n      <StepIndicatorList />,\n      this.state.container\n    )\n  }\n\n  render() {\n    if (this.context.sidebarIsVisible) {\n      return this.renderPortal()\n    }\n\n    return (\n      <>\n        <StepIndicatorTriggerButton\n          on_click={this.context.openHandler}\n          inner_ref={this._triggerRef}\n        />\n        <Drawer\n          id={this.context.sidebar_id}\n          title={this.context.overview_title}\n          omitTriggerButton\n          animation_direction=\"bottom\"\n          openState={this.context.openState}\n          onOpen={this.context.openHandler}\n          onClose={this.closeHandler}\n        >\n          <Drawer.Body styleType=\"white\">\n            <div className=\"dnb-step-indicator-wrapper\">\n              <p className=\"dnb-p dnb-step-indicator__label\">\n                {this.context.stepsLabelExtended}\n              </p>\n              <StepIndicatorList />\n            </div>\n          </Drawer.Body>\n        </Drawer>\n      </>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorModal.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_Drawer","_StepIndicatorTriggerButton","_StepIndicatorList3","_StepIndicatorContext","_StepIndicatorList","_StepIndicatorList2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StepIndicatorModal","context","useContext","StepIndicatorContext","container","setContainer","useState","triggerRef","useRef","useEffect","document","getElementById","sidebar_id","closeHandler","hasSidebar","_triggerRef$current","current","focus","renderPortal","ReactDOM","createPortal","createElement","sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorModal.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext, useEffect, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\nimport Drawer from '../drawer/Drawer'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nfunction StepIndicatorModal() {\n  const context = useContext(StepIndicatorContext)\n\n  const [container, setContainer] = useState(null)\n\n  const triggerRef = useRef(null)\n\n  useEffect(() => {\n    const container = document.getElementById(\n      'sidebar__' + context.sidebar_id\n    )\n\n    setContainer(container)\n  }, [])\n\n  function closeHandler() {\n    if (context.hasSidebar) {\n      triggerRef.current?.focus()\n    }\n    context.closeHandler()\n  }\n\n  function renderPortal() {\n    if (!container) {\n      return null\n    }\n\n    return ReactDOM.createPortal(<StepIndicatorList />, container)\n  }\n\n  if (context.sidebarIsVisible) {\n    return renderPortal()\n  }\n\n  return (\n    <>\n      <StepIndicatorTriggerButton\n        on_click={context.openHandler}\n        inner_ref={triggerRef}\n      />\n      <Drawer\n        id={context.sidebar_id}\n        title={context.overview_title}\n        omitTriggerButton\n        openState={context.openState}\n        onOpen={context.openHandler}\n        onClose={closeHandler}\n      >\n        <Drawer.Body styleType=\"white\">\n          <div className=\"dnb-step-indicator-wrapper\">\n            <p className=\"dnb-p dnb-step-indicator__label\">\n              {context.stepsLabelExtended}\n            </p>\n            <StepIndicatorList />\n          </div>\n        </Drawer.Body>\n      </Drawer>\n    </>\n  )\n}\n\nexport default StepIndicatorModal\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorProps.d.ts

@@ -1,55 +1,2 @@
-export const stepIndicatorPropTypes: {
-    class: PropTypes.Requireable<string>;
-    className: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-    on_change: PropTypes.Requireable<(...args: any[]) => any>;
-    on_click: PropTypes.Requireable<(...args: any[]) => any>;
-    space: PropTypes.Requireable<NonNullable<string | number | boolean | PropTypes.InferProps<{
-        top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-        right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-        bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-        left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    }>>>;
-    top: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    right: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    bottom: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    left: PropTypes.Requireable<NonNullable<string | number | boolean>>;
-    mode: PropTypes.Requireable<string>;
-    data: PropTypes.Requireable<NonNullable<string | string[] | PropTypes.InferProps<{
-        title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        is_current: PropTypes.Requireable<boolean>;
-        inactive: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        status: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        status_state: PropTypes.Requireable<string>;
-        on_click: PropTypes.Requireable<(...args: any[]) => any>;
-        on_render: PropTypes.Requireable<(...args: any[]) => any>;
-    }>[]>>;
-    overview_title: PropTypes.Requireable<string>;
-    step_title_extended: PropTypes.Requireable<string>;
-    step_title: PropTypes.Requireable<string>;
-    current_step: PropTypes.Requireable<NonNullable<string | number>>;
-    hide_numbers: PropTypes.Requireable<NonNullable<string | boolean>>;
-    on_item_render: PropTypes.Requireable<(...args: any[]) => any>;
-    no_animation: PropTypes.Requireable<NonNullable<string | boolean>>;
-    skeleton: PropTypes.Requireable<NonNullable<string | boolean>>;
-};
-export namespace stepIndicatorDefaultProps {
-    export const mode: any;
-    export const data: any[];
-    export const overview_title: any;
-    export const step_title_extended: any;
-    export const step_title: any;
-    export const current_step: any;
-    export const hide_numbers: boolean;
-    export const on_item_render: any;
-    export const no_animation: any;
-    export const skeleton: boolean;
-    const _class: any;
-    export { _class as class };
-    export const className: any;
-    export const children: any;
-    export const on_change: any;
-    export const on_click: any;
-}
-import PropTypes from 'prop-types';
+import { StepIndicatorProps } from './StepIndicator';
+export declare const stepIndicatorDefaultProps: Omit<StepIndicatorProps, 'sidebar_id' | 'mode'>;