@dnb/eufemia 10.71.1 → 10.72.0

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

@@ -3,7 +3,7 @@
  *
  */
 import React from 'react';
-import { ButtonProps } from '../button/Button';
+import { AnchorAllProps } from '../anchor/Anchor';
 import { StepIndicatorMouseEvent, StepIndicatorRenderCallback } from './StepIndicator';
 export type StepIndicatorStatusState = 'warn' | 'info' | 'error';
 export type StepIndicatorItemProps = Omit<React.HTMLProps<HTMLElement>, 'title' | 'data'> & {
@@ -18,7 +18,7 @@ export type StepIndicatorItemProps = Omit<React.HTMLProps<HTMLElement>, 'title'
      */
     inactive?: boolean;
     /**
-     * If set to true, this item step will be visible as an disabled button and will not be clickable.
+     * If set to true, this item step will not be clickable. Same as `inactive`, but will also add the `aria-disabled="true"` .
      * Defaults to false.
      */
     disabled?: boolean;
@@ -33,6 +33,7 @@ export type StepIndicatorItemProps = Omit<React.HTMLProps<HTMLElement>, 'title'
     status_state?: StepIndicatorStatusState;
     /**
      * Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.
+     * @deprecated no longer does anything other than the `title` prop
      */
     on_render?: ({ StepItem, element, attributes, props, context, }: StepIndicatorRenderCallback) => React.ReactNode;
     /**
@@ -42,18 +43,17 @@ export type StepIndicatorItemProps = Omit<React.HTMLProps<HTMLElement>, 'title'
     currentItemNum: number;
 };
 declare function StepIndicatorItem({ status_state: status_state_default, inactive: inactive_default, disabled: disabled_default, ...restOfProps }: StepIndicatorItemProps): import("react/jsx-runtime").JSX.Element;
-export type StepItemButtonProps = Omit<ButtonProps, 'status_state'> & {
-    status_state?: StepIndicatorStatusState;
-};
-export declare function StepItemButton({ children, className, status, status_state, inner_ref, ...props }: StepItemButtonProps): import("react/jsx-runtime").JSX.Element;
+export type StepItemButtonProps = AnchorAllProps & Pick<StepIndicatorItemProps, 'status' | 'status_state'>;
+export declare function StepItemButton({ children, className, status, status_state, innerRef, ...props }: StepItemButtonProps): import("react/jsx-runtime").JSX.Element;
 export type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {
+    /** Content inside the step button */
     children?: React.ReactNode;
+    /** @deprecated can only change the render of content inside the button */
     number?: number;
-    /**
-     * Define whether to show automatically counted numbers or not. Defaults to `false`.
-     */
+    /** @deprecated can only hide numbers in main component */
     hide_numbers?: boolean;
+    /** @deprecated can only change the render of content inside the button */
     status?: string | React.ReactNode;
 };
-export declare function StepItemWrapper({ children, number, hide_numbers, status, }: StepItemWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepItemWrapper({ children }: StepItemWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default StepIndicatorItem;

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

@@ -12,15 +12,17 @@ require("core-js/modules/es.string.replace.js");
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
-var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
-var _Button = _interopRequireDefault(require("../button/Button"));
+var _useId = _interopRequireDefault(require("../../shared/helpers/useId"));
+var _Anchor = _interopRequireDefault(require("../anchor/Anchor"));
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
-var _FormStatus = require("../form-status/FormStatus");
+var _IconPrimary = _interopRequireDefault(require("../icon/IconPrimary"));
+var _FormStatus = _interopRequireWildcard(require("../form-status/FormStatus"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
 var _StepIndicatorProps = require("./StepIndicatorProps");
+var _Context = _interopRequireDefault(require("../../shared/Context"));
+var _SkeletonHelper = require("../skeleton/SkeletonHelper");
 const _excluded = ["status_state", "inactive", "disabled"],
-  _excluded2 = ["currentItemNum", "title", "is_current", "inactive", "disabled", "status", "status_state", "on_render", "on_click"],
-  _excluded3 = ["children", "className", "status", "status_state", "inner_ref"];
+  _excluded2 = ["children", "className", "status", "status_state", "innerRef"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -33,19 +35,22 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function StepIndicatorItem(_ref) {
+  var _globalContext$formEl3;
   let {
       status_state: status_state_default = 'warn',
       inactive: inactive_default = false,
       disabled: disabled_default = false
     } = _ref,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
+  const globalContext = _react.default.useContext(_Context.default);
   const props = (0, _react.useMemo)(() => {
+    var _globalContext$formEl, _globalContext$formEl2;
     return _objectSpread({
       status_state: status_state_default,
       inactive: inactive_default,
-      disabled: disabled_default
+      disabled: (_globalContext$formEl = globalContext === null || globalContext === void 0 ? void 0 : (_globalContext$formEl2 = globalContext.formElement) === null || _globalContext$formEl2 === void 0 ? void 0 : _globalContext$formEl2.disabled) !== null && _globalContext$formEl !== void 0 ? _globalContext$formEl : disabled_default
     }, restOfProps);
-  }, [disabled_default, inactive_default, restOfProps, status_state_default]);
+  }, [disabled_default, inactive_default, restOfProps, status_state_default, globalContext === null || globalContext === void 0 ? void 0 : (_globalContext$formEl3 = globalContext.formElement) === null || _globalContext$formEl3 === void 0 ? void 0 : _globalContext$formEl3.disabled]);
   const context = (0, _react.useContext)(_StepIndicatorContext.default);
   const onClickHandler = (0, _react.useCallback)(_ref2 => {
     let {
@@ -70,56 +75,43 @@ function StepIndicatorItem(_ref) {
     }
     if (context.activeStep !== currentItemNum) {
       context.setActiveStep(currentItemNum);
-      if (typeof context.onChangeState === 'function') {
-        context.onChangeState();
-      }
       (0, _componentHelper.dispatchCustomElementEvent)(context, 'on_change', params);
     }
   }, [context, props]);
   const {
     mode,
-    filterAttributes,
     activeStep,
     countSteps,
     listOfReachedSteps,
-    hide_numbers,
+    hide_numbers = _StepIndicatorProps.stepIndicatorDefaultProps.hide_numbers,
     on_item_render,
-    sidebar_id,
-    step_title
+    step_title,
+    no_animation,
+    skeleton
   } = context;
   const {
-      currentItemNum,
-      title,
-      is_current,
-      inactive,
-      disabled,
-      status,
-      status_state,
-      on_render,
-      on_click
-    } = props,
-    attributes = _objectWithoutProperties(props, _excluded2);
-  Object.keys(attributes).forEach(key => {
-    if (filterAttributes.includes(key)) {
-      delete attributes[key];
-    }
-  });
+    currentItemNum,
+    title,
+    is_current,
+    inactive,
+    disabled,
+    status,
+    status_state = 'warn',
+    on_render,
+    on_click
+  } = props;
   const hasPassedAndIsCurrent = mode === 'loose' || currentItemNum <= activeStep || listOfReachedSteps.includes(currentItemNum);
   const isNavigatable = mode === 'strict' || mode === 'loose';
-  let isInactive = inactive || mode === 'strict' && !hasPassedAndIsCurrent;
+  let isInactive = inactive || disabled || mode === 'strict' && !hasPassedAndIsCurrent;
   const isVisited = currentItemNum < activeStep;
-  const id = `${sidebar_id || (0, _componentHelper.makeUniqueId)()}-${currentItemNum}`;
+  const id = `${(0, _useId.default)()}-${currentItemNum}`;
   const ariaLabel = step_title === null || step_title === void 0 ? void 0 : step_title.replace('%step', String(currentItemNum + 1)).replace('%count', String(countSteps));
   const isCurrent = currentItemNum === activeStep;
-  let element = _react.default.createElement(StepItemWrapper, {
-    number: currentItemNum + 1,
-    hide_numbers: hide_numbers,
-    status: status
-  }, title);
+  let element = _react.default.createElement(StepItemWrapper, null, title);
   const callbackProps = {
     StepItem: StepItemWrapper,
     element,
-    attributes,
+    attributes: {},
     props,
     context
   };
@@ -130,7 +122,6 @@ function StepIndicatorItem(_ref) {
   }
   const itemParams = {};
   const buttonParams = {
-    icon: 'check',
     status,
     status_state,
     'aria-describedby': id
@@ -142,82 +133,82 @@ function StepIndicatorItem(_ref) {
     buttonParams.disabled = true;
   }
   if (isNavigatable && !isInactive) {
-    buttonParams.onClick = _ref3 => {
-      let {
-        event
-      } = _ref3;
-      return onClickHandler({
-        event,
-        item: props,
-        currentItemNum
-      });
-    };
+    buttonParams.onClick = event => onClickHandler({
+      event,
+      item: props,
+      currentItemNum
+    });
   }
   if (!buttonParams.onClick) {
-    buttonParams.element = 'span';
-    buttonParams.type = '';
-    buttonParams.on_click = undefined;
+    buttonParams.onClick = undefined;
     isInactive = true;
   }
+  const stateIcons = {
+    info: _FormStatus.InfoIcon,
+    error: _FormStatus.ErrorIcon,
+    warn: _FormStatus.WarnIcon
+  };
   return _react.default.createElement("li", _extends({}, itemParams, {
     className: (0, _classnames.default)('dnb-step-indicator__item', itemParams.className, isCurrent && 'dnb-step-indicator__item--current', isInactive && 'dnb-step-indicator__item--inactive', isVisited && 'dnb-step-indicator__item--visited')
-  }), _react.default.createElement(StepItemButton, buttonParams, element), _react.default.createElement("span", {
+  }), _react.default.createElement("div", {
+    className: 'dnb-step-indicator__item__wrapper' + (!status && isVisited ? " dnb-step-indicator__item__wrapper--check" : "")
+  }, _react.default.createElement("span", {
+    className: (0, _classnames.default)('dnb-step-indicator__item__bullet', isCurrent ? 'dnb-step-indicator__item__bullet--current' : !status && (isVisited ? 'dnb-step-indicator__item__bullet--check' : 'dnb-step-indicator__item__bullet--empty'), (0, _SkeletonHelper.createSkeletonClass)('shape', skeleton))
+  }, status && !isCurrent ? _react.default.createElement(_Icon.default, {
+    icon: stateIcons[status_state] || stateIcons.warn,
+    className: "dnb-step-indicator__item__icon",
+    size: "medium",
+    inheritColor: false
+  }) : _react.default.createElement(_IconPrimary.default, {
+    icon: "check",
+    className: 'dnb-step-indicator__item__icon' + (!isVisited ? " dnb-step-indicator__item__icon--hidden" : ""),
+    size: "auto"
+  })), _react.default.createElement("div", {
+    className: (0, _classnames.default)('dnb-step-indicator__item-content', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton))
+  }, !hide_numbers && _react.default.createElement("span", {
+    className: "dnb-step-indicator__item-content__number"
+  }, `${currentItemNum + 1}.`), _react.default.createElement("div", {
+    className: "dnb-step-indicator__item-content__wrapper"
+  }, _react.default.createElement(StepItemButton, _extends({}, buttonParams, {
+    className: "dnb-step-indicator__item-content__text"
+  }), element), _react.default.createElement(_FormStatus.default, {
+    shellSpace: {
+      top: '1rem'
+    },
+    no_animation: no_animation,
+    state: status && status_state,
+    variant: "outlined",
+    className: "dnb-step-indicator__item-content__status",
+    text: status
+  })))), _react.default.createElement("span", {
     id: id,
     "aria-hidden": true,
     className: "dnb-sr-only"
   }, ariaLabel));
 }
-function StepItemButton(_ref4) {
+function StepItemButton(_ref3) {
   let {
       children,
       className,
       status,
-      status_state,
-      inner_ref
-    } = _ref4,
-    props = _objectWithoutProperties(_ref4, _excluded3);
-  const icons = {
-    info: _FormStatus.InfoIcon,
-    error: _FormStatus.ErrorIcon,
-    warn: _FormStatus.WarnIcon
-  };
-  if (status) {
-    props.icon = _react.default.createElement(_Icon.default, {
-      icon: icons[status_state] || icons.warn,
-      className: "dnb-button__icon",
-      size: "medium",
-      inherit_color: false
-    });
-  }
-  return _react.default.createElement(_Button.default, _extends({
-    className: (0, _classnames.default)(className, status && `dnb-step-indicator__button__status dnb-step-indicator__button__status--${status_state}`),
-    wrap: true,
-    stretch: true,
-    variant: "secondary",
-    icon_size: "medium",
-    icon_position: "right",
-    inner_ref: inner_ref
-  }, props), _react.default.createElement(_HeightAnimation.default, null, children));
+      status_state = 'warn',
+      innerRef
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  const notClickable = !props.onClick;
+  return _react.default.createElement(_Anchor.default, _extends({
+    element: notClickable ? 'span' : 'button',
+    type: notClickable ? undefined : 'button',
+    className: (0, _classnames.default)(className, 'dnb-step-indicator__button', status && `dnb-step-indicator__button--has-status dnb-step-indicator__button--${status_state}`),
+    noStyle: notClickable,
+    innerRef: innerRef
+  }, props), children);
 }
-function StepItemWrapper(_ref5) {
+function StepItemWrapper(_ref4) {
   let {
-    children,
-    number,
-    hide_numbers = _StepIndicatorProps.stepIndicatorDefaultProps.hide_numbers,
-    status
-  } = _ref5;
-  return _react.default.createElement("span", {
-    className: "dnb-step-indicator__item-content"
-  }, !hide_numbers && _react.default.createElement("span", {
-    "aria-hidden": true,
-    className: "dnb-step-indicator__item-content__number"
-  }, number, "."), _react.default.createElement("span", {
-    className: "dnb-step-indicator__item-content__wrapper"
-  }, _react.default.createElement("span", {
-    className: "dnb-step-indicator__item-content__text"
-  }, children), status && _react.default.createElement("span", {
-    className: "dnb-step-indicator__item-content__status"
-  }, status)));
+    children
+  } = _ref4;
+  return _react.default.createElement(_react.default.Fragment, null, children);
 }
 var _default = exports.default = StepIndicatorItem;
 //# sourceMappingURL=StepIndicatorItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_HeightAnimation","_Button","_Icon","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_excluded","_excluded2","_excluded3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","useMemo","context","useContext","StepIndicatorContext","onClickHandler","useCallback","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","activeStep","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","key","includes","hasPassedAndIsCurrent","isNavigatable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","undefined","className","classnames","StepItemButton","_ref4","children","inner_ref","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, { HTMLProps, useCallback, useContext, useMemo } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\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 = useMemo(() => {\n    return {\n      status_state: status_state_default,\n      inactive: inactive_default,\n      disabled: disabled_default,\n      ...restOfProps,\n    }\n  }, [\n    disabled_default,\n    inactive_default,\n    restOfProps,\n    status_state_default,\n  ])\n\n  const context = useContext(StepIndicatorContext)\n\n  const onClickHandler = useCallback(\n    ({ event, item, currentItemNum }) => {\n      const params = {\n        event,\n        item,\n        current_step: currentItemNum,\n        currentStep: currentItemNum,\n      }\n\n      const onClickItem = dispatchCustomElementEvent(\n        {\n          context,\n          props,\n          onClickHandler,\n        },\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    [context, props]\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, // eslint-disable-line\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 isNavigatable = 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 (isNavigatable && !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}>{element}</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      <HeightAnimation>{children}</HeightAnimation>\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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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_useId","_Anchor","_Icon","_IconPrimary","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_Context","_SkeletonHelper","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorItem","_ref","_globalContext$formEl3","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","globalContext","React","useContext","Context","props","useMemo","_globalContext$formEl","_globalContext$formEl2","formElement","context","StepIndicatorContext","onClickHandler","useCallback","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","activeStep","setActiveStep","mode","countSteps","listOfReachedSteps","hide_numbers","stepIndicatorDefaultProps","on_item_render","step_title","no_animation","skeleton","title","is_current","status","on_render","on_click","hasPassedAndIsCurrent","includes","isNavigatable","isInactive","isVisited","id","useId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","callbackProps","StepItem","attributes","itemParams","buttonParams","onClick","undefined","stateIcons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","className","classnames","createSkeletonClass","icon","size","inheritColor","StepItemButton","shellSpace","top","state","variant","text","_ref3","children","innerRef","notClickable","type","noStyle","_ref4","Fragment","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { HTMLProps, useCallback, useContext, useMemo } from 'react'\n\nimport classnames from 'classnames'\nimport { dispatchCustomElementEvent } from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport Anchor, { AnchorAllProps } from '../anchor/Anchor'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport IconPrimary from '../icon/IconPrimary'\nimport FormStatus, {\n  WarnIcon,\n  InfoIcon,\n  ErrorIcon,\n} from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n  StepIndicatorMouseEvent,\n  StepIndicatorRenderCallback,\n} from './StepIndicator'\nimport Context from '../../shared/Context'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\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 not be clickable. Same as `inactive`, but will also add the `aria-disabled=\"true\"` .\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   * @deprecated no longer does anything other than the `title` prop\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 globalContext = React.useContext(Context)\n\n  const props: StepIndicatorItemProps = useMemo(() => {\n    return {\n      status_state: status_state_default,\n      inactive: inactive_default,\n      disabled: globalContext?.formElement?.disabled ?? disabled_default,\n      ...restOfProps,\n    }\n  }, [\n    disabled_default,\n    inactive_default,\n    restOfProps,\n    status_state_default,\n    globalContext?.formElement?.disabled,\n  ])\n\n  const context = useContext(StepIndicatorContext)\n\n  const onClickHandler = useCallback(\n    ({ event, item, currentItemNum }) => {\n      const params = {\n        event,\n        item,\n        current_step: currentItemNum,\n        currentStep: currentItemNum,\n      }\n\n      const onClickItem = dispatchCustomElementEvent(\n        {\n          context,\n          props,\n          onClickHandler,\n        },\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        dispatchCustomElementEvent(context, 'on_change', params)\n      }\n    },\n    [context, props]\n  )\n\n  const {\n    mode,\n    activeStep,\n    countSteps,\n    listOfReachedSteps,\n    hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n    on_item_render,\n    step_title,\n    no_animation,\n    skeleton,\n  } = context\n\n  const {\n    currentItemNum,\n\n    title,\n    is_current, // eslint-disable-line\n    inactive,\n    disabled,\n    status,\n    status_state = 'warn',\n\n    on_render,\n    on_click, // eslint-disable-line\n  } = props\n\n  const hasPassedAndIsCurrent =\n    mode === 'loose' ||\n    currentItemNum <= activeStep ||\n    listOfReachedSteps.includes(currentItemNum)\n\n  const isNavigatable = mode === 'strict' || mode === 'loose'\n\n  let isInactive =\n    inactive || disabled || (mode === 'strict' && !hasPassedAndIsCurrent)\n\n  const isVisited = currentItemNum < activeStep\n\n  const id = `${useId()}-${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>{title}</StepItemWrapper>\n  ) as React.ReactNode\n\n  // should be entirely removed in v11 as well as any other functionality associated with `on_render` and `on_item_render`\n  const callbackProps = {\n    StepItem: StepItemWrapper,\n    element,\n    attributes: {}, // deprecated in v11\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    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 (isNavigatable && !isInactive) {\n    buttonParams.onClick = (event: never) =>\n      onClickHandler({\n        event,\n        item: props,\n        currentItemNum,\n      })\n  }\n\n  if (!buttonParams.onClick) {\n    buttonParams.onClick = undefined\n    isInactive = true\n  }\n\n  const stateIcons: Record<StepIndicatorStatusState, IconIcon> = {\n    info: InfoIcon,\n    error: ErrorIcon,\n    warn: WarnIcon,\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      <div\n        className={classnames(\n          'dnb-step-indicator__item__wrapper',\n          !status &&\n            isVisited &&\n            'dnb-step-indicator__item__wrapper--check'\n        )}\n      >\n        <span\n          className={classnames(\n            'dnb-step-indicator__item__bullet',\n            isCurrent\n              ? 'dnb-step-indicator__item__bullet--current'\n              : !status &&\n                  (isVisited\n                    ? 'dnb-step-indicator__item__bullet--check'\n                    : 'dnb-step-indicator__item__bullet--empty'),\n            createSkeletonClass('shape', skeleton)\n          )}\n        >\n          {status && !isCurrent ? (\n            <Icon\n              icon={stateIcons[status_state] || stateIcons.warn}\n              className=\"dnb-step-indicator__item__icon\"\n              size=\"medium\"\n              inheritColor={false}\n            />\n          ) : (\n            <IconPrimary\n              icon=\"check\"\n              className={classnames(\n                'dnb-step-indicator__item__icon',\n                !isVisited && 'dnb-step-indicator__item__icon--hidden'\n              )}\n              size=\"auto\"\n            />\n          )}\n        </span>\n        <div\n          className={classnames(\n            'dnb-step-indicator__item-content',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          {!hide_numbers && (\n            <span className=\"dnb-step-indicator__item-content__number\">\n              {`${currentItemNum + 1}.`}\n            </span>\n          )}\n          <div className=\"dnb-step-indicator__item-content__wrapper\">\n            <StepItemButton\n              {...buttonParams}\n              className=\"dnb-step-indicator__item-content__text\"\n            >\n              {element}\n            </StepItemButton>\n            <FormStatus\n              shellSpace={{ top: '1rem' }}\n              no_animation={no_animation}\n              state={status && status_state}\n              variant=\"outlined\"\n              className=\"dnb-step-indicator__item-content__status\"\n              text={status}\n            />\n          </div>\n        </div>\n      </div>\n      <span id={id} aria-hidden className=\"dnb-sr-only\">\n        {ariaLabel}\n      </span>\n    </li>\n  )\n}\n\nexport type StepItemButtonProps = AnchorAllProps &\n  Pick<StepIndicatorItemProps, 'status' | 'status_state'>\n\nexport function StepItemButton({\n  children,\n  className,\n  status,\n  status_state = 'warn',\n  innerRef,\n  ...props\n}: StepItemButtonProps) {\n  const notClickable = !props.onClick\n\n  return (\n    <Anchor\n      element={notClickable ? 'span' : 'button'}\n      type={notClickable ? undefined : 'button'}\n      className={classnames(\n        className,\n        'dnb-step-indicator__button',\n        status &&\n          `dnb-step-indicator__button--has-status dnb-step-indicator__button--${status_state}`\n      )}\n      noStyle={notClickable}\n      innerRef={innerRef}\n      {...props}\n    >\n      {children}\n    </Anchor>\n  )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n  /** Content inside the step button */\n  children?: React.ReactNode\n  /** @deprecated can only change the render of content inside the button */\n  number?: number\n  /** @deprecated can only hide numbers in main component */\n  hide_numbers?: boolean\n  /** @deprecated can only change the render of content inside the button */\n  status?: string | React.ReactNode\n}\n\nexport function StepItemWrapper({ children }: StepItemWrapperProps) {\n  return <>{children}</>\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,51 +8,48 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _componentHelper = require("../../shared/component-helper");
-var _SpacingHelper = require("../space/SpacingHelper");
+var _Space = _interopRequireDefault(require("../space/Space"));
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
+var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
 var _StepIndicatorItem = _interopRequireDefault(require("./StepIndicatorItem"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
-const _excluded = ["mode", "filterAttributes", "skeleton", "data", "countSteps", "sidebar_id"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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];
-    }
-  });
+    mode,
+    skeleton,
+    openState,
+    openHandler,
+    closeHandler,
+    countSteps,
+    data,
+    no_animation
+  } = (0, _react.useContext)(_StepIndicatorContext.default);
+  const Element = mode === 'static' ? 'div' : 'nav';
+  const params = {};
   (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) => {
+  return _react.default.createElement(_HeightAnimation.default, {
+    animate: !no_animation,
+    open: openState,
+    onOpen: state => {
+      if (state) {
+        openHandler();
+      } else {
+        closeHandler();
+      }
+    }
+  }, _react.default.createElement(_Space.default, {
+    innerSpace: {
+      top: 'small'
+    }
+  }, _react.default.createElement(Element, _extends({}, params, {
+    className: (0, _classnames.default)('dnb-step-indicator', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton))
+  }), countSteps > 0 && _react.default.createElement("ol", {
+    className: "dnb-step-indicator__list"
+  }, data.map((itemData, i) => {
     const item = typeof itemData === 'string' ? {
       title: itemData
     } : itemData;
@@ -60,7 +57,7 @@ function StepIndicatorList() {
       key: i,
       currentItemNum: i
     }, item));
-  })));
+  })))));
 }
 var _default = exports.default = StepIndicatorList;
 //# sourceMappingURL=StepIndicatorList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorList.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_SpacingHelper","_SkeletonHelper","_StepIndicatorItem","_StepIndicatorContext","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StepIndicatorList","context","useContext","StepIndicatorContext","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","params","className","classnames","createSkeletonClass","hasSidebar","createSpacingClasses","listParams","Element","ariaLabelledbyValue","combineLabelledBy","keys","forEach","key","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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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorList.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Space","_SkeletonHelper","_HeightAnimation","_StepIndicatorItem","_StepIndicatorContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","StepIndicatorList","mode","skeleton","openState","openHandler","closeHandler","countSteps","data","no_animation","useContext","StepIndicatorContext","Element","params","skeletonDOMAttributes","createElement","animate","open","onOpen","state","innerSpace","top","className","classnames","createSkeletonClass","map","itemData","item","title","key","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 Space from '../space/Space'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport StepIndicatorItem from './StepIndicatorItem'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nfunction StepIndicatorList() {\n  const {\n    mode,\n    skeleton,\n    openState,\n    openHandler,\n    closeHandler,\n    countSteps,\n    data,\n    no_animation,\n  } = useContext(StepIndicatorContext)\n  const Element = mode === 'static' ? 'div' : 'nav'\n\n  const params = {}\n  skeletonDOMAttributes(params, skeleton)\n  return (\n    <HeightAnimation\n      animate={!no_animation}\n      open={openState}\n      onOpen={(state) => {\n        if (state) {\n          openHandler()\n        } else {\n          closeHandler()\n        }\n      }}\n    >\n      <Space innerSpace={{ top: 'small' }}>\n        <Element\n          {...params}\n          className={classnames(\n            'dnb-step-indicator',\n            createSkeletonClass('font', skeleton)\n          )}\n        >\n          {countSteps > 0 && (\n            <ol className=\"dnb-step-indicator__list\">\n              {data.map((itemData, i) => {\n                const item =\n                  typeof itemData === 'string'\n                    ? { title: itemData }\n                    : itemData\n\n                return (\n                  <StepIndicatorItem\n                    key={i}\n                    currentItemNum={i}\n                    {...item}\n                  />\n                )\n              })}\n            </ol>\n          )}\n        </Element>\n      </Space>\n    </HeightAnimation>\n  )\n}\n\nexport default StepIndicatorList\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,6 +9,7 @@ const stepIndicatorDefaultProps = exports.stepIndicatorDefaultProps = {
   skeleton: false,
   current_step: 0,
   hide_numbers: false,
-  no_animation: false
+  no_animation: false,
+  expandedInitially: false
 };
 //# sourceMappingURL=StepIndicatorProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorProps.js","names":["stepIndicatorDefaultProps","exports","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":";;;;;;AAEO,MAAMA,yBAGZ,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EACFE,IAAI,EAAE,EAAuB;EAC7BC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE,KAAK;EACnBC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}
+{"version":3,"file":"StepIndicatorProps.js","names":["stepIndicatorDefaultProps","exports","data","skeleton","current_step","hide_numbers","no_animation","expandedInitially"],"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  expandedInitially: false,\n}\n"],"mappings":";;;;;;AAEO,MAAMA,yBAGZ,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EACFE,IAAI,EAAE,EAAuB;EAC7BC,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,CAAC;EACfC,YAAY,EAAE,KAAK;EACnBC,YAAY,EAAE,KAAK;EACnBC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}