@dnb/eufemia 10.35.0 → 10.36.0

package/cjs/components/icon-primary/IconPrimary.js

@@ -4,57 +4,56 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DefaultIconSize", {
-  enumerable: true,
-  get: function () {
-    return _Icon.DefaultIconSize;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _exportNames = {};
+exports.default = IconPrimary;
+var _react = _interopRequireWildcard(require("react"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
-var _Icon = _interopRequireWildcard(require("../icon/Icon"));
+var _Icon = require("../icon/Icon");
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Icon[key];
+    }
+  });
+});
 var primary_icons = _interopRequireWildcard(require("../../icons/dnb/primary_icons"));
 var primary_icons_medium = _interopRequireWildcard(require("../../icons/dnb/primary_icons_medium"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const icons = _objectSpread(_objectSpread({}, primary_icons), primary_icons_medium);
-class IconPrimary extends _react.default.PureComponent {
-  static getIcon(props) {
-    return _Icon.default.getIcon(props);
-  }
-  render() {
-    var _this$context;
-    const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, IconPrimary.defaultProps, {
-      skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.Icon, this.context.IconPrimary);
-    const {
-      icon,
-      size,
-      wrapperParams,
-      iconParams,
-      alt
-    } = (0, _Icon.prepareIcon)(props, this.context);
-    const IconContainer = (0, _Icon.prerenderIcon)({
-      icon,
-      size,
-      alt,
-      listOfIcons: icons
-    });
-    if (!IconContainer) return _react.default.createElement(_react.default.Fragment, null);
-    return _react.default.createElement("span", wrapperParams, _react.default.createElement(IconContainer, iconParams));
+function IconPrimary(localProps) {
+  const context = (0, _react.useContext)(_Context.default);
+  const props = (0, _componentHelper.extendPropsWithContext)(localProps, {}, {
+    skeleton: context === null || context === void 0 ? void 0 : context.skeleton
+  }, context.Icon, context.IconPrimary);
+  const {
+    icon,
+    size,
+    wrapperParams,
+    iconParams,
+    alt
+  } = (0, _Icon.prepareIcon)(props, context);
+  const IconContainer = (0, _Icon.prerenderIcon)({
+    icon,
+    size,
+    alt,
+    listOfIcons: icons
+  });
+  if (!IconContainer) {
+    return _react.default.createElement(_react.default.Fragment, null);
   }
+  return _react.default.createElement("span", wrapperParams, _react.default.createElement(IconContainer, iconParams));
 }
-exports.default = IconPrimary;
-_defineProperty(IconPrimary, "contextType", _Context.default);
-_defineProperty(IconPrimary, "defaultProps", _objectSpread({}, _Icon.default.defaultProps));
-process.env.NODE_ENV !== "production" ? IconPrimary.propTypes = _objectSpread({}, _Icon.iconPropTypes) : void 0;
 IconPrimary._supportsSpacingProps = true;
 //# sourceMappingURL=IconPrimary.js.map

package/cjs/components/icon-primary/IconPrimary.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPrimary.js","names":["_react","_interopRequireDefault","require","_Context","_componentHelper","_Icon","_interopRequireWildcard","primary_icons","primary_icons_medium","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","icons","IconPrimary","React","PureComponent","getIcon","props","DefaultIcon","render","_this$context","extendPropsWithContextInClassComponent","defaultProps","skeleton","context","Icon","icon","size","wrapperParams","iconParams","alt","prepareIcon","IconContainer","prerenderIcon","listOfIcons","createElement","Fragment","exports","Context","process","env","NODE_ENV","propTypes","iconPropTypes","_supportsSpacingProps"],"sources":["../../../../src/components/icon-primary/IconPrimary.js"],"sourcesContent":["/**\n * Web Icon Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\n// eslint-disable-next-line no-unused-vars\nimport PropTypes from 'prop-types' // Is needed because of ts types\nimport Context from '../../shared/Context'\nimport { extendPropsWithContextInClassComponent } from '../../shared/component-helper'\nimport DefaultIcon, {\n  iconPropTypes,\n  DefaultIconSize,\n  prerenderIcon,\n  prepareIcon,\n} from '../icon/Icon'\n\n// NB: The path reflects the rollup.config.js -> external: '../../icons/dnb/primary_icons'\nimport * as primary_icons from '../../icons/dnb/primary_icons'\nimport * as primary_icons_medium from '../../icons/dnb/primary_icons_medium'\n\nconst icons = { ...primary_icons, ...primary_icons_medium }\n\nexport { DefaultIconSize }\n\nexport default class IconPrimary extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    /**\n     * Use spread, so generateTypes.js makes a valid copy to create the types\n     */\n    ...iconPropTypes,\n  }\n  static defaultProps = { ...DefaultIcon.defaultProps }\n\n  static getIcon(props) {\n    return DefaultIcon.getIcon(props)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      IconPrimary.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.Icon,\n      this.context.IconPrimary\n    )\n\n    const { icon, size, wrapperParams, iconParams, alt } = prepareIcon(\n      props,\n      this.context\n    )\n\n    const IconContainer = prerenderIcon({\n      icon,\n      size,\n      alt,\n      listOfIcons: icons,\n    })\n\n    if (!IconContainer) return <></>\n\n    return (\n      <span {...wrapperParams}>\n        <IconContainer {...iconParams} />\n      </span>\n    )\n  }\n}\n\nIconPrimary._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAQA,IAAAK,aAAA,GAAAD,uBAAA,CAAAJ,OAAA;AACA,IAAAM,oBAAA,GAAAF,uBAAA,CAAAJ,OAAA;AAA4E,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAnB,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAiB,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAnC,GAAA,EAAAW,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAX,GAAA,IAAAQ,MAAA,CAAAC,cAAA,CAAAT,GAAA,EAAAW,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAzC,GAAA,CAAAW,GAAA,IAAA2B,KAAA,WAAAtC,GAAA;AAAA,SAAAuC,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAE5E,MAAMS,KAAK,GAAA1B,aAAA,CAAAA,aAAA,KAAQnC,aAAa,GAAKC,oBAAoB,CAAE;AAI5C,MAAM6D,WAAW,SAASC,cAAK,CAACC,aAAa,CAAC;EAW3D,OAAOC,OAAOA,CAACC,KAAK,EAAE;IACpB,OAAOC,aAAW,CAACF,OAAO,CAACC,KAAK,CAAC;EACnC;EAEAE,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAEP,MAAMH,KAAK,GAAG,IAAAI,uDAAsC,EAClD,IAAI,CAACJ,KAAK,EACVJ,WAAW,CAACS,YAAY,EACxB;MAAEC,QAAQ,GAAAH,aAAA,GAAE,IAAI,CAACI,OAAO,cAAAJ,aAAA,uBAAZA,aAAA,CAAcG;IAAS,CAAC,EACpC,IAAI,CAACC,OAAO,CAACC,IAAI,EACjB,IAAI,CAACD,OAAO,CAACX,WACf,CAAC;IAED,MAAM;MAAEa,IAAI;MAAEC,IAAI;MAAEC,aAAa;MAAEC,UAAU;MAAEC;IAAI,CAAC,GAAG,IAAAC,iBAAW,EAChEd,KAAK,EACL,IAAI,CAACO,OACP,CAAC;IAED,MAAMQ,aAAa,GAAG,IAAAC,mBAAa,EAAC;MAClCP,IAAI;MACJC,IAAI;MACJG,GAAG;MACHI,WAAW,EAAEtB;IACf,CAAC,CAAC;IAEF,IAAI,CAACoB,aAAa,EAAE,OAAOxF,MAAA,CAAAgB,OAAA,CAAA2E,aAAA,CAAA3F,MAAA,CAAAgB,OAAA,CAAA4E,QAAA,MAAI,CAAC;IAEhC,OACE5F,MAAA,CAAAgB,OAAA,CAAA2E,aAAA,SAAUP,aAAa,EACrBpF,MAAA,CAAAgB,OAAA,CAAA2E,aAAA,CAACH,aAAa,EAAKH,UAAa,CAC5B,CAAC;EAEX;AACF;AAACQ,OAAA,CAAA7E,OAAA,GAAAqD,WAAA;AAAApB,eAAA,CA7CoBoB,WAAW,iBACTyB,gBAAO;AAAA7C,eAAA,CADToB,WAAW,kBAAA3B,aAAA,KASHgC,aAAW,CAACI,YAAY;AAAAiB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAThC5B,WAAW,CAGvB6B,SAAS,GAAAxD,aAAA,KAIXyD,mBAAa;AAwCpB9B,WAAW,CAAC+B,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"IconPrimary.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_componentHelper","_Icon","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","primary_icons","primary_icons_medium","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","ownKeys","object","enumerableOnly","getOwnPropertySymbols","symbols","filter","sym","push","apply","_objectSpread","target","i","arguments","length","source","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","icons","IconPrimary","localProps","context","useContext","Context","props","extendPropsWithContext","skeleton","Icon","icon","size","wrapperParams","iconParams","alt","prepareIcon","IconContainer","prerenderIcon","listOfIcons","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../src/components/icon-primary/IconPrimary.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Context from '../../shared/Context'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport {\n  prerenderIcon,\n  prepareIcon,\n  IconAllProps,\n  IconProps,\n} from '../icon/Icon'\n\n// NB: The path reflects the rollup.config.js -> external: '../../icons/dnb/primary_icons'\nimport * as primary_icons from '../../icons/dnb/primary_icons'\nimport * as primary_icons_medium from '../../icons/dnb/primary_icons_medium'\n\nexport * from '../icon/Icon'\n\nexport type IconPrimaryProps = IconProps\nexport type IconPrimaryAllProps = IconAllProps\n\nconst icons = { ...primary_icons, ...primary_icons_medium }\n\nexport default function IconPrimary(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon,\n    context.IconPrimary\n  )\n\n  const { icon, size, wrapperParams, iconParams, alt } = prepareIcon(\n    props,\n    context\n  )\n\n  const IconContainer = prerenderIcon({\n    icon,\n    size,\n    alt,\n    listOfIcons: icons,\n  })\n\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nIconPrimary._supportsSpacingProps = true\n"],"mappings":"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"}

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

@@ -33,72 +33,51 @@ function StepIndicatorProvider(_ref) {
       isSidebar = false
     } = _ref,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = _objectSpread({
-    isSidebar
-  }, restOfProps);
-  const data = getData(props);
-  const countSteps = data.length;
+  const props = (0, _react.useMemo)(() => {
+    return _objectSpread({
+      isSidebar
+    }, restOfProps);
+  }, [isSidebar, restOfProps]);
+  const data = (0, _react.useMemo)(() => {
+    if (typeof props.data === 'string') {
+      return props.data[0] === '[' ? JSON.parse(props.data) : [];
+    }
+    return props.data || [];
+  }, [props]);
   const [hasSidebar, setHasSidebar] = (0, _react.useState)(true);
   const [hideSidebar, setHideSidebar] = (0, _react.useState)(false);
-  const [activeStep, setActiveStep] = (0, _react.useState)(getActiveStepFromProps());
   const [openState, setOpenState] = (0, _react.useState)(false);
-  const listOfReachedSteps = (0, _react.useRef)([activeStep].filter(Boolean)).current;
-  const mediaQueryListener = (0, _react.useRef)(null);
-  const context = (0, _react.useContext)(_Context.default);
-  const contextValue = makeContextValue();
-  (0, _react.useEffect)(() => {
-    var _document;
-    const container = (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('sidebar__' + props.sidebar_id);
-    setHasSidebar(Boolean(container));
-    mediaQueryListener.current = (0, _MediaQueryUtils.onMediaQueryChange)({
-      min: '0',
-      max: 'medium'
-    }, hideSidebar => {
-      setHideSidebar(hideSidebar);
-    }, {
-      runOnInit: true
-    });
-    return () => {
-      if (mediaQueryListener.current) {
-        mediaQueryListener.current();
-      }
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    const currentStepFromProps = getActiveStepFromProps();
-    if (currentStepFromProps !== activeStep) {
-      setActiveStep(currentStepFromProps);
-    }
-  }, [props.current_step, data]);
-  (0, _react.useEffect)(() => {
-    if (!listOfReachedSteps.includes(activeStep)) {
-      listOfReachedSteps.push(activeStep);
-    }
-  }, [activeStep]);
-  function onChangeState() {
+  const onChangeState = (0, _react.useCallback)(() => {
     setOpenState(false);
-  }
-  function openHandler() {
+  }, []);
+  const openHandler = (0, _react.useCallback)(() => {
     setOpenState(true);
-  }
-  function closeHandler() {
+  }, []);
+  const closeHandler = (0, _react.useCallback)(() => {
     setOpenState(false);
-  }
-  function getData(props) {
-    if (typeof props.data === 'string') {
-      return props.data[0] === '[' ? JSON.parse(props.data) : [];
-    }
-    return props.data || [];
-  }
-  function getActiveStepFromProps() {
+  }, []);
+  const getActiveStepFromProps = (0, _react.useCallback)(() => {
     if (typeof data[0] === 'string') {
       return props.current_step;
     }
     const dataWithItems = data;
     const itemWithCurrentStep = dataWithItems.find(item => item.is_current);
     return itemWithCurrentStep ? dataWithItems.indexOf(itemWithCurrentStep) : props.current_step;
-  }
-  function makeContextValue() {
+  }, [data, props.current_step]);
+  const countSteps = data.length;
+  const activeStepRef = (0, _react.useRef)(getActiveStepFromProps());
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const setActiveStep = (0, _react.useCallback)(step => {
+    activeStepRef.current = step;
+    forceUpdate();
+  }, []);
+  const listOfReachedSteps = (0, _react.useRef)([activeStepRef.current].filter(Boolean)).current;
+  const mediaQueryListener = (0, _react.useRef)(null);
+  const context = (0, _react.useContext)(_Context.default);
+  const updateStepTitle = (0, _react.useCallback)(title => {
+    return title === null || title === void 0 ? void 0 : title.replace('%step', String((activeStepRef.current || 0) + 1)).replace('%count', String((data === null || data === void 0 ? void 0 : data.length) || 1));
+  }, [data === null || data === void 0 ? void 0 : data.length]);
+  const makeContextValue = (0, _react.useCallback)(() => {
     const globalContext = (0, _componentHelper.extendPropsWithContext)(props, _StepIndicatorProps.stepIndicatorDefaultProps, {
       skeleton: context === null || context === void 0 ? void 0 : context.skeleton
     }, context.getTranslation(context).StepIndicator, context.StepIndicator);
@@ -110,7 +89,7 @@ function StepIndicatorProvider(_ref) {
     }, {
       hasSidebar,
       hideSidebar,
-      activeStep,
+      activeStep: activeStepRef.current,
       openState,
       listOfReachedSteps,
       data,
@@ -125,10 +104,38 @@ function StepIndicatorProvider(_ref) {
     });
     value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar;
     return value;
-  }
-  function updateStepTitle(title) {
-    return title === null || title === void 0 ? void 0 : title.replace('%step', String((activeStep || 0) + 1)).replace('%count', String((data === null || data === void 0 ? void 0 : data.length) || 1));
-  }
+  }, [closeHandler, context, countSteps, data, hasSidebar, hideSidebar, listOfReachedSteps, onChangeState, openHandler, openState, props, setActiveStep, updateStepTitle]);
+  const contextValue = makeContextValue();
+  (0, _react.useEffect)(() => {
+    var _document;
+    const container = (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('sidebar__' + props.sidebar_id);
+    setHasSidebar(Boolean(container));
+    mediaQueryListener.current = (0, _MediaQueryUtils.onMediaQueryChange)({
+      min: '0',
+      max: 'medium'
+    }, hideSidebar => {
+      setHideSidebar(hideSidebar);
+    }, {
+      runOnInit: true
+    });
+    return () => {
+      if (mediaQueryListener.current) {
+        mediaQueryListener.current();
+      }
+    };
+  }, [props.sidebar_id]);
+  (0, _react.useEffect)(() => {
+    const currentStepFromProps = getActiveStepFromProps();
+    if (currentStepFromProps !== activeStepRef.current) {
+      setActiveStep(currentStepFromProps);
+    }
+  }, [props.current_step, data, getActiveStepFromProps, setActiveStep]);
+  const activeStep = activeStepRef.current;
+  (0, _react.useEffect)(() => {
+    if (!listOfReachedSteps.includes(activeStep)) {
+      listOfReachedSteps.push(activeStep);
+    }
+  }, [activeStep, listOfReachedSteps]);
   if (typeof window !== 'undefined' && window['IS_TEST']) {
     contextValue['no_animation'] = true;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorContext.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicatorProps","_componentHelper","_MediaQueryUtils","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","filterAttributes","stepIndicatorDefaultProps","item","includes","concat","StepIndicatorContext","React","createContext","_default","exports","StepIndicatorProvider","_ref","isSidebar","restOfProps","props","data","getData","countSteps","hasSidebar","setHasSidebar","useState","hideSidebar","setHideSidebar","activeStep","setActiveStep","getActiveStepFromProps","openState","setOpenState","listOfReachedSteps","useRef","Boolean","current","mediaQueryListener","context","useContext","Context","contextValue","makeContextValue","useEffect","_document","container","document","getElementById","sidebar_id","onMediaQueryChange","min","max","runOnInit","currentStepFromProps","current_step","onChangeState","openHandler","closeHandler","JSON","parse","dataWithItems","itemWithCurrentStep","find","is_current","globalContext","extendPropsWithContext","skeleton","getTranslation","StepIndicator","extendSafe","defaultProps","stepsLabel","updateStepTitle","step_title","stepsLabelExtended","step_title_extended","sidebarIsVisible","title","replace","window","startsWith","createElement","Provider","children","_len","objects","Array","_key","itm","entries","reduce","acc","_ref2","k","v","_ref3"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.tsx"],"sourcesContent":["/**\n * Web StepIndicator Context\n *\n */\n\nimport React, { useContext, useEffect, useRef, useState } from 'react'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport { onMediaQueryChange } from '../../shared/MediaQueryUtils'\nimport {\n  StepIndicatorData,\n  StepIndicatorDataItem,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from './StepIndicator'\nimport { StepIndicatorItemProps } from './StepIndicatorItem'\n\n// We use this array to filter out unwanted properties\nconst filterAttributes = Object.keys(stepIndicatorDefaultProps)\n  .filter((item) => {\n    return !['class', 'className'].includes(item)\n  })\n  .concat([\n    'internalId',\n    'isSidebar',\n    'hasSidebar',\n    'hideSidebar',\n    'sidebarIsVisible',\n    'mainTitle',\n    'stepsLabel',\n    'stepsLabelExtended',\n    'listOfReachedSteps',\n    'setActiveStep',\n    'activeStep',\n    'countSteps',\n    'openState',\n    'onChangeState',\n    'openHandler',\n    'closeHandler',\n    'innerRef',\n    'hasSkeletonData',\n    'filterAttributes',\n    'onChangeState',\n  ])\n\nexport type StepIndicatorContextValues = StepIndicatorProviderProps &\n  StepIndicatorProviderStates &\n  ContextProps\n\nconst StepIndicatorContext =\n  React.createContext<StepIndicatorContextValues>(null)\n\nexport default StepIndicatorContext\n\nexport type StepIndicatorProviderProps = Omit<\n  StepIndicatorProps,\n  'mode' | 'data'\n> & {\n  /**\n   * <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.\n   */\n  sidebar_id: string\n  /**\n   * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n   */\n  data?: StepIndicatorData\n  /**\n   * <em>(required)</em> 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.\n   */\n  mode?: StepIndicatorMode\n  children: React.ReactNode\n  isSidebar?: boolean\n}\n\nexport type StepIndicatorProviderStates = {\n  data: (string | StepIndicatorItemProps)[]\n  hasSidebar: boolean\n  hideSidebar: boolean\n  activeStep: number\n  openState: boolean\n  listOfReachedSteps: number[]\n  countSteps: number\n  stepsLabel: string\n  stepsLabelExtended: string\n  filterAttributes: string[]\n  setActiveStep: React.Dispatch<React.SetStateAction<number>>\n  sidebarIsVisible: boolean\n  onChangeState: () => void\n  openHandler: () => void\n  closeHandler: () => void\n}\n\nexport function StepIndicatorProvider({\n  isSidebar = false,\n  ...restOfProps\n}: StepIndicatorProviderProps) {\n  const props = { isSidebar, ...restOfProps }\n\n  const data = getData(props)\n  const countSteps = data.length\n\n  const [hasSidebar, setHasSidebar] = useState<boolean>(true)\n  const [hideSidebar, setHideSidebar] = useState<boolean>(false)\n  const [activeStep, setActiveStep] = useState<number>(\n    getActiveStepFromProps()\n  )\n  const [openState, setOpenState] = useState<boolean>(false)\n\n  const listOfReachedSteps = useRef([activeStep].filter(Boolean)).current\n\n  const mediaQueryListener = useRef(null)\n\n  const context = useContext(Context)\n  const contextValue = makeContextValue() as StepIndicatorContextValues\n\n  // Mount and dismount\n  useEffect(() => {\n    const container = document?.getElementById(\n      'sidebar__' + props.sidebar_id\n    )\n\n    setHasSidebar(Boolean(container))\n\n    mediaQueryListener.current = onMediaQueryChange(\n      {\n        min: '0',\n        max: 'medium',\n      },\n      (hideSidebar) => {\n        setHideSidebar(hideSidebar)\n      },\n      { runOnInit: true }\n    )\n\n    return () => {\n      if (mediaQueryListener.current) {\n        mediaQueryListener.current()\n      }\n    }\n  }, [])\n\n  // Keeps the activeStep state updated with changes to the current_step and data props\n  useEffect(() => {\n    const currentStepFromProps = getActiveStepFromProps()\n\n    if (currentStepFromProps !== activeStep) {\n      setActiveStep(currentStepFromProps)\n    }\n  }, [props.current_step, data])\n\n  // Keeps the listOfReachedSteps state up to date with the activeStep state\n  useEffect(() => {\n    if (!listOfReachedSteps.includes(activeStep)) {\n      listOfReachedSteps.push(activeStep)\n    }\n  }, [activeStep])\n\n  function onChangeState() {\n    setOpenState(false)\n  }\n\n  function openHandler() {\n    setOpenState(true)\n  }\n\n  function closeHandler() {\n    setOpenState(false)\n  }\n\n  function getData(\n    props: StepIndicatorProviderProps\n  ): string[] | StepIndicatorDataItem[] {\n    if (typeof props.data === 'string') {\n      return props.data[0] === '[' ? JSON.parse(props.data) : []\n    }\n\n    return props.data || []\n  }\n\n  function getActiveStepFromProps() {\n    if (typeof data[0] === 'string') {\n      return props.current_step\n    }\n\n    const dataWithItems = data as StepIndicatorDataItem[]\n\n    const itemWithCurrentStep = dataWithItems.find(\n      (item) => item.is_current\n    )\n    // Is current on data item has precedence(?) over current_step prop\n    return itemWithCurrentStep\n      ? dataWithItems.indexOf(itemWithCurrentStep)\n      : props.current_step\n  }\n\n  function makeContextValue() {\n    const globalContext = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context.StepIndicator\n    )\n\n    const value = extendSafe(\n      { filterAttributes },\n      globalContext,\n      // Props\n      {\n        defaultProps: stepIndicatorDefaultProps,\n        props,\n      },\n      // State\n      {\n        hasSidebar,\n        hideSidebar,\n        activeStep,\n        openState,\n        listOfReachedSteps,\n        data,\n        countSteps,\n        stepsLabel: updateStepTitle(globalContext.step_title),\n        stepsLabelExtended: updateStepTitle(\n          globalContext.step_title_extended\n        ),\n      },\n      // Functions\n      {\n        setActiveStep,\n        onChangeState,\n        openHandler,\n        closeHandler,\n      }\n    ) as StepIndicatorContextValues\n\n    value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar\n\n    return value\n  }\n\n  function updateStepTitle(title: string) {\n    return title\n      ?.replace('%step', String((activeStep || 0) + 1))\n      .replace('%count', String(data?.length || 1))\n  }\n\n  if (typeof window !== 'undefined' && window['IS_TEST']) {\n    contextValue['no_animation'] = true\n  }\n\n  // Filter out unwanted HTML attributes\n  Object.keys(contextValue).forEach((key) => {\n    if (key.startsWith('_')) {\n      delete contextValue[key]\n    }\n  })\n\n  return (\n    <StepIndicatorContext.Provider value={contextValue}>\n      {props.children}\n    </StepIndicatorContext.Provider>\n  )\n}\n\n/**\n * Like \"Object.assign\" – but safe\n * A new falsy value will not be used, if it exists already\n *\n * @param  {...object} objects\n * @returns object\n */\nfunction extendSafe(...objects): Record<string, unknown> {\n  const obj = {}\n\n  objects.forEach((itm) => {\n    if (itm.defaultProps && itm.props) {\n      itm = Object.entries(itm.props).reduce((acc, [k, v]) => {\n        if (itm.defaultProps[k] !== v) {\n          acc[k] = v\n        }\n        return acc\n      }, {})\n    }\n\n    Object.entries(itm).forEach(([k, v]) => {\n      if (!obj[k] || (obj[k] && v)) {\n        obj[k] = v\n      }\n    })\n  })\n\n  return obj\n}\n"],"mappings":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAiE,MAAAM,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAArB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,GAAA2B,6BAAA,CAAAvB,MAAA,EAAAsB,QAAA,OAAA5C,GAAA,EAAAmB,CAAA,MAAAtB,MAAA,CAAAa,qBAAA,QAAAoC,gBAAA,GAAAjD,MAAA,CAAAa,qBAAA,CAAAY,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2B,gBAAA,CAAAzB,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAA8C,gBAAA,CAAA3B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAmB,MAAA,EAAAtB,GAAA,aAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,cAAAkB,MAAA;AAAA,SAAA2B,8BAAAvB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,WAAA+B,UAAA,GAAApD,MAAA,CAAAY,IAAA,CAAAa,MAAA,OAAAtB,GAAA,EAAAmB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8B,UAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAAiD,UAAA,CAAA9B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,kBAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,YAAAkB,MAAA;AAUjE,MAAMgC,gBAAgB,GAAGrD,MAAM,CAACY,IAAI,CAAC0C,6CAAyB,CAAC,CAC5DvC,MAAM,CAAEwC,IAAI,IAAK;EAChB,OAAO,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;AAC/C,CAAC,CAAC,CACDE,MAAM,CAAC,CACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,CAChB,CAAC;AAMJ,MAAMC,oBAAoB,GACxBC,cAAK,CAACC,aAAa,CAA6B,IAAI,CAAC;AAAA,IAAAC,QAAA,GAExCH,oBAAoB;AAAAI,OAAA,CAAAzE,OAAA,GAAAwE,QAAA;AAwC5B,SAASE,qBAAqBA,CAAAC,IAAA,EAGN;EAAA,IAHO;MACpCC,SAAS,GAAG;IAEc,CAAC,GAAAD,IAAA;IADxBE,WAAW,GAAApB,wBAAA,CAAAkB,IAAA,EAAA9E,SAAA;EAEd,MAAMiF,KAAK,GAAA/C,aAAA;IAAK6C;EAAS,GAAKC,WAAW,CAAE;EAE3C,MAAME,IAAI,GAAGC,OAAO,CAACF,KAAK,CAAC;EAC3B,MAAMG,UAAU,GAAGF,IAAI,CAAC5C,MAAM;EAE9B,MAAM,CAAC+C,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAU,IAAI,CAAC;EAC3D,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EAC9D,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAJ,eAAQ,EAC1CK,sBAAsB,CAAC,CACzB,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAP,eAAQ,EAAU,KAAK,CAAC;EAE1D,MAAMQ,kBAAkB,GAAG,IAAAC,aAAM,EAAC,CAACN,UAAU,CAAC,CAAC7D,MAAM,CAACoE,OAAO,CAAC,CAAC,CAACC,OAAO;EAEvE,MAAMC,kBAAkB,GAAG,IAAAH,aAAM,EAAC,IAAI,CAAC;EAEvC,MAAMI,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EACnC,MAAMC,YAAY,GAAGC,gBAAgB,CAAC,CAA+B;EAGrE,IAAAC,gBAAS,EAAC,MAAM;IAAA,IAAAC,SAAA;IACd,MAAMC,SAAS,IAAAD,SAAA,GAAGE,QAAQ,cAAAF,SAAA,uBAARA,SAAA,CAAUG,cAAc,CACxC,WAAW,GAAG5B,KAAK,CAAC6B,UACtB,CAAC;IAEDxB,aAAa,CAACW,OAAO,CAACU,SAAS,CAAC,CAAC;IAEjCR,kBAAkB,CAACD,OAAO,GAAG,IAAAa,mCAAkB,EAC7C;MACEC,GAAG,EAAE,GAAG;MACRC,GAAG,EAAE;IACP,CAAC,EACAzB,WAAW,IAAK;MACfC,cAAc,CAACD,WAAW,CAAC;IAC7B,CAAC,EACD;MAAE0B,SAAS,EAAE;IAAK,CACpB,CAAC;IAED,OAAO,MAAM;MACX,IAAIf,kBAAkB,CAACD,OAAO,EAAE;QAC9BC,kBAAkB,CAACD,OAAO,CAAC,CAAC;MAC9B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAGN,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMU,oBAAoB,GAAGvB,sBAAsB,CAAC,CAAC;IAErD,IAAIuB,oBAAoB,KAAKzB,UAAU,EAAE;MACvCC,aAAa,CAACwB,oBAAoB,CAAC;IACrC;EACF,CAAC,EAAE,CAAClC,KAAK,CAACmC,YAAY,EAAElC,IAAI,CAAC,CAAC;EAG9B,IAAAuB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,kBAAkB,CAACzB,QAAQ,CAACoB,UAAU,CAAC,EAAE;MAC5CK,kBAAkB,CAAC/D,IAAI,CAAC0D,UAAU,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,SAAS2B,aAAaA,CAAA,EAAG;IACvBvB,YAAY,CAAC,KAAK,CAAC;EACrB;EAEA,SAASwB,WAAWA,CAAA,EAAG;IACrBxB,YAAY,CAAC,IAAI,CAAC;EACpB;EAEA,SAASyB,YAAYA,CAAA,EAAG;IACtBzB,YAAY,CAAC,KAAK,CAAC;EACrB;EAEA,SAASX,OAAOA,CACdF,KAAiC,EACG;IACpC,IAAI,OAAOA,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;MAClC,OAAOD,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,GAAGsC,IAAI,CAACC,KAAK,CAACxC,KAAK,CAACC,IAAI,CAAC,GAAG,EAAE;IAC5D;IAEA,OAAOD,KAAK,CAACC,IAAI,IAAI,EAAE;EACzB;EAEA,SAASU,sBAAsBA,CAAA,EAAG;IAChC,IAAI,OAAOV,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;MAC/B,OAAOD,KAAK,CAACmC,YAAY;IAC3B;IAEA,MAAMM,aAAa,GAAGxC,IAA+B;IAErD,MAAMyC,mBAAmB,GAAGD,aAAa,CAACE,IAAI,CAC3CvD,IAAI,IAAKA,IAAI,CAACwD,UACjB,CAAC;IAED,OAAOF,mBAAmB,GACtBD,aAAa,CAAC1D,OAAO,CAAC2D,mBAAmB,CAAC,GAC1C1C,KAAK,CAACmC,YAAY;EACxB;EAEA,SAASZ,gBAAgBA,CAAA,EAAG;IAC1B,MAAMsB,aAAa,GAAG,IAAAC,uCAAsB,EAC1C9C,KAAK,EACLb,6CAAyB,EACzB;MAAE4D,QAAQ,EAAE5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE4B;IAAS,CAAC,EAC/B5B,OAAO,CAAC6B,cAAc,CAAC7B,OAAO,CAAC,CAAC8B,aAAa,EAC7C9B,OAAO,CAAC8B,aACV,CAAC;IAED,MAAMtF,KAAK,GAAGuF,UAAU,CACtB;MAAEhE;IAAiB,CAAC,EACpB2D,aAAa,EAEb;MACEM,YAAY,EAAEhE,6CAAyB;MACvCa;IACF,CAAC,EAED;MACEI,UAAU;MACVG,WAAW;MACXE,UAAU;MACVG,SAAS;MACTE,kBAAkB;MAClBb,IAAI;MACJE,UAAU;MACViD,UAAU,EAAEC,eAAe,CAACR,aAAa,CAACS,UAAU,CAAC;MACrDC,kBAAkB,EAAEF,eAAe,CACjCR,aAAa,CAACW,mBAChB;IACF,CAAC,EAED;MACE9C,aAAa;MACb0B,aAAa;MACbC,WAAW;MACXC;IACF,CACF,CAA+B;IAE/B3E,KAAK,CAAC8F,gBAAgB,GAAG9F,KAAK,CAACyC,UAAU,IAAI,CAACzC,KAAK,CAAC4C,WAAW;IAE/D,OAAO5C,KAAK;EACd;EAEA,SAAS0F,eAAeA,CAACK,KAAa,EAAE;IACtC,OAAOA,KAAK,aAALA,KAAK,uBAALA,KAAK,CACRC,OAAO,CAAC,OAAO,EAAE1F,MAAM,CAAC,CAACwC,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAChDkD,OAAO,CAAC,QAAQ,EAAE1F,MAAM,CAAC,CAAAgC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE5C,MAAM,KAAI,CAAC,CAAC,CAAC;EACjD;EAEA,IAAI,OAAOuG,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC,SAAS,CAAC,EAAE;IACtDtC,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI;EACrC;EAGAzF,MAAM,CAACY,IAAI,CAAC6E,YAAY,CAAC,CAAC/D,OAAO,CAAEvB,GAAG,IAAK;IACzC,IAAIA,GAAG,CAAC6H,UAAU,CAAC,GAAG,CAAC,EAAE;MACvB,OAAOvC,YAAY,CAACtF,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OACEzB,MAAA,CAAAW,OAAA,CAAA4I,aAAA,CAACvE,oBAAoB,CAACwE,QAAQ;IAACpG,KAAK,EAAE2D;EAAa,GAChDtB,KAAK,CAACgE,QACsB,CAAC;AAEpC;AASA,SAASd,UAAUA,CAAA,EAAsC;EACvD,MAAMlI,GAAG,GAAG,CAAC,CAAC;EAAA,SAAAiJ,IAAA,GAAA7G,SAAA,CAAAC,MAAA,EADO6G,OAAO,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;IAAPF,OAAO,CAAAE,IAAA,IAAAhH,SAAA,CAAAgH,IAAA;EAAA;EAG5BF,OAAO,CAAC3G,OAAO,CAAE8G,GAAG,IAAK;IACvB,IAAIA,GAAG,CAAClB,YAAY,IAAIkB,GAAG,CAACrE,KAAK,EAAE;MACjCqE,GAAG,GAAGxI,MAAM,CAACyI,OAAO,CAACD,GAAG,CAACrE,KAAK,CAAC,CAACuE,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAa;QAAA,IAAX,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,KAAA;QACjD,IAAIJ,GAAG,CAAClB,YAAY,CAACuB,CAAC,CAAC,KAAKC,CAAC,EAAE;UAC7BH,GAAG,CAACE,CAAC,CAAC,GAAGC,CAAC;QACZ;QACA,OAAOH,GAAG;MACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACR;IAEA3I,MAAM,CAACyI,OAAO,CAACD,GAAG,CAAC,CAAC9G,OAAO,CAACqH,KAAA,IAAY;MAAA,IAAX,CAACF,CAAC,EAAEC,CAAC,CAAC,GAAAC,KAAA;MACjC,IAAI,CAAC5J,GAAG,CAAC0J,CAAC,CAAC,IAAK1J,GAAG,CAAC0J,CAAC,CAAC,IAAIC,CAAE,EAAE;QAC5B3J,GAAG,CAAC0J,CAAC,CAAC,GAAGC,CAAC;MACZ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAO3J,GAAG;AACZ"}
+{"version":3,"file":"StepIndicatorContext.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicatorProps","_componentHelper","_MediaQueryUtils","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","filterAttributes","stepIndicatorDefaultProps","item","includes","concat","StepIndicatorContext","React","createContext","_default","exports","StepIndicatorProvider","_ref","isSidebar","restOfProps","props","useMemo","data","JSON","parse","hasSidebar","setHasSidebar","useState","hideSidebar","setHideSidebar","openState","setOpenState","onChangeState","useCallback","openHandler","closeHandler","getActiveStepFromProps","current_step","dataWithItems","itemWithCurrentStep","find","is_current","countSteps","activeStepRef","useRef","forceUpdate","useReducer","setActiveStep","step","current","listOfReachedSteps","Boolean","mediaQueryListener","context","useContext","Context","updateStepTitle","title","replace","makeContextValue","globalContext","extendPropsWithContext","skeleton","getTranslation","StepIndicator","extendSafe","defaultProps","activeStep","stepsLabel","step_title","stepsLabelExtended","step_title_extended","sidebarIsVisible","contextValue","useEffect","_document","container","document","getElementById","sidebar_id","onMediaQueryChange","min","max","runOnInit","currentStepFromProps","window","startsWith","createElement","Provider","children","_len","objects","Array","_key","itm","entries","reduce","acc","_ref2","k","v","_ref3"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.tsx"],"sourcesContent":["/**\n * Web StepIndicator Context\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport { onMediaQueryChange } from '../../shared/MediaQueryUtils'\nimport {\n  StepIndicatorData,\n  StepIndicatorDataItem,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from './StepIndicator'\nimport { StepIndicatorItemProps } from './StepIndicatorItem'\n\n// We use this array to filter out unwanted properties\nconst filterAttributes = Object.keys(stepIndicatorDefaultProps)\n  .filter((item) => {\n    return !['class', 'className'].includes(item)\n  })\n  .concat([\n    'internalId',\n    'isSidebar',\n    'hasSidebar',\n    'hideSidebar',\n    'sidebarIsVisible',\n    'mainTitle',\n    'stepsLabel',\n    'stepsLabelExtended',\n    'listOfReachedSteps',\n    'setActiveStep',\n    'activeStep',\n    'countSteps',\n    'openState',\n    'onChangeState',\n    'openHandler',\n    'closeHandler',\n    'innerRef',\n    'hasSkeletonData',\n    'filterAttributes',\n    'onChangeState',\n  ])\n\nexport type StepIndicatorContextValues = StepIndicatorProviderProps &\n  StepIndicatorProviderStates &\n  ContextProps\n\nconst StepIndicatorContext =\n  React.createContext<StepIndicatorContextValues>(null)\n\nexport default StepIndicatorContext\n\nexport type StepIndicatorProviderProps = Omit<\n  StepIndicatorProps,\n  'mode' | 'data'\n> & {\n  /**\n   * <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.\n   */\n  sidebar_id: string\n  /**\n   * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n   */\n  data?: StepIndicatorData\n  /**\n   * <em>(required)</em> 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.\n   */\n  mode?: StepIndicatorMode\n  children: React.ReactNode\n  isSidebar?: boolean\n}\n\nexport type StepIndicatorProviderStates = {\n  data: (string | StepIndicatorItemProps)[]\n  hasSidebar: boolean\n  hideSidebar: boolean\n  activeStep: number\n  openState: boolean\n  listOfReachedSteps: number[]\n  countSteps: number\n  stepsLabel: string\n  stepsLabelExtended: string\n  filterAttributes: string[]\n  setActiveStep: React.Dispatch<React.SetStateAction<number>>\n  sidebarIsVisible: boolean\n  onChangeState: () => void\n  openHandler: () => void\n  closeHandler: () => void\n}\n\nexport function StepIndicatorProvider({\n  isSidebar = false,\n  ...restOfProps\n}: StepIndicatorProviderProps) {\n  const props = useMemo(() => {\n    return { isSidebar, ...restOfProps }\n  }, [isSidebar, restOfProps])\n\n  const data = useMemo(() => {\n    if (typeof props.data === 'string') {\n      return props.data[0] === '[' ? JSON.parse(props.data) : []\n    }\n\n    return props.data || []\n  }, [props])\n\n  const [hasSidebar, setHasSidebar] = useState<boolean>(true)\n  const [hideSidebar, setHideSidebar] = useState<boolean>(false)\n  const [openState, setOpenState] = useState<boolean>(false)\n\n  const onChangeState = useCallback(() => {\n    setOpenState(false)\n  }, [])\n\n  const openHandler = useCallback(() => {\n    setOpenState(true)\n  }, [])\n\n  const closeHandler = useCallback(() => {\n    setOpenState(false)\n  }, [])\n\n  const getActiveStepFromProps = useCallback(() => {\n    if (typeof data[0] === 'string') {\n      return props.current_step\n    }\n\n    const dataWithItems = data as StepIndicatorDataItem[]\n\n    const itemWithCurrentStep = dataWithItems.find(\n      (item) => item.is_current\n    )\n    // Is current on data item has precedence(?) over current_step prop\n    return itemWithCurrentStep\n      ? dataWithItems.indexOf(itemWithCurrentStep)\n      : props.current_step\n  }, [data, props.current_step])\n\n  const countSteps = data.length\n  const activeStepRef = useRef<number>(getActiveStepFromProps())\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const setActiveStep = useCallback((step: number) => {\n    activeStepRef.current = step\n    forceUpdate()\n  }, [])\n  const listOfReachedSteps = useRef(\n    [activeStepRef.current].filter(Boolean)\n  ).current\n  const mediaQueryListener = useRef(null)\n  const context = useContext(Context)\n\n  const updateStepTitle = useCallback(\n    (title: string) => {\n      return title\n        ?.replace('%step', String((activeStepRef.current || 0) + 1))\n        .replace('%count', String(data?.length || 1))\n    },\n    [data?.length]\n  )\n\n  const makeContextValue = useCallback(() => {\n    const globalContext = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context.StepIndicator\n    )\n\n    const value = extendSafe(\n      { filterAttributes },\n      globalContext,\n      // Props\n      {\n        defaultProps: stepIndicatorDefaultProps,\n        props,\n      },\n      // State\n      {\n        hasSidebar,\n        hideSidebar,\n        activeStep: activeStepRef.current,\n        openState,\n        listOfReachedSteps,\n        data,\n        countSteps,\n        stepsLabel: updateStepTitle(globalContext.step_title),\n        stepsLabelExtended: updateStepTitle(\n          globalContext.step_title_extended\n        ),\n      },\n      // Functions\n      {\n        setActiveStep,\n        onChangeState,\n        openHandler,\n        closeHandler,\n      }\n    ) as StepIndicatorContextValues\n\n    value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar\n\n    return value\n  }, [\n    closeHandler,\n    context,\n    countSteps,\n    data,\n    hasSidebar,\n    hideSidebar,\n    listOfReachedSteps,\n    onChangeState,\n    openHandler,\n    openState,\n    props,\n    setActiveStep,\n    updateStepTitle,\n  ])\n\n  const contextValue = makeContextValue() as StepIndicatorContextValues\n\n  // Mount and dismount\n  useEffect(() => {\n    const container = document?.getElementById(\n      'sidebar__' + props.sidebar_id\n    )\n\n    setHasSidebar(Boolean(container))\n\n    mediaQueryListener.current = onMediaQueryChange(\n      {\n        min: '0',\n        max: 'medium',\n      },\n      (hideSidebar) => {\n        setHideSidebar(hideSidebar)\n      },\n      { runOnInit: true }\n    )\n\n    return () => {\n      if (mediaQueryListener.current) {\n        mediaQueryListener.current()\n      }\n    }\n  }, [props.sidebar_id])\n\n  // Keeps the activeStep state updated with changes to the current_step and data props\n  useEffect(() => {\n    const currentStepFromProps = getActiveStepFromProps()\n\n    if (currentStepFromProps !== activeStepRef.current) {\n      setActiveStep(currentStepFromProps)\n    }\n  }, [props.current_step, data, getActiveStepFromProps, setActiveStep])\n\n  // Keeps the listOfReachedSteps state up to date with the activeStep state\n  const activeStep = activeStepRef.current\n  useEffect(() => {\n    if (!listOfReachedSteps.includes(activeStep)) {\n      listOfReachedSteps.push(activeStep)\n    }\n  }, [activeStep, listOfReachedSteps])\n\n  if (typeof window !== 'undefined' && window['IS_TEST']) {\n    contextValue['no_animation'] = true\n  }\n\n  // Filter out unwanted HTML attributes\n  Object.keys(contextValue).forEach((key) => {\n    if (key.startsWith('_')) {\n      delete contextValue[key]\n    }\n  })\n\n  return (\n    <StepIndicatorContext.Provider value={contextValue}>\n      {props.children}\n    </StepIndicatorContext.Provider>\n  )\n}\n\n/**\n * Like \"Object.assign\" – but safe\n * A new falsy value will not be used, if it exists already\n *\n * @param  {...object} objects\n * @returns object\n */\nfunction extendSafe(...objects): Record<string, unknown> {\n  const obj = {}\n\n  objects.forEach((itm) => {\n    if (itm.defaultProps && itm.props) {\n      itm = Object.entries(itm.props).reduce((acc, [k, v]) => {\n        if (itm.defaultProps[k] !== v) {\n          acc[k] = v\n        }\n        return acc\n      }, {})\n    }\n\n    Object.entries(itm).forEach(([k, v]) => {\n      if (!obj[k] || (obj[k] && v)) {\n        obj[k] = v\n      }\n    })\n  })\n\n  return obj\n}\n"],"mappings":"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"}

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

@@ -37,25 +37,15 @@ function StepIndicatorItem(_ref) {
       disabled: disabled_default = false
     } = _ref,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = _objectSpread({
-    status_state: status_state_default,
-    inactive: inactive_default,
-    disabled: disabled_default
-  }, restOfProps);
+  const props = (0, _react.useMemo)(() => {
+    return _objectSpread({
+      status_state: status_state_default,
+      inactive: inactive_default,
+      disabled: disabled_default
+    }, restOfProps);
+  }, [disabled_default, inactive_default, restOfProps, status_state_default]);
   const context = (0, _react.useContext)(_StepIndicatorContext.default);
-  const [previousStep, setPreviousStep] = (0, _react.useState)(context.activeStep);
-  const ref = (0, _react.useRef)(null);
-  const thisReference = {
-    context,
-    props,
-    onClickHandler
-  };
-  (0, _react.useEffect)(() => {
-    if (previousStep !== context.activeStep) {
-      setPreviousStep(context.activeStep);
-    }
-  }, [context.activeStep, previousStep]);
-  function onClickHandler(_ref2) {
+  const onClickHandler = (0, _react.useCallback)(_ref2 => {
     let {
       event,
       item,
@@ -67,7 +57,11 @@ function StepIndicatorItem(_ref) {
       current_step: currentItemNum,
       currentStep: currentItemNum
     };
-    const onClickItem = (0, _componentHelper.dispatchCustomElementEvent)(thisReference, 'on_click', params);
+    const onClickItem = (0, _componentHelper.dispatchCustomElementEvent)({
+      context,
+      props,
+      onClickHandler
+    }, 'on_click', params);
     const onClickGlobal = (0, _componentHelper.dispatchCustomElementEvent)(context, 'on_click', params);
     if (onClickItem === false || onClickGlobal === false) {
       return;
@@ -79,7 +73,7 @@ function StepIndicatorItem(_ref) {
       }
       (0, _componentHelper.dispatchCustomElementEvent)(context, 'on_change', params);
     }
-  }
+  }, [context, props]);
   const {
     mode,
     filterAttributes,
@@ -165,9 +159,7 @@ function StepIndicatorItem(_ref) {
   }
   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, _extends({}, buttonParams, {
-    inner_ref: ref
-  }), element), _react.default.createElement("span", {
+  }), _react.default.createElement(StepItemButton, buttonParams, element), _react.default.createElement("span", {
     id: id,
     "aria-hidden": true,
     className: "dnb-sr-only"

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","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","context","useContext","StepIndicatorContext","previousStep","setPreviousStep","useState","activeStep","ref","useRef","thisReference","onClickHandler","useEffect","_ref2","event","item","currentItemNum","params","current_step","currentStep","onClickItem","dispatchCustomElementEvent","onClickGlobal","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","includes","hasPassedAndIsCurrent","isNavigatable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","className","classnames","StepItemButton","inner_ref","_ref4","children","icons","info","InfoIcon","error","ErrorIcon","warn","WarnIcon","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","_ref5","stepIndicatorDefaultProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, {\n  HTMLProps,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} 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 = {\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 ref = useRef(null)\n\n  const thisReference = {\n    context,\n    props,\n    onClickHandler,\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, previousStep])\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, // 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} 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      <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":";;;;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,KAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AAAgE,MAAAU,SAAA;EAAAC,UAAA;EAAAC,UAAA;AAAA,SAAAV,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAlB,wBAAAc,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAyDhE,SAAS4C,iBAAiBA,CAAAC,IAAA,EAKC;EAAA,IALA;MACzBC,YAAY,EAAEC,oBAAoB,GAAG,MAAM;MAC3CC,QAAQ,EAAEC,gBAAgB,GAAG,KAAK;MAClCC,QAAQ,EAAEC,gBAAgB,GAAG;IAEP,CAAC,GAAAN,IAAA;IADpBO,WAAW,GAAAf,wBAAA,CAAAQ,IAAA,EAAAzE,SAAA;EAEd,MAAMiF,KAA6B,GAAArC,aAAA;IACjC8B,YAAY,EAAEC,oBAAoB;IAClCC,QAAQ,EAAEC,gBAAgB;IAC1BC,QAAQ,EAAEC;EAAgB,GACvBC,WAAW,CACf;EAED,MAAME,OAAO,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EAEhD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAC9CL,OAAO,CAACM,UACV,CAAC;EAED,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAExB,MAAMC,aAAa,GAAG;IACpBT,OAAO;IACPD,KAAK;IACLW;EACF,CAAC;EAGD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIR,YAAY,KAAKH,OAAO,CAACM,UAAU,EAAE;MACvCF,eAAe,CAACJ,OAAO,CAACM,UAAU,CAAC;IACrC;EACF,CAAC,EAAE,CAACN,OAAO,CAACM,UAAU,EAAEH,YAAY,CAAC,CAAC;EAEtC,SAASO,cAAcA,CAAAE,KAAA,EAAkC;IAAA,IAAjC;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAe,CAAC,GAAAH,KAAA;IACrD,MAAMI,MAAM,GAAG;MACbH,KAAK;MACLC,IAAI;MACJG,YAAY,EAAEF,cAAc;MAC5BG,WAAW,EAAEH;IACf,CAAC;IAED,MAAMI,WAAW,GAAG,IAAAC,2CAA0B,EAC5CX,aAAa,EACb,UAAU,EACVO,MACF,CAAC;IAED,MAAMK,aAAa,GAAG,IAAAD,2CAA0B,EAC9CpB,OAAO,EACP,UAAU,EACVgB,MACF,CAAC;IAED,IAAIG,WAAW,KAAK,KAAK,IAAIE,aAAa,KAAK,KAAK,EAAE;MACpD;IACF;IAEA,IAAIrB,OAAO,CAACM,UAAU,KAAKS,cAAc,EAAE;MACzCf,OAAO,CAACsB,aAAa,CAACP,cAAc,CAAC;MACrC,IAAI,OAAOf,OAAO,CAACuB,aAAa,KAAK,UAAU,EAAE;QAC/CvB,OAAO,CAACuB,aAAa,CAAC,CAAC;MACzB;MAEA,IAAAH,2CAA0B,EAACpB,OAAO,EAAE,WAAW,EAAEgB,MAAM,CAAC;IAC1D;EACF;EAEA,MAAM;IACJQ,IAAI;IACJC,gBAAgB;IAChBnB,UAAU;IACVoB,UAAU;IACVC,kBAAkB;IAClBC,YAAY;IACZC,cAAc;IACdC,UAAU;IACVC;EACF,CAAC,GAAG/B,OAAO;EAEX,MAAM;MACJe,cAAc;MAEdiB,KAAK;MACLC,UAAU;MACVvC,QAAQ;MACRE,QAAQ;MACRsC,MAAM;MACN1C,YAAY;MAEZ2C,SAAS;MACTC;IAGF,CAAC,GAAGrC,KAAK;IADJsC,UAAU,GAAAtD,wBAAA,CACXgB,KAAK,EAAAhF,UAAA;EAETe,MAAM,CAACqB,IAAI,CAACkF,UAAU,CAAC,CAAC1E,OAAO,CAAE1B,GAAG,IAAK;IACvC,IAAIwF,gBAAgB,CAACa,QAAQ,CAACrG,GAAG,CAAC,EAAE;MAClC,OAAOoG,UAAU,CAACpG,GAAG,CAAC;IACxB;EACF,CAAC,CAAC;EAEF,MAAMsG,qBAAqB,GACzBf,IAAI,KAAK,OAAO,IAChBT,cAAc,IAAIT,UAAU,IAC5BqB,kBAAkB,CAACW,QAAQ,CAACvB,cAAc,CAAC;EAE7C,MAAMyB,aAAa,GAAGhB,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,OAAO;EAE3D,IAAIiB,UAAU,GACZ/C,QAAQ,IAAK8B,IAAI,KAAK,QAAQ,IAAI,CAACe,qBAAsB;EAE3D,MAAMG,SAAS,GAAG3B,cAAc,GAAGT,UAAU;EAE7C,MAAMqC,EAAE,GAAI,GAAEb,UAAU,IAAI,IAAAc,6BAAY,EAAC,CAAE,IAAG7B,cAAe,EAAC;EAC9D,MAAM8B,SAAS,GAAGd,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CACxBe,OAAO,CAAC,OAAO,EAAEzE,MAAM,CAAC0C,cAAc,GAAG,CAAC,CAAC,CAAC,CAC7C+B,OAAO,CAAC,QAAQ,EAAEzE,MAAM,CAACqD,UAAU,CAAC,CAAC;EAExC,MAAMqB,SAAS,GAAGhC,cAAc,KAAKT,UAAU;EAE/C,IAAI0C,OAAO,GACT9I,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,CAACC,eAAe;IACdC,MAAM,EAAEpC,cAAc,GAAG,CAAE;IAC3Ba,YAAY,EAAEA,YAAa;IAC3BM,MAAM,EAAEA;EAAO,GAEdF,KACc,CACC;EAEpB,MAAMoB,aAAa,GAAG;IACpBC,QAAQ,EAAEH,eAAe;IACzBF,OAAO;IACPX,UAAU;IACVtC,KAAK;IACLC;EACF,CAAC;EAED,IAAI,OAAOmC,SAAS,KAAK,UAAU,EAAE;IACnCa,OAAO,GAAGb,SAAS,CAACiB,aAAa,CAAC;EACpC,CAAC,MAAM,IAAI,OAAOvB,cAAc,KAAK,UAAU,EAAE;IAC/CmB,OAAO,GAAGnB,cAAc,CAACuB,aAAa,CAAC;EACzC;EAEA,MAAME,UAAU,GAAG,CAAC,CAA6B;EACjD,MAAMC,YAAY,GAAG;IACnBC,IAAI,EAAE,OAAO;IACbtB,MAAM;IACN1C,YAAY;IACZ,kBAAkB,EAAEmD;EACtB,CAAwB;EAExB,IAAII,SAAS,EAAE;IACbO,UAAU,CAAC,cAAc,CAAC,GAAG,MAAM;EACrC;EAEA,IAAI1D,QAAQ,EAAE;IACZ2D,YAAY,CAAC3D,QAAQ,GAAG,IAAI;EAC9B;EAEA,IAAI4C,aAAa,IAAI,CAACC,UAAU,EAAE;IAChCc,YAAY,CAACE,OAAO,GAAGC,KAAA;MAAA,IAAC;QAAE7C;MAAa,CAAC,GAAA6C,KAAA;MAAA,OACtChD,cAAc,CAAC;QACbG,KAAK;QACLC,IAAI,EAAEf,KAAK;QACXgB;MACF,CAAC,CAAC;IAAA;EACN;EAEA,IAAI,CAACwC,YAAY,CAACE,OAAO,EAAE;IACzBF,YAAY,CAACP,OAAO,GAAG,MAAM;IAC7BO,YAAY,CAACI,IAAI,GAAG,EAAE;IACtBJ,YAAY,CAACnB,QAAQ,GAAGzD,SAAS;IACjC8D,UAAU,GAAG,IAAI;EACnB;EAEA,OACEvI,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,OAAA1G,QAAA,KACM+G,UAAU;IACdM,SAAS,EAAE,IAAAC,mBAAU,EACnB,0BAA0B,EAI1BP,UAAU,CAACM,SAAS,EAHpBb,SAAS,IAAI,mCAAmC,EAChDN,UAAU,IAAI,oCAAoC,EAClDC,SAAS,IAAI,mCAEf;EAAE,IAEFxI,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,CAACa,cAAc,EAAAvH,QAAA,KAAKgH,YAAY;IAAEQ,SAAS,EAAExD;EAAI,IAC9CyC,OACa,CAAC,EACjB9I,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IAAMN,EAAE,EAAEA,EAAG;IAAC,mBAAW;IAACiB,SAAS,EAAC;EAAa,GAC9Cf,SACG,CACJ,CAAC;AAET;AAMO,SAASiB,cAAcA,CAAAE,KAAA,EAON;EAAA,IAPO;MAC7BC,QAAQ;MACRL,SAAS;MACT1B,MAAM;MACN1C,YAAY;MACZuE;IAEmB,CAAC,GAAAC,KAAA;IADjBjE,KAAK,GAAAhB,wBAAA,CAAAiF,KAAA,EAAAhJ,UAAA;EAER,MAAMkJ,KAAiD,GAAG;IACxDC,IAAI,EAAEC,oBAAQ;IACdC,KAAK,EAAEC,qBAAS;IAChBC,IAAI,EAAEC;EACR,CAAC;EAED,IAAItC,MAAM,EAAE;IACVnC,KAAK,CAACyD,IAAI,GACRtJ,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,CAACvI,KAAA,CAAAS,OAAI;MACHqI,IAAI,EAAEU,KAAK,CAAC1E,YAAY,CAAC,IAAI0E,KAAK,CAACK,IAAK;MACxCX,SAAS,EAAC,kBAAkB;MAC5Ba,IAAI,EAAC,QAAQ;MACbC,aAAa,EAAE;IAAM,CACtB,CACF;EACH;EAEA,OACExK,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,CAACxI,OAAA,CAAAU,OAAM,EAAAoB,QAAA;IACLqH,SAAS,EAAE,IAAAC,mBAAU,EACnBD,SAAS,EACT1B,MAAM,8EAC2C1C,YAAa,EAChE,CAAE;IACFmF,IAAI;IACJC,OAAO;IACPC,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,QAAQ;IAClBC,aAAa,EAAC,OAAO;IACrBhB,SAAS,EAAEA;EAAU,GACjBhE,KAAK,GAET7F,MAAA,CAAAiB,OAAA,CAAA8H,aAAA,CAACzI,gBAAA,CAAAW,OAAe,QAAE8I,QAA0B,CACtC,CAAC;AAEb;AAYO,SAASf,eAAeA,CAAA8B,KAAA,EAKN;EAAA,IALO;IAC9Bf,QAAQ;IACRd,MAAM;IACNvB,YAAY,GAAGqD,6CAAyB,CAACrD,YAAY;IACrDM;EACoB,CAAC,GAAA8C,KAAA;EACrB,OACE9K,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IAAMW,SAAS,EAAC;EAAkC,GAC/C,CAAChC,YAAY,IACZ1H,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IACE,mBAAW;IACXW,SAAS,EAAC;EAA0C,GAEnDT,MAAM,EAAC,GACJ,CACP,EACDjJ,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IAAMW,SAAS,EAAC;EAA2C,GACzD1J,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IAAMW,SAAS,EAAC;EAAwC,GACrDK,QACG,CAAC,EACN/B,MAAM,IACLhI,MAAA,CAAAiB,OAAA,CAAA8H,aAAA;IAAMW,SAAS,EAAC;EAA0C,GACvD1B,MACG,CAEJ,CACF,CAAC;AAEX;AAAC,IAAAgD,QAAA,GAEc5F,iBAAiB;AAAA6F,OAAA,CAAAhK,OAAA,GAAA+J,QAAA"}
+{"version":3,"file":"StepIndicatorItem.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_HeightAnimation","_Button","_Icon","_FormStatus","_StepIndicatorContext","_StepIndicatorProps","_excluded","_excluded2","_excluded3","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","props","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","includes","hasPassedAndIsCurrent","isNavigatable","isInactive","isVisited","id","makeUniqueId","ariaLabel","replace","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","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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"}

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

@@ -22,20 +22,20 @@ function StepIndicatorModal() {
   (0, _react.useEffect)(() => {
     const container = document.getElementById('sidebar__' + context.sidebar_id);
     setContainer(container);
-  }, []);
-  function closeHandler() {
+  }, [context.sidebar_id]);
+  const closeHandler = (0, _react.useCallback)(() => {
     if (context.hasSidebar) {
       var _triggerRef$current;
       (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
     }
     context.closeHandler();
-  }
-  function renderPortal() {
+  }, [context]);
+  const renderPortal = (0, _react.useCallback)(() => {
     if (!container) {
       return null;
     }
     return _reactDom.default.createPortal(_StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList3.default, null)), container);
-  }
+  }, [container]);
   if (context.sidebarIsVisible) {
     return renderPortal();
   }