@dnb/eufemia 10.7.0 → 10.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorItem.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","dispatchCustomElementEvent","HeightAnimationInstance","Button","Icon","WarnIcon","InfoIcon","ErrorIcon","StepIndicatorContext","StepIndicatorItem","PureComponent","constructor","props","context","_defineProperty","event","item","currentItemNum","params","current_step","currentStep","onClickItem","onClickGlobal","activeStep","setActiveStep","onChangeState","_heightAnim","animate","no_animation","_ref","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","_objectWithoutProperties","_excluded","Object","keys","forEach","key","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","ariaLabel","replace","isCurrent","isNaN","parseFloat","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","onClickHandler","type","undefined","_extends","className","StepItemButton","inner_ref","process","env","NODE_ENV","propTypes","string","oneOfType","node","isRequired","bool","func","oneOf","children","_excluded2","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","object","defaultProps"],"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","useContext","useEffect","useLayoutEffect","useRef","useState","classnames","makeUniqueId","dispatchCustomElementEvent","HeightAnimationInstance","Button","Icon","WarnIcon","InfoIcon","ErrorIcon","StepIndicatorContext","stepIndicatorDefaultProps","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","previousStep","setPreviousStep","activeStep","heightAnim","animate","no_animation","undefined","current","ref","thisReference","onClickHandler","setElement","remove","height","getHeight","currentItemNum","toHeight","getUnknownHeight","adjustTo","event","item","params","current_step","currentStep","onClickItem","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","_excluded2","Object","keys","forEach","key","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","ariaLabel","replace","String","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","type","_extends","className","StepItemButton","inner_ref","_ref2","children","_excluded3","icons","info","error","warn","size","inherit_color","wrap","stretch","variant","icon_size","icon_position"],"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/es/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/es/components/step-indicator/StepIndicatorList.js

@@ -1,59 +1,54 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["mode", "filterAttributes", "skeleton", "data", "countSteps", "sidebar_id"];
-import React from 'react';
+import React, { useContext } from 'react';
 import classnames from 'classnames';
-import { isTrue, combineLabelledBy, validateDOMAttributes } from '../../shared/component-helper';
+import { combineLabelledBy, validateDOMAttributes } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import { skeletonDOMAttributes, createSkeletonClass } from '../skeleton/SkeletonHelper';
 import StepIndicatorItem from './StepIndicatorItem';
 import StepIndicatorContext from './StepIndicatorContext';
-export default class StepIndicatorList extends React.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: classnames('dnb-step-indicator', createSkeletonClass('font', skeleton), this.context.className, this.context.class, this.context.hasSidebar && createSpacingClasses(this.context))
-    };
-    const listParams = {
-      className: 'dnb-step-indicator__list'
-    };
-    const Element = mode === 'static' || !this.context.hasSidebar || isTrue(this.context.use_navigation) ? 'div' : 'nav';
-    const ariaLabelledbyValue = 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];
-      }
-    });
-    skeletonDOMAttributes(params, skeleton);
-    validateDOMAttributes(this.context, params);
-    return React.createElement(Element, params, countSteps > 0 && React.createElement("ol", listParams, data.map((itemData, i) => {
-      if (typeof itemData === 'string') {
-        itemData = {
-          title: itemData
-        };
-      }
-      return React.createElement(StepIndicatorItem, _extends({
-        key: i,
-        currentItemNum: i
-      }, itemData));
-    })));
+function StepIndicatorList() {
+  const context = useContext(StepIndicatorContext);
+  const {
+      mode,
+      filterAttributes,
+      skeleton,
+      data,
+      countSteps,
+      sidebar_id
+    } = context,
+    rest = _objectWithoutProperties(context, _excluded);
+  const params = {
+    sidebar_id,
+    className: classnames('dnb-step-indicator', createSkeletonClass('font', skeleton), context.className, context.hasSidebar && createSpacingClasses(context))
+  };
+  const listParams = {
+    className: 'dnb-step-indicator__list'
+  };
+  const Element = mode === 'static' || !context.hasSidebar ? 'div' : 'nav';
+  const ariaLabelledbyValue = 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];
+    }
+  });
+  skeletonDOMAttributes(params, skeleton);
+  validateDOMAttributes(context, params);
+  return React.createElement(Element, params, countSteps > 0 && React.createElement("ol", listParams, data.map((itemData, i) => {
+    const item = typeof itemData === 'string' ? {
+      title: itemData
+    } : itemData;
+    return React.createElement(StepIndicatorItem, _extends({
+      key: i,
+      currentItemNum: i
+    }, item));
+  })));
 }
-_defineProperty(StepIndicatorList, "contextType", StepIndicatorContext);
+export default StepIndicatorList;
 //# sourceMappingURL=StepIndicatorList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorList.js","names":["React","classnames","isTrue","combineLabelledBy","validateDOMAttributes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","StepIndicatorItem","StepIndicatorContext","StepIndicatorList","PureComponent","render","_this$context","context","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","_objectWithoutProperties","_excluded","params","className","class","hasSidebar","listParams","Element","use_navigation","ariaLabelledbyValue","Object","keys","forEach","key","includes","createElement","map","itemData","i","title","_extends","currentItemNum","_defineProperty"],"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":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,iBAAiB,EACjBC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AACnC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,eAAe,MAAMC,iBAAiB,SAASV,KAAK,CAACW,aAAa,CAAC;EAGjEC,MAAMA,CAAA,EAAG;IACP,MAAAC,aAAA,GAQI,IAAI,CAACC,OAAO;MARV;QACJC,IAAI;QACJC,gBAAgB;QAChBC,QAAQ;QACRC,IAAI;QACJC,UAAU;QACVC;MAEF,CAAC,GAAAP,aAAA;MADIQ,IAAI,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;IAGT,MAAMC,MAAM,GAAG;MACbJ,UAAU;MACVK,SAAS,EAAExB,UAAU,CACnB,oBAAoB,EACpBM,mBAAmB,CAAC,MAAM,EAAEU,QAAQ,CAAC,EAErC,IAAI,CAACH,OAAO,CAACW,SAAS,EACtB,IAAI,CAACX,OAAO,CAACY,KAAK,EAFlB,IAAI,CAACZ,OAAO,CAACa,UAAU,IAAItB,oBAAoB,CAAC,IAAI,CAACS,OAAO,CAG9D;IACF,CAAC;IAED,MAAMc,UAAU,GAAG;MACjBH,SAAS,EAAE;IACb,CAAC;IAED,MAAMI,OAAO,GACXd,IAAI,KAAK,QAAQ,IACjB,CAAC,IAAI,CAACD,OAAO,CAACa,UAAU,IACxBzB,MAAM,CAAC,IAAI,CAACY,OAAO,CAACgB,cAAc,CAAC,GAC/B,KAAK,GACL,KAAK;IAEX,MAAMC,mBAAmB,GAAG5B,iBAAiB,CAACkB,IAAI,EAAEG,MAAM,CAACJ,UAAU,CAAC;IAEtE,IAAIS,OAAO,KAAK,KAAK,EAAE;MACrBL,MAAM,CAAC,iBAAiB,CAAC,GAAGO,mBAAmB;IACjD,CAAC,MAAM;MACLH,UAAU,CAAC,iBAAiB,CAAC,GAAGG,mBAAmB;IACrD;IAEAC,MAAM,CAACC,IAAI,CAACT,MAAM,CAAC,CAACU,OAAO,CAAEC,GAAG,IAAK;MACnC,IAAInB,gBAAgB,CAACoB,QAAQ,CAACD,GAAG,CAAC,EAAE;QAClC,OAAOX,MAAM,CAACW,GAAG,CAAC;MACpB;IACF,CAAC,CAAC;IAEF7B,qBAAqB,CAACkB,MAAM,EAAEP,QAAQ,CAAC;IAEvCb,qBAAqB,CAAC,IAAI,CAACU,OAAO,EAAEU,MAAM,CAAC;IAE3C,OACExB,KAAA,CAAAqC,aAAA,CAACR,OAAO,EAAKL,MAAM,EAChBL,UAAU,GAAG,CAAC,IACbnB,KAAA,CAAAqC,aAAA,OAAQT,UAAU,EACfV,IAAI,CAACoB,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;MACzB,IAAI,OAAOD,QAAQ,KAAK,QAAQ,EAAE;QAChCA,QAAQ,GAAG;UAAEE,KAAK,EAAEF;QAAS,CAAC;MAChC;MAEA,OACEvC,KAAA,CAAAqC,aAAA,CAAC7B,iBAAiB,EAAAkC,QAAA;QAChBP,GAAG,EAAEK,CAAE;QACPG,cAAc,EAAEH;MAAE,GACdD,QAAQ,CACb,CAAC;IAEN,CAAC,CACC,CAEC,CAAC;EAEd;AACF;AAACK,eAAA,CA5EoBlC,iBAAiB,iBACfD,oBAAoB"}
+{"version":3,"file":"StepIndicatorList.js","names":["React","useContext","classnames","combineLabelledBy","validateDOMAttributes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","StepIndicatorItem","StepIndicatorContext","StepIndicatorList","context","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","_objectWithoutProperties","_excluded","params","className","hasSidebar","listParams","Element","ariaLabelledbyValue","Object","keys","forEach","key","includes","createElement","map","itemData","i","item","title","_extends","currentItemNum"],"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":";;;AAKA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,iBAAiB,EACjBC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AACnC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,MAAMC,OAAO,GAAGV,UAAU,CAACQ,oBAAoB,CAAC;EAEhD,MAAM;MACJG,IAAI;MACJC,gBAAgB;MAChBC,QAAQ;MACRC,IAAI;MACJC,UAAU;MACVC;IAEF,CAAC,GAAGN,OAAO;IADNO,IAAI,GAAAC,wBAAA,CACLR,OAAO,EAAAS,SAAA;EAEX,MAAMC,MAAM,GAAG;IACbJ,UAAU;IACVK,SAAS,EAAEpB,UAAU,CACnB,oBAAoB,EACpBK,mBAAmB,CAAC,MAAM,EAAEO,QAAQ,CAAC,EAErCH,OAAO,CAACW,SAAS,EADjBX,OAAO,CAACY,UAAU,IAAIlB,oBAAoB,CAACM,OAAO,CAEpD;EACF,CAAC;EAED,MAAMa,UAAU,GAAG;IACjBF,SAAS,EAAE;EACb,CAAC;EAED,MAAMG,OAAO,GAAGb,IAAI,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACY,UAAU,GAAG,KAAK,GAAG,KAAK;EAExE,MAAMG,mBAAmB,GAAGvB,iBAAiB,CAACe,IAAI,EAAEG,MAAM,CAACJ,UAAU,CAAC;EAEtE,IAAIQ,OAAO,KAAK,KAAK,EAAE;IACrBJ,MAAM,CAAC,iBAAiB,CAAC,GAAGK,mBAAmB;EACjD,CAAC,MAAM;IACLF,UAAU,CAAC,iBAAiB,CAAC,GAAGE,mBAAmB;EACrD;EAEAC,MAAM,CAACC,IAAI,CAACP,MAAM,CAAC,CAACQ,OAAO,CAAEC,GAAG,IAAK;IACnC,IAAIjB,gBAAgB,CAACkB,QAAQ,CAACD,GAAG,CAAC,EAAE;MAClC,OAAOT,MAAM,CAACS,GAAG,CAAC;IACpB;EACF,CAAC,CAAC;EAEFxB,qBAAqB,CAACe,MAAM,EAAEP,QAAQ,CAAC;EAEvCV,qBAAqB,CAACO,OAAO,EAAEU,MAAM,CAAC;EAEtC,OACErB,KAAA,CAAAgC,aAAA,CAACP,OAAO,EAAKJ,MAAM,EAChBL,UAAU,GAAG,CAAC,IACbhB,KAAA,CAAAgC,aAAA,OAAQR,UAAU,EACfT,IAAI,CAACkB,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;IACzB,MAAMC,IAAI,GACR,OAAOF,QAAQ,KAAK,QAAQ,GAAG;MAAEG,KAAK,EAAEH;IAAS,CAAC,GAAGA,QAAQ;IAE/D,OACElC,KAAA,CAAAgC,aAAA,CAACxB,iBAAiB,EAAA8B,QAAA;MAACR,GAAG,EAAEK,CAAE;MAACI,cAAc,EAAEJ;IAAE,GAAKC,IAAI,CAAG,CAAC;EAE9D,CAAC,CACC,CAEC,CAAC;AAEd;AAEA,eAAe1B,iBAAiB"}

package/es/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/es/components/step-indicator/StepIndicatorModal.js

@@ -1,61 +1,51 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _StepIndicatorList, _StepIndicatorList2;
-import React from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import Drawer from '../drawer/Drawer';
 import StepIndicatorTriggerButton from './StepIndicatorTriggerButton';
 import StepIndicatorList from './StepIndicatorList';
 import StepIndicatorContext from './StepIndicatorContext';
-export default class StepIndicatorModal extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "closeHandler", (...args) => {
-      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(...args);
-    });
-    this._triggerRef = React.createRef();
-    this.state = {
-      container: null
-    };
-  }
-  componentDidMount() {
-    const container = document.getElementById('sidebar__' + this.context.sidebar_id);
-    this.setState({
-      container
-    });
+function StepIndicatorModal() {
+  const context = useContext(StepIndicatorContext);
+  const [container, setContainer] = useState(null);
+  const triggerRef = useRef(null);
+  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.createPortal(_StepIndicatorList || (_StepIndicatorList = React.createElement(StepIndicatorList, null)), this.state.container);
+    return ReactDOM.createPortal(_StepIndicatorList || (_StepIndicatorList = React.createElement(StepIndicatorList, null)), container);
   }
-  render() {
-    if (this.context.sidebarIsVisible) {
-      return this.renderPortal();
-    }
-    return React.createElement(React.Fragment, null, React.createElement(StepIndicatorTriggerButton, {
-      on_click: this.context.openHandler,
-      inner_ref: this._triggerRef
-    }), React.createElement(Drawer, {
-      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.createElement(Drawer.Body, {
-      styleType: "white"
-    }, React.createElement("div", {
-      className: "dnb-step-indicator-wrapper"
-    }, React.createElement("p", {
-      className: "dnb-p dnb-step-indicator__label"
-    }, this.context.stepsLabelExtended), _StepIndicatorList2 || (_StepIndicatorList2 = React.createElement(StepIndicatorList, null))))));
+  if (context.sidebarIsVisible) {
+    return renderPortal();
   }
+  return React.createElement(React.Fragment, null, React.createElement(StepIndicatorTriggerButton, {
+    on_click: context.openHandler,
+    inner_ref: triggerRef
+  }), React.createElement(Drawer, {
+    id: context.sidebar_id,
+    title: context.overview_title,
+    omitTriggerButton: true,
+    openState: context.openState,
+    onOpen: context.openHandler,
+    onClose: closeHandler
+  }, React.createElement(Drawer.Body, {
+    styleType: "white"
+  }, React.createElement("div", {
+    className: "dnb-step-indicator-wrapper"
+  }, React.createElement("p", {
+    className: "dnb-p dnb-step-indicator__label"
+  }, context.stepsLabelExtended), _StepIndicatorList2 || (_StepIndicatorList2 = React.createElement(StepIndicatorList, null))))));
 }
-_defineProperty(StepIndicatorModal, "contextType", StepIndicatorContext);
+export default StepIndicatorModal;
 //# sourceMappingURL=StepIndicatorModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorModal.js","names":["React","ReactDOM","Drawer","StepIndicatorTriggerButton","StepIndicatorList","StepIndicatorContext","StepIndicatorModal","PureComponent","constructor","props","_defineProperty","args","context","hasSidebar","_this$_triggerRef$cur","_triggerRef","current","focus","closeHandler","createRef","state","container","componentDidMount","document","getElementById","sidebar_id","setState","renderPortal","createPortal","_StepIndicatorList","createElement","render","sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","animation_direction","openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","_StepIndicatorList2"],"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":";;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,0BAA0B,MAAM,8BAA8B;AACrE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,eAAe,MAAMC,kBAAkB,SAASN,KAAK,CAACO,aAAa,CAAC;EAGlEC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAAC,eAAA,uBAOC,CAAC,GAAGC,IAAI,KAAK;MAC1B,IAAI,IAAI,CAACC,OAAO,CAACC,UAAU,EAAE;QAAA,IAAAC,qBAAA;QAC3B,CAAAA,qBAAA,OAAI,CAACC,WAAW,CAACC,OAAO,cAAAF,qBAAA,uBAAxBA,qBAAA,CAA0BG,KAAK,CAAC,CAAC;MACnC;MACA,IAAI,CAACL,OAAO,CAACM,YAAY,CAAC,GAAGP,IAAI,CAAC;IACpC,CAAC;IAVC,IAAI,CAACI,WAAW,GAAGf,KAAK,CAACmB,SAAS,CAAC,CAAC;IAEpC,IAAI,CAACC,KAAK,GAAG;MAAEC,SAAS,EAAE;IAAK,CAAC;EAClC;EASAC,iBAAiBA,CAAA,EAAG;IAClB,MAAMD,SAAS,GAAGE,QAAQ,CAACC,cAAc,CACvC,WAAW,GAAG,IAAI,CAACZ,OAAO,CAACa,UAC7B,CAAC;IAED,IAAI,CAACC,QAAQ,CAAC;MACZL;IACF,CAAC,CAAC;EACJ;EAEAM,YAAYA,CAAA,EAAG;IACb,IAAI,CAAC,IAAI,CAACP,KAAK,CAACC,SAAS,EAAE;MACzB,OAAO,IAAI;IACb;IAEA,OAAOpB,QAAQ,CAAC2B,YAAY,CAAAC,kBAAA,KAAAA,kBAAA,GAC1B7B,KAAA,CAAA8B,aAAA,CAAC1B,iBAAiB,MAAE,CAAC,GACrB,IAAI,CAACgB,KAAK,CAACC,SACb,CAAC;EACH;EAEAU,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACnB,OAAO,CAACoB,gBAAgB,EAAE;MACjC,OAAO,IAAI,CAACL,YAAY,CAAC,CAAC;IAC5B;IAEA,OACE3B,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAAiC,QAAA,QACEjC,KAAA,CAAA8B,aAAA,CAAC3B,0BAA0B;MACzB+B,QAAQ,EAAE,IAAI,CAACtB,OAAO,CAACuB,WAAY;MACnCC,SAAS,EAAE,IAAI,CAACrB;IAAY,CAC7B,CAAC,EACFf,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;MACLmC,EAAE,EAAE,IAAI,CAACzB,OAAO,CAACa,UAAW;MAC5Ba,KAAK,EAAE,IAAI,CAAC1B,OAAO,CAAC2B,cAAe;MACnCC,iBAAiB;MACjBC,mBAAmB,EAAC,QAAQ;MAC5BC,SAAS,EAAE,IAAI,CAAC9B,OAAO,CAAC8B,SAAU;MAClCC,MAAM,EAAE,IAAI,CAAC/B,OAAO,CAACuB,WAAY;MACjCS,OAAO,EAAE,IAAI,CAAC1B;IAAa,GAE3BlB,KAAA,CAAA8B,aAAA,CAAC5B,MAAM,CAAC2C,IAAI;MAACC,SAAS,EAAC;IAAO,GAC5B9C,KAAA,CAAA8B,aAAA;MAAKiB,SAAS,EAAC;IAA4B,GACzC/C,KAAA,CAAA8B,aAAA;MAAGiB,SAAS,EAAC;IAAiC,GAC3C,IAAI,CAACnC,OAAO,CAACoC,kBACb,CAAC,EAAAC,mBAAA,KAAAA,mBAAA,GACJjD,KAAA,CAAA8B,aAAA,CAAC1B,iBAAiB,MAAE,CAAC,CAClB,CACM,CACP,CACR,CAAC;EAEP;AACF;AAACM,eAAA,CAvEoBJ,kBAAkB,iBAChBD,oBAAoB"}
+{"version":3,"file":"StepIndicatorModal.js","names":["React","useContext","useEffect","useRef","useState","ReactDOM","Drawer","StepIndicatorTriggerButton","StepIndicatorList","StepIndicatorContext","StepIndicatorModal","context","container","setContainer","triggerRef","document","getElementById","sidebar_id","closeHandler","hasSidebar","_triggerRef$current","current","focus","renderPortal","createPortal","_StepIndicatorList","createElement","sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","_StepIndicatorList2"],"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":";AAKA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACtE,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,0BAA0B,MAAM,8BAA8B;AACrE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,SAASC,kBAAkBA,CAAA,EAAG;EAC5B,MAAMC,OAAO,GAAGV,UAAU,CAACQ,oBAAoB,CAAC;EAEhD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAC,IAAI,CAAC;EAEhD,MAAMU,UAAU,GAAGX,MAAM,CAAC,IAAI,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd,MAAMU,SAAS,GAAGG,QAAQ,CAACC,cAAc,CACvC,WAAW,GAAGL,OAAO,CAACM,UACxB,CAAC;IAEDJ,YAAY,CAACD,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,SAASM,YAAYA,CAAA,EAAG;IACtB,IAAIP,OAAO,CAACQ,UAAU,EAAE;MAAA,IAAAC,mBAAA;MACtB,CAAAA,mBAAA,GAAAN,UAAU,CAACO,OAAO,cAAAD,mBAAA,uBAAlBA,mBAAA,CAAoBE,KAAK,CAAC,CAAC;IAC7B;IACAX,OAAO,CAACO,YAAY,CAAC,CAAC;EACxB;EAEA,SAASK,YAAYA,CAAA,EAAG;IACtB,IAAI,CAACX,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,OAAOP,QAAQ,CAACmB,YAAY,CAAAC,kBAAA,KAAAA,kBAAA,GAACzB,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB,MAAE,CAAC,GAAEI,SAAS,CAAC;EAChE;EAEA,IAAID,OAAO,CAACgB,gBAAgB,EAAE;IAC5B,OAAOJ,YAAY,CAAC,CAAC;EACvB;EAEA,OACEvB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA4B,QAAA,QACE5B,KAAA,CAAA0B,aAAA,CAACnB,0BAA0B;IACzBsB,QAAQ,EAAElB,OAAO,CAACmB,WAAY;IAC9BC,SAAS,EAAEjB;EAAW,CACvB,CAAC,EACFd,KAAA,CAAA0B,aAAA,CAACpB,MAAM;IACL0B,EAAE,EAAErB,OAAO,CAACM,UAAW;IACvBgB,KAAK,EAAEtB,OAAO,CAACuB,cAAe;IAC9BC,iBAAiB;IACjBC,SAAS,EAAEzB,OAAO,CAACyB,SAAU;IAC7BC,MAAM,EAAE1B,OAAO,CAACmB,WAAY;IAC5BQ,OAAO,EAAEpB;EAAa,GAEtBlB,KAAA,CAAA0B,aAAA,CAACpB,MAAM,CAACiC,IAAI;IAACC,SAAS,EAAC;EAAO,GAC5BxC,KAAA,CAAA0B,aAAA;IAAKe,SAAS,EAAC;EAA4B,GACzCzC,KAAA,CAAA0B,aAAA;IAAGe,SAAS,EAAC;EAAiC,GAC3C9B,OAAO,CAAC+B,kBACR,CAAC,EAAAC,mBAAA,KAAAA,mBAAA,GACJ3C,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB,MAAE,CAAC,CAClB,CACM,CACP,CACR,CAAC;AAEP;AAEA,eAAeE,kBAAkB"}

package/es/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'>;

package/es/components/step-indicator/StepIndicatorProps.js

@@ -1,50 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import PropTypes from 'prop-types';
-import { spacingPropTypes } from '../space/SpacingHelper';
-export const stepIndicatorPropTypes = _objectSpread(_objectSpread({
-  mode: PropTypes.oneOf(['static', 'strict', 'loose']),
-  data: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-    is_current: PropTypes.bool,
-    inactive: PropTypes.bool,
-    disabled: PropTypes.bool,
-    status: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    status_state: PropTypes.oneOf(['warn', 'info', 'error']),
-    on_click: PropTypes.func,
-    on_render: PropTypes.func
-  }))]),
-  overview_title: PropTypes.string,
-  step_title_extended: PropTypes.string,
-  step_title: PropTypes.string,
-  current_step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  hide_numbers: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  on_item_render: PropTypes.func,
-  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-}, spacingPropTypes), {}, {
-  class: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  on_change: PropTypes.func,
-  on_click: PropTypes.func
-});
 export const stepIndicatorDefaultProps = {
-  mode: null,
   data: [],
-  overview_title: null,
-  step_title_extended: null,
-  step_title: null,
-  current_step: null,
-  hide_numbers: false,
-  on_item_render: null,
-  no_animation: null,
   skeleton: false,
-  class: null,
-  className: null,
-  children: null,
-  on_change: null,
-  on_click: null
+  current_step: 0,
+  hide_numbers: false,
+  no_animation: false
 };
 //# sourceMappingURL=StepIndicatorProps.js.map

package/es/components/step-indicator/StepIndicatorProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorProps.js","names":["PropTypes","spacingPropTypes","stepIndicatorPropTypes","_objectSpread","mode","oneOf","data","oneOfType","string","arrayOf","shape","title","node","isRequired","is_current","bool","inactive","disabled","status","status_state","on_click","func","on_render","overview_title","step_title_extended","step_title","current_step","number","hide_numbers","on_item_render","no_animation","skeleton","class","className","children","on_change","stepIndicatorDefaultProps"],"sources":["../../../../src/components/step-indicator/StepIndicatorProps.js"],"sourcesContent":["import PropTypes from 'prop-types'\nimport { spacingPropTypes } from '../space/SpacingHelper'\n\nexport const stepIndicatorPropTypes = {\n  mode: PropTypes.oneOf(['static', 'strict', 'loose']),\n  data: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])\n          .isRequired,\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        on_click: PropTypes.func,\n        on_render: PropTypes.func,\n      })\n    ),\n  ]),\n  overview_title: PropTypes.string,\n  step_title_extended: PropTypes.string,\n  step_title: PropTypes.string,\n  current_step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  hide_numbers: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  on_item_render: PropTypes.func,\n  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n  ...spacingPropTypes,\n\n  class: PropTypes.string,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_click: PropTypes.func,\n}\n\nexport const stepIndicatorDefaultProps = {\n  mode: null,\n  data: [],\n  overview_title: null,\n  step_title_extended: null,\n  step_title: null,\n  current_step: null,\n  hide_numbers: false,\n  on_item_render: null,\n  no_animation: null,\n  skeleton: false,\n  class: null,\n\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_click: null,\n}\n"],"mappings":";;;AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAsB,GAAAC,aAAA,CAAAA,aAAA;EACjCC,IAAI,EAAEJ,SAAS,CAACK,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACpDC,IAAI,EAAEN,SAAS,CAACO,SAAS,CAAC,CACxBP,SAAS,CAACQ,MAAM,EAChBR,SAAS,CAACS,OAAO,CAACT,SAAS,CAACQ,MAAM,CAAC,EACnCR,SAAS,CAACS,OAAO,CACfT,SAAS,CAACU,KAAK,CAAC;IACdC,KAAK,EAAEX,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACY,IAAI,CAAC,CAAC,CAC3DC,UAAU;IACbC,UAAU,EAAEd,SAAS,CAACe,IAAI;IAC1BC,QAAQ,EAAEhB,SAAS,CAACe,IAAI;IACxBE,QAAQ,EAAEjB,SAAS,CAACe,IAAI;IACxBG,MAAM,EAAElB,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACY,IAAI,CAAC,CAAC;IAC/DO,YAAY,EAAEnB,SAAS,CAACK,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAExDe,QAAQ,EAAEpB,SAAS,CAACqB,IAAI;IACxBC,SAAS,EAAEtB,SAAS,CAACqB;EACvB,CAAC,CACH,CAAC,CACF,CAAC;EACFE,cAAc,EAAEvB,SAAS,CAACQ,MAAM;EAChCgB,mBAAmB,EAAExB,SAAS,CAACQ,MAAM;EACrCiB,UAAU,EAAEzB,SAAS,CAACQ,MAAM;EAC5BkB,YAAY,EAAE1B,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAAC2B,MAAM,CAAC,CAAC;EAEvEC,YAAY,EAAE5B,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACe,IAAI,CAAC,CAAC;EACrEc,cAAc,EAAE7B,SAAS,CAACqB,IAAI;EAC9BS,YAAY,EAAE9B,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACe,IAAI,CAAC,CAAC;EACrEgB,QAAQ,EAAE/B,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,MAAM,EAAER,SAAS,CAACe,IAAI,CAAC;AAAC,GAE9Dd,gBAAgB;EAEnB+B,KAAK,EAAEhC,SAAS,CAACQ,MAAM;EACvByB,SAAS,EAAEjC,SAAS,CAACQ,MAAM;EAC3B0B,QAAQ,EAAElC,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACY,IAAI,EAAEZ,SAAS,CAACqB,IAAI,CAAC,CAAC;EAE/Dc,SAAS,EAAEnC,SAAS,CAACqB,IAAI;EACzBD,QAAQ,EAAEpB,SAAS,CAACqB;AAAI,EACzB;AAED,OAAO,MAAMe,yBAAyB,GAAG;EACvChC,IAAI,EAAE,IAAI;EACVE,IAAI,EAAE,EAAE;EACRiB,cAAc,EAAE,IAAI;EACpBC,mBAAmB,EAAE,IAAI;EACzBC,UAAU,EAAE,IAAI;EAChBC,YAAY,EAAE,IAAI;EAClBE,YAAY,EAAE,KAAK;EACnBC,cAAc,EAAE,IAAI;EACpBC,YAAY,EAAE,IAAI;EAClBC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,IAAI;EAEXC,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE,IAAI;EAEdC,SAAS,EAAE,IAAI;EACff,QAAQ,EAAE;AACZ,CAAC"}
+{"version":3,"file":"StepIndicatorProps.js","names":["stepIndicatorDefaultProps","data","skeleton","current_step","hide_numbers","no_animation"],"sources":["../../../../src/components/step-indicator/StepIndicatorProps.ts"],"sourcesContent":["import { StepIndicatorData, StepIndicatorProps } from './StepIndicator'\n\nexport const stepIndicatorDefaultProps: Omit<\n  StepIndicatorProps,\n  'sidebar_id' | 'mode'\n> = {\n  data: [] as StepIndicatorData,\n  skeleton: false,\n  current_step: 0,\n  hide_numbers: false,\n  no_animation: false,\n}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAGZ,GAAG;EACFC,IAAI,EAAE,EAAuB;EAC7BC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE,KAAK;EACnBC,YAAY,EAAE;AAChB,CAAC"}

package/es/components/step-indicator/StepIndicatorSidebar.d.ts

@@ -1,21 +1,27 @@
-import * as React from 'react';
-import type { SpacingProps } from '../../shared/types';
-import type { StepIndicatorProps } from './StepIndicator';
-export interface StepIndicatorSidebarProps
-  extends SpacingProps,
-    Pick<StepIndicatorProps, 'mode' | 'current_step' | 'data'>,
-    Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> {
-  internalId?: string;
-  showInitialData?: boolean;
-  /**
-   * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.
-   */
-  sidebar_id: string;
-}
-export default class StepIndicatorSidebar extends React.Component<
-  StepIndicatorSidebarProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+/**
+ * Web StepIndicator Component
+ *
+ */
+import React from 'react';
+import { SpacingProps } from '../../shared/types';
+import { StepIndicatorData, StepIndicatorMode, StepIndicatorProps } from '../StepIndicator';
+export type StepIndicatorSidebarProps = SpacingProps & Pick<StepIndicatorProps, 'current_step' | 'skeleton'> & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & {
+    /**
+     * Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.
+     */
+    data?: StepIndicatorData;
+    /**
+     * Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.
+     */
+    mode?: StepIndicatorMode;
+    /**
+     * Stuff
+     */
+    showInitialData?: boolean;
+    /**
+     * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.
+     */
+    sidebar_id: string;
+};
+declare function StepIndicatorSidebar({ current_step, data, ...restOfProps }: StepIndicatorSidebarProps): import("react/jsx-runtime").JSX.Element;
+export default StepIndicatorSidebar;