@dnb/eufemia 10.2.0 → 10.3.0

package/components/step-indicator/StepIndicatorContext.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import Context from '../../shared/Context';
@@ -18,67 +15,53 @@ export default StepIndicatorContext;
 export class StepIndicatorProvider extends React.PureComponent {
   static getData(props) {
     let res = [];
-
     if (props.data) {
       res = props.data;
     } else {
       res = processChildren(props);
     }
-
     if (typeof res === 'string') return res[0] === '[' ? JSON.parse(res) : [];
     return res || [];
   }
-
   static getDerivedStateFromProps(props, state) {
     var _state$data, _state$step_title, _state$data2, _state$step_title_ext, _state$data3;
-
     if (props.data) {
       state.data = StepIndicatorProvider.getData(props);
     }
-
     state.countSteps = (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data.length;
-
     if (parseFloat(props.current_step) > -1 && props.current_step !== state._current_step) {
       state.activeStep = parseFloat(props.current_step) || 0;
     }
-
     if (!state.listOfReachedSteps.includes(state.activeStep)) {
       state.listOfReachedSteps.push(state.activeStep);
     }
-
     state.stepsLabel = (_state$step_title = state.step_title) === null || _state$step_title === void 0 ? void 0 : _state$step_title.replace('%step', (state.activeStep || 0) + 1).replace('%count', ((_state$data2 = state.data) === null || _state$data2 === void 0 ? void 0 : _state$data2.length) || 1);
     state.stepsLabelExtended = (_state$step_title_ext = state.step_title_extended) === null || _state$step_title_ext === void 0 ? void 0 : _state$step_title_ext.replace('%step', (state.activeStep || 0) + 1).replace('%count', ((_state$data3 = state.data) === null || _state$data3 === void 0 ? void 0 : _state$data3.length) || 1);
     state._current_step = props.current_step;
     return state;
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "setActiveStep", activeStep => {
       this.setState({
         activeStep
       });
     });
-
     _defineProperty(this, "onChangeState", () => {
       this.setState({
         openState: false
       });
     });
-
     _defineProperty(this, "openHandler", () => {
       this.setState({
         openState: true
       });
     });
-
     _defineProperty(this, "closeHandler", () => {
       this.setState({
         openState: false
       });
     });
-
     this.state = {
       hasSidebar: true,
       hideSidebar: false,
@@ -88,15 +71,12 @@ export class StepIndicatorProvider extends React.PureComponent {
       openHandler: this.openHandler,
       closeHandler: this.closeHandler
     };
-
     if (!this.state.listOfReachedSteps) {
       this.state.listOfReachedSteps = [];
     }
   }
-
   componentDidMount() {
     var _document;
-
     this._isMounted = true;
     this._mediaQueryListener = onMediaQueryChange({
       min: '0',
@@ -113,17 +93,14 @@ export class StepIndicatorProvider extends React.PureComponent {
       hasSidebar: Boolean(container)
     });
   }
-
   componentWillUnmount() {
     if (this._mediaQueryListener) {
       this._mediaQueryListener();
     }
   }
-
   componentDidUpdate() {
     this.setState(this.makeContextValue());
   }
-
   getGlobalContext() {
     let context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.context;
     const data = extendPropsWithContextInClassComponent(this.props, stepIndicatorDefaultProps, {
@@ -131,7 +108,6 @@ export class StepIndicatorProvider extends React.PureComponent {
     }, context.getTranslation(context).StepIndicator, context.StepIndicator);
     return data;
   }
-
   makeContextValue() {
     let {
       state = _objectSpread({}, this.state),
@@ -148,14 +124,11 @@ export class StepIndicatorProvider extends React.PureComponent {
     value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar;
     return value;
   }
-
   render() {
     const value = this.makeContextValue();
-
     if (typeof window !== 'undefined' && window.IS_TEST) {
       value.no_animation = true;
     }
-
     Object.keys(value).forEach(key => {
       if (key.startsWith('_')) {
         delete value[key];
@@ -165,48 +138,38 @@ export class StepIndicatorProvider extends React.PureComponent {
       value: value
     }, this.props.children);
   }
-
 }
-
 _defineProperty(StepIndicatorProvider, "contextType", Context);
-
 _defineProperty(StepIndicatorProvider, "defaultProps", {
   isSidebar: false
 });
-
 process.env.NODE_ENV !== "production" ? StepIndicatorProvider.propTypes = {
   sidebar_id: PropTypes.string.isRequired,
   children: PropTypes.node.isRequired,
   isSidebar: PropTypes.bool
 } : void 0;
-
 function extendSafe() {
   const obj = {};
-
   for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
     objects[_key] = arguments[_key];
   }
-
   objects.forEach(itm => {
     if (itm.defaultProps && itm.props) {
       itm = Object.entries(itm.props).reduce((acc, _ref) => {
         let [k, v] = _ref;
-
         if (itm.defaultProps[k] !== v) {
           acc[k] = v;
         }
-
         return acc;
       }, {});
     }
-
     Object.entries(itm).forEach(_ref2 => {
       let [k, v] = _ref2;
-
       if (!obj[k] || obj[k] && v) {
         obj[k] = v;
       }
     });
   });
   return obj;
-}
+}
+//# sourceMappingURL=StepIndicatorContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorContext.js","names":["React","PropTypes","Context","stepIndicatorDefaultProps","processChildren","extendPropsWithContextInClassComponent","onMediaQueryChange","filterAttributes","Object","keys","filter","item","includes","concat","StepIndicatorContext","createContext","StepIndicatorProvider","PureComponent","getData","props","res","data","JSON","parse","getDerivedStateFromProps","state","_state$data","_state$step_title","_state$data2","_state$step_title_ext","_state$data3","countSteps","length","parseFloat","current_step","_current_step","activeStep","listOfReachedSteps","push","stepsLabel","step_title","replace","stepsLabelExtended","step_title_extended","constructor","_defineProperty","setState","openState","hasSidebar","hideSidebar","undefined","setActiveStep","onChangeState","openHandler","closeHandler","componentDidMount","_document","_isMounted","_mediaQueryListener","min","max","runOnInit","container","document","getElementById","sidebar_id","Boolean","componentWillUnmount","componentDidUpdate","makeContextValue","getGlobalContext","context","arguments","skeleton","getTranslation","StepIndicator","_objectSpread","globalContext","value","extendSafe","defaultProps","sidebarIsVisible","render","window","IS_TEST","no_animation","forEach","key","startsWith","createElement","Provider","children","isSidebar","process","env","NODE_ENV","propTypes","string","isRequired","node","bool","obj","_len","objects","Array","_key","itm","entries","reduce","acc","_ref","k","v","_ref2"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.js"],"sourcesContent":["/**\n * Web StepIndicator Context\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Context from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport { onMediaQueryChange } from '../../shared/MediaQueryUtils'\n\n// We use this array to filter out unwanted\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\nconst StepIndicatorContext = React.createContext(null)\n\nexport default StepIndicatorContext\n\nexport class StepIndicatorProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    sidebar_id: PropTypes.string.isRequired,\n    children: PropTypes.node.isRequired,\n    isSidebar: PropTypes.bool,\n  }\n\n  static defaultProps = {\n    isSidebar: false,\n  }\n\n  static getData(props) {\n    let res = []\n    if (props.data) {\n      res = props.data\n    } else {\n      res = processChildren(props)\n    }\n    if (typeof res === 'string')\n      return res[0] === '[' ? JSON.parse(res) : []\n    return res || []\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.data) {\n      state.data = StepIndicatorProvider.getData(props)\n    }\n    state.countSteps = state.data?.length\n\n    if (\n      parseFloat(props.current_step) > -1 &&\n      props.current_step !== state._current_step\n    ) {\n      state.activeStep = parseFloat(props.current_step) || 0\n    }\n\n    if (!state.listOfReachedSteps.includes(state.activeStep)) {\n      state.listOfReachedSteps.push(state.activeStep)\n    }\n\n    state.stepsLabel = state.step_title\n      ?.replace('%step', (state.activeStep || 0) + 1)\n      .replace('%count', state.data?.length || 1)\n    state.stepsLabelExtended = state.step_title_extended\n      ?.replace('%step', (state.activeStep || 0) + 1)\n      .replace('%count', state.data?.length || 1)\n\n    state._current_step = props.current_step\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      hasSidebar: true,\n      hideSidebar: false,\n      activeStep: undefined,\n      setActiveStep: this.setActiveStep,\n      onChangeState: this.onChangeState,\n      openHandler: this.openHandler,\n      closeHandler: this.closeHandler,\n    }\n\n    if (!this.state.listOfReachedSteps) {\n      this.state.listOfReachedSteps = []\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n\n    this._mediaQueryListener = onMediaQueryChange(\n      {\n        min: '0',\n        max: 'medium',\n      },\n      (hideSidebar) => {\n        this.setState({\n          hideSidebar,\n        })\n      },\n      { runOnInit: true }\n    )\n\n    const container = document?.getElementById(\n      'sidebar__' + this.props.sidebar_id\n    )\n    this.setState({\n      hasSidebar: Boolean(container),\n    })\n  }\n\n  componentWillUnmount() {\n    if (this._mediaQueryListener) {\n      this._mediaQueryListener()\n    }\n  }\n\n  componentDidUpdate() {\n    this.setState(this.makeContextValue())\n  }\n\n  setActiveStep = (activeStep) => {\n    this.setState({ activeStep })\n  }\n\n  onChangeState = () => {\n    this.setState({ openState: false })\n  }\n\n  openHandler = () => {\n    this.setState({ openState: true })\n  }\n\n  closeHandler = () => {\n    this.setState({ openState: false })\n  }\n\n  getGlobalContext(context = this.context) {\n    // use only the props from context, who are available here anyway\n    const data = extendPropsWithContextInClassComponent(\n      this.props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context.StepIndicator\n    )\n\n    return data\n  }\n\n  makeContextValue({\n    state = { ...this.state },\n    props = this.props,\n    context = this.context,\n  } = {}) {\n    const globalContext = this.getGlobalContext(context)\n\n    const value = extendSafe(\n      { filterAttributes },\n      globalContext,\n      {\n        defaultProps: stepIndicatorDefaultProps,\n        props,\n      },\n      state\n    )\n\n    value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar\n\n    return value\n  }\n\n  render() {\n    const value = this.makeContextValue()\n\n    if (typeof window !== 'undefined' && window.IS_TEST) {\n      value.no_animation = true\n    }\n\n    // Filter out unwanted HTML attributes\n    Object.keys(value).forEach((key) => {\n      if (key.startsWith('_')) {\n        delete value[key]\n      }\n    })\n\n    return (\n      <StepIndicatorContext.Provider value={value}>\n        {this.props.children}\n      </StepIndicatorContext.Provider>\n    )\n  }\n}\n\n/**\n * Like \"Object.assign\" – but safe\n * A new falsy value will not be used, if it exists already\n * Also,\n *\n * @param  {...object} objects\n * @returns object\n */\nfunction extendSafe(...objects) {\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/components/step-indicator/StepIndicatorItem.d.ts

@@ -10,23 +10,19 @@ export interface StepIndicatorItemProps
   mode?: string;
   title: StepIndicatorItemTitle;
   step_title?: string;
-
   /**
    * Define whether to show automatically counted numbers or not. Defaults to `false`.
    */
   hide_numbers?: boolean;
-
   /**
    * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.
    */
   on_item_render?: (...args: any[]) => any;
-
   /**
    * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step }`.
    */
   on_change?: (...args: any[]) => any;
   on_render?: (...args: any[]) => any;
-
   /**
    * 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 }`.
    */
@@ -52,15 +48,14 @@ export interface StepItemButtonProps {
   status?: FormStatusText;
   status_state?: StepIndicatorStatusState;
 }
-export const StepItemButton: React.FC<StepItemButtonProps>;
+export declare const StepItemButton: React.FC<StepItemButtonProps>;
 export interface StepItemWrapperProps {
   children?: React.ReactNode;
   number?: number;
-
   /**
    * Define whether to show automatically counted numbers or not. Defaults to `false`.
    */
   hide_numbers?: boolean;
   status?: string;
 }
-export const StepItemWrapper: React.FC<StepItemWrapperProps>;
+export declare const StepItemWrapper: React.FC<StepItemWrapperProps>;

package/components/step-indicator/StepIndicatorItem.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["currentItemNum", "title", "is_current", "inactive", "disabled", "status", "status_state", "on_render", "on_click", "on_change"],
-      _excluded2 = ["children", "className", "status", "status_state", "inner_ref"];
+  _excluded2 = ["children", "className", "status", "status_state", "inner_ref"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -15,7 +15,6 @@ import StepIndicatorContext from './StepIndicatorContext';
 export default class StepIndicatorItem extends React.PureComponent {
   constructor(props, context) {
     super(props);
-
     _defineProperty(this, "onClickHandler", _ref => {
       let {
         event,
@@ -30,54 +29,41 @@ export default class StepIndicatorItem extends React.PureComponent {
       };
       const onClickItem = dispatchCustomElementEvent(this, 'on_click', params);
       const onClickGlobal = dispatchCustomElementEvent(this.context, 'on_click', params);
-
       if (onClickItem === false || onClickGlobal === false) {
         return;
       }
-
       if (this.context.activeStep !== currentItemNum) {
         this.context.setActiveStep(currentItemNum);
-
         if (typeof this.context.onChangeState === 'function') {
           this.context.onChangeState(currentItemNum);
         }
-
         dispatchCustomElementEvent(this.context, 'on_change', params);
       }
     });
-
     this._heightAnim = new HeightAnimationInstance({
       animate: !isTrue(context.no_animation)
     });
     this._ref = React.createRef();
   }
-
   componentDidMount() {
     this._heightAnim.setElement(this._ref.current);
-
     this._prevStep = this.context.activeStep;
   }
-
   componentWillUnmount() {
     this._heightAnim.remove();
   }
-
   getSnapshotBeforeUpdate() {
     return this._heightAnim.getHeight();
   }
-
   componentDidUpdate(a, b, height) {
     if (this._prevStep !== this.context.activeStep && (this.props.currentItemNum === this._prevStep || this.props.currentItemNum === this.context.activeStep)) {
       const toHeight = this._heightAnim.getUnknownHeight();
-
       if (height !== toHeight) {
         this._heightAnim.adjustTo(height, toHeight);
       }
     }
-
     this._prevStep = this.context.activeStep;
   }
-
   render() {
     const {
       mode,
@@ -90,22 +76,20 @@ export default class StepIndicatorItem extends React.PureComponent {
       sidebar_id,
       step_title
     } = this.context;
-
     const _this$props = this.props,
-          {
-      currentItemNum,
-      title,
-      is_current,
-      inactive,
-      disabled,
-      status,
-      status_state,
-      on_render,
-      on_click,
-      on_change
-    } = _this$props,
-          attributes = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        currentItemNum,
+        title,
+        is_current,
+        inactive,
+        disabled,
+        status,
+        status_state,
+        on_render,
+        on_click,
+        on_change
+      } = _this$props,
+      attributes = _objectWithoutProperties(_this$props, _excluded);
     Object.keys(attributes).forEach(key => {
       if (filterAttributes.includes(key)) {
         delete attributes[key];
@@ -131,13 +115,11 @@ export default class StepIndicatorItem extends React.PureComponent {
       props: this.props,
       context: this.context
     };
-
     if (typeof on_render === 'function') {
       element = on_render(callbackProps);
     } else if (typeof on_item_render === 'function') {
       element = on_item_render(callbackProps);
     }
-
     const itemParams = {};
     const buttonParams = {
       icon: 'check',
@@ -145,15 +127,12 @@ export default class StepIndicatorItem extends React.PureComponent {
       status_state,
       'aria-describedby': id
     };
-
     if (isCurrent) {
       itemParams['aria-current'] = 'step';
     }
-
     if (isTrue(disabled)) {
       buttonParams['disabled'] = true;
     }
-
     if (isNavigateable && !isInactive) {
       buttonParams.onClick = _ref2 => {
         let {
@@ -166,14 +145,12 @@ export default class StepIndicatorItem extends React.PureComponent {
         });
       };
     }
-
     if (!buttonParams.onClick) {
       buttonParams.element = 'span';
       buttonParams.type = '';
       buttonParams.on_click = undefined;
       isInactive = true;
     }
-
     return React.createElement("li", _extends({}, itemParams, {
       className: classnames('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.createElement(StepItemButton, _extends({}, buttonParams, {
@@ -184,11 +161,8 @@ export default class StepIndicatorItem extends React.PureComponent {
       className: "dnb-sr-only"
     }, ariaLabel));
   }
-
 }
-
 _defineProperty(StepIndicatorItem, "contextType", StepIndicatorContext);
-
 _defineProperty(StepIndicatorItem, "defaultProps", {
   mode: null,
   step_title: '%step',
@@ -203,7 +177,6 @@ _defineProperty(StepIndicatorItem, "defaultProps", {
   status: null,
   status_state: 'warn'
 });
-
 process.env.NODE_ENV !== "production" ? StepIndicatorItem.propTypes = {
   mode: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
@@ -222,32 +195,27 @@ process.env.NODE_ENV !== "production" ? StepIndicatorItem.propTypes = {
 } : void 0;
 export const StepItemButton = _ref3 => {
   let {
-    children,
-    className,
-    status,
-    status_state,
-    inner_ref
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2);
-
+      children,
+      className,
+      status,
+      status_state,
+      inner_ref
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded2);
   if (status) {
     let icon = null;
-
     switch (status_state) {
       case 'info':
         icon = InfoIcon;
         break;
-
       case 'error':
         icon = ErrorIcon;
         break;
-
       case 'warn':
       default:
         icon = WarnIcon;
         break;
     }
-
     props.icon = React.createElement(Icon, {
       icon: icon,
       className: "dnb-button__icon",
@@ -255,7 +223,6 @@ export const StepItemButton = _ref3 => {
       inherit_color: false
     });
   }
-
   return React.createElement(Button, _extends({
     className: classnames(className, status && `dnb-step-indicator__button__status dnb-step-indicator__button__status--${status_state}`),
     wrap: true,
@@ -311,4 +278,5 @@ StepItemWrapper.defaultProps = {
   number: null,
   hide_numbers: null,
   status: null
-};
+};
+//# sourceMappingURL=StepIndicatorItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorItem.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","dispatchCustomElementEvent","HeightAnimationInstance","Button","Icon","WarnIcon","InfoIcon","ErrorIcon","StepIndicatorContext","StepIndicatorItem","PureComponent","constructor","props","context","_defineProperty","_ref","event","item","currentItemNum","params","current_step","currentStep","onClickItem","onClickGlobal","activeStep","setActiveStep","onChangeState","_heightAnim","animate","no_animation","createRef","componentDidMount","setElement","current","_prevStep","componentWillUnmount","remove","getSnapshotBeforeUpdate","getHeight","componentDidUpdate","a","b","height","toHeight","getUnknownHeight","adjustTo","render","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","_this$props","title","is_current","inactive","disabled","status","status_state","on_render","on_click","on_change","attributes","_objectWithoutProperties","_excluded","Object","keys","forEach","key","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","ariaLabel","replace","isCurrent","isNaN","parseFloat","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref2","onClickHandler","type","undefined","_extends","className","StepItemButton","inner_ref","process","env","NODE_ENV","propTypes","string","oneOfType","node","isRequired","bool","func","oneOf","_ref3","children","_excluded2","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","object","defaultProps","_ref4"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport Button from '../button/Button'\nimport Icon from '../icon/Icon'\nimport {\n  WarnIcon,\n  InfoIcon,\n  ErrorIcon,\n} from '../../components/form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nexport default class StepIndicatorItem extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  static propTypes = {\n    mode: PropTypes.string,\n    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])\n      .isRequired,\n    step_title: PropTypes.string,\n    hide_numbers: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    on_item_render: PropTypes.func,\n    on_change: PropTypes.func,\n\n    on_render: PropTypes.func,\n    on_click: PropTypes.func,\n\n    is_current: PropTypes.bool,\n    inactive: PropTypes.bool,\n    disabled: PropTypes.bool,\n    status: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    status_state: PropTypes.oneOf(['warn', 'info', 'error']),\n\n    currentItemNum: PropTypes.number.isRequired,\n  }\n\n  static defaultProps = {\n    mode: null,\n    step_title: '%step',\n    hide_numbers: false,\n\n    on_item_render: null,\n    on_change: null,\n\n    on_render: null,\n    on_click: null,\n\n    is_current: null,\n    inactive: null,\n    disabled: null,\n    status: null,\n    status_state: 'warn',\n  }\n\n  constructor(props, context) {\n    super(props)\n\n    this._heightAnim = new HeightAnimationInstance({\n      animate: !isTrue(context.no_animation),\n    })\n    this._ref = React.createRef()\n  }\n\n  componentDidMount() {\n    this._heightAnim.setElement(this._ref.current)\n    this._prevStep = this.context.activeStep\n  }\n\n  componentWillUnmount() {\n    this._heightAnim.remove()\n  }\n\n  getSnapshotBeforeUpdate() {\n    return this._heightAnim.getHeight()\n  }\n\n  componentDidUpdate(a, b, height) {\n    if (\n      this._prevStep !== this.context.activeStep &&\n      (this.props.currentItemNum === this._prevStep ||\n        this.props.currentItemNum === this.context.activeStep)\n    ) {\n      const toHeight = this._heightAnim.getUnknownHeight()\n      if (height !== toHeight) {\n        this._heightAnim.adjustTo(height, toHeight)\n      }\n    }\n    this._prevStep = this.context.activeStep\n  }\n\n  onClickHandler = ({ event, item, currentItemNum }) => {\n    const params = {\n      event,\n      item,\n      current_step: currentItemNum,\n      currentStep: currentItemNum,\n    }\n    const onClickItem = dispatchCustomElementEvent(\n      this,\n      'on_click',\n      params\n    )\n    const onClickGlobal = dispatchCustomElementEvent(\n      this.context,\n      'on_click',\n      params\n    )\n    if (onClickItem === false || onClickGlobal === false) {\n      return // stop here\n    }\n\n    if (this.context.activeStep !== currentItemNum) {\n      this.context.setActiveStep(currentItemNum)\n      if (typeof this.context.onChangeState === 'function') {\n        this.context.onChangeState(currentItemNum)\n      }\n\n      dispatchCustomElementEvent(this.context, 'on_change', params)\n    }\n  }\n\n  render() {\n    const {\n      mode,\n      filterAttributes,\n      activeStep,\n      countSteps,\n      listOfReachedSteps,\n      hide_numbers,\n      on_item_render,\n      sidebar_id,\n      step_title,\n    } = this.context\n\n    const {\n      currentItemNum,\n\n      title,\n      is_current,\n      inactive,\n      disabled,\n      status,\n      status_state,\n\n      on_render,\n      on_click, // eslint-disable-line\n      on_change, // eslint-disable-line\n\n      ...attributes\n    } = this.props\n\n    Object.keys(attributes).forEach((key) => {\n      if (filterAttributes.includes(key)) {\n        delete attributes[key]\n      }\n    })\n\n    const hasPassedAndIsCurrent =\n      mode === 'loose' ||\n      currentItemNum <= activeStep ||\n      listOfReachedSteps.includes(currentItemNum)\n    const isNavigateable = mode === 'strict' || mode === 'loose'\n    let isInactive =\n      isTrue(inactive) || (mode === 'strict' && !hasPassedAndIsCurrent)\n    let isVisited = currentItemNum < activeStep\n\n    const id = `${sidebar_id || makeUniqueId()}-${currentItemNum}`\n    const ariaLabel = step_title\n      ?.replace('%step', currentItemNum + 1)\n      .replace('%count', countSteps)\n\n    const isCurrent =\n      currentItemNum === activeStep ||\n      (isTrue(is_current) && isNaN(parseFloat(activeStep)))\n\n    let element = (\n      <StepItemWrapper\n        number={currentItemNum + 1}\n        hide_numbers={hide_numbers}\n        status={status}\n        status_state={status_state}\n      >\n        {title}\n      </StepItemWrapper>\n    )\n\n    const callbackProps = {\n      StepItem: StepItemWrapper,\n      element,\n      attributes,\n      props: this.props,\n      context: this.context,\n    }\n\n    if (typeof on_render === 'function') {\n      element = on_render(callbackProps)\n    } else if (typeof on_item_render === 'function') {\n      element = on_item_render(callbackProps)\n    }\n\n    const itemParams = {}\n    const buttonParams = {\n      icon: 'check',\n      status,\n      status_state,\n      'aria-describedby': id,\n    }\n\n    if (isCurrent) {\n      itemParams['aria-current'] = 'step'\n    }\n\n    if (isTrue(disabled)) {\n      buttonParams['disabled'] = true\n    }\n\n    if (isNavigateable && !isInactive) {\n      buttonParams.onClick = ({ event }) =>\n        this.onClickHandler({\n          event,\n          item: this.props,\n          currentItemNum,\n        })\n    }\n\n    if (!buttonParams.onClick) {\n      buttonParams.element = 'span'\n      buttonParams.type = ''\n      buttonParams.on_click = undefined\n      isInactive = true\n    }\n\n    return (\n      <li\n        {...itemParams}\n        className={classnames(\n          'dnb-step-indicator__item',\n          isCurrent && 'dnb-step-indicator__item--current',\n          isInactive && 'dnb-step-indicator__item--inactive',\n          isVisited && 'dnb-step-indicator__item--visited',\n          itemParams.className\n        )}\n      >\n        <StepItemButton {...buttonParams} inner_ref={this._ref}>\n          {element}\n        </StepItemButton>\n        <span id={id} aria-hidden className=\"dnb-sr-only\">\n          {ariaLabel}\n        </span>\n      </li>\n    )\n  }\n}\n\nexport const StepItemButton = ({\n  children,\n  className,\n  status,\n  status_state,\n  inner_ref,\n  ...props\n}) => {\n  if (status) {\n    let icon = null\n    switch (status_state) {\n      case 'info':\n        icon = InfoIcon\n        break\n      case 'error':\n        icon = ErrorIcon\n        break\n      case 'warn':\n      default:\n        icon = WarnIcon\n        break\n    }\n    props.icon = (\n      <Icon\n        icon={icon}\n        className=\"dnb-button__icon\"\n        size=\"medium\"\n        inherit_color={false}\n      />\n    )\n  }\n  return (\n    <Button\n      className={classnames(\n        className,\n        status && 'dnb-step-indicator__button__status',\n        status && `dnb-step-indicator__button__status--${status_state}`\n      )}\n      wrap\n      stretch\n      variant=\"secondary\"\n      icon_size=\"medium\"\n      icon_position=\"right\"\n      inner_ref={inner_ref}\n      {...props}\n    >\n      {children}\n    </Button>\n  )\n}\nStepItemButton.propTypes = {\n  children: PropTypes.node,\n  inner_ref: PropTypes.object,\n  className: PropTypes.string,\n  status: PropTypes.string,\n  status_state: PropTypes.string,\n}\nStepItemButton.defaultProps = {\n  children: null,\n  inner_ref: null,\n  className: null,\n  status: null,\n  status_state: null,\n}\n\nexport const StepItemWrapper = ({\n  children,\n  number,\n  hide_numbers,\n  status,\n}) => {\n  return (\n    <span className=\"dnb-step-indicator__item-content\">\n      {!isTrue(hide_numbers) && (\n        <span\n          aria-hidden // because we provide the hidden aria-describedby\n          className=\"dnb-step-indicator__item-content__number\"\n        >\n          {number}.\n        </span>\n      )}\n      <span className=\"dnb-step-indicator__item-content__wrapper\">\n        <span className=\"dnb-step-indicator__item-content__text\">\n          {children}\n        </span>\n        {status && (\n          <span className=\"dnb-step-indicator__item-content__status\">\n            {status}\n          </span>\n        )}\n      </span>\n    </span>\n  )\n}\nStepItemWrapper.propTypes = {\n  children: PropTypes.node,\n  number: PropTypes.number,\n  hide_numbers: PropTypes.bool,\n  status: PropTypes.string,\n}\nStepItemWrapper.defaultProps = {\n  children: null,\n  number: null,\n  hide_numbers: null,\n  status: null,\n}\n"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ export default class StepIndicatorList extends React.PureComponent<any, any, any
     static contextType: typeof StepIndicatorContext;
     constructor(props: any);
     constructor(props: any, context: any);
+    render(): JSX.Element;
 }
-import React from "react";
-import StepIndicatorContext from "./StepIndicatorContext";
+import React from 'react';
+import StepIndicatorContext from './StepIndicatorContext';

package/components/step-indicator/StepIndicatorList.js

@@ -12,16 +12,15 @@ import StepIndicatorContext from './StepIndicatorContext';
 export default class StepIndicatorList extends React.PureComponent {
   render() {
     const _this$context = this.context,
-          {
-      mode,
-      filterAttributes,
-      skeleton,
-      data,
-      countSteps,
-      sidebar_id
-    } = _this$context,
-          rest = _objectWithoutProperties(_this$context, _excluded);
-
+      {
+        mode,
+        filterAttributes,
+        skeleton,
+        data,
+        countSteps,
+        sidebar_id
+      } = _this$context,
+      rest = _objectWithoutProperties(_this$context, _excluded);
     const params = {
       sidebar_id,
       className: classnames('dnb-step-indicator', createSkeletonClass('font', skeleton), this.context.className, this.context.class, this.context.hasSidebar && createSpacingClasses(this.context))
@@ -31,13 +30,11 @@ export default class StepIndicatorList extends React.PureComponent {
     };
     const Element = mode === 'static' || !this.context.hasSidebar || isTrue(this.context.use_navigation) ? 'div' : 'nav';
     const ariaLabelledbyValue = combineLabelledBy(rest, params.sidebar_id);
-
     if (Element === 'nav') {
       params['aria-labelledby'] = ariaLabelledbyValue;
     } else {
       listParams['aria-labelledby'] = ariaLabelledbyValue;
     }
-
     Object.keys(params).forEach(key => {
       if (filterAttributes.includes(key)) {
         delete params[key];
@@ -51,14 +48,12 @@ export default class StepIndicatorList extends React.PureComponent {
           title: itemData
         };
       }
-
       return React.createElement(StepIndicatorItem, _extends({
         key: i,
         currentItemNum: i
       }, itemData));
     })));
   }
-
 }
-
-_defineProperty(StepIndicatorList, "contextType", StepIndicatorContext);
+_defineProperty(StepIndicatorList, "contextType", StepIndicatorContext);
+//# sourceMappingURL=StepIndicatorList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorList.js","names":["React","classnames","isTrue","combineLabelledBy","validateDOMAttributes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","StepIndicatorItem","StepIndicatorContext","StepIndicatorList","PureComponent","render","_this$context","context","mode","filterAttributes","skeleton","data","countSteps","sidebar_id","rest","_objectWithoutProperties","_excluded","params","className","class","hasSidebar","listParams","Element","use_navigation","ariaLabelledbyValue","Object","keys","forEach","key","includes","createElement","map","itemData","i","title","_extends","currentItemNum","_defineProperty"],"sources":["../../../../src/components/step-indicator/StepIndicatorList.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  combineLabelledBy,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport StepIndicatorItem from './StepIndicatorItem'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nexport default class StepIndicatorList extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  render() {\n    const {\n      mode,\n      filterAttributes,\n      skeleton,\n      data,\n      countSteps,\n      sidebar_id,\n      ...rest\n    } = this.context\n\n    const params = {\n      sidebar_id,\n      className: classnames(\n        'dnb-step-indicator',\n        createSkeletonClass('font', skeleton),\n        this.context.hasSidebar && createSpacingClasses(this.context),\n        this.context.className,\n        this.context.class\n      ),\n    }\n\n    const listParams = {\n      className: 'dnb-step-indicator__list',\n    }\n\n    const Element =\n      mode === 'static' ||\n      !this.context.hasSidebar ||\n      isTrue(this.context.use_navigation)\n        ? 'div'\n        : 'nav'\n\n    const ariaLabelledbyValue = combineLabelledBy(rest, params.sidebar_id)\n\n    if (Element === 'nav') {\n      params['aria-labelledby'] = ariaLabelledbyValue\n    } else {\n      listParams['aria-labelledby'] = ariaLabelledbyValue\n    }\n\n    Object.keys(params).forEach((key) => {\n      if (filterAttributes.includes(key)) {\n        delete params[key]\n      }\n    })\n\n    skeletonDOMAttributes(params, skeleton)\n\n    validateDOMAttributes(this.context, params)\n\n    return (\n      <Element {...params}>\n        {countSteps > 0 && (\n          <ol {...listParams}>\n            {data.map((itemData, i) => {\n              if (typeof itemData === 'string') {\n                itemData = { title: itemData }\n              }\n\n              return (\n                <StepIndicatorItem\n                  key={i}\n                  currentItemNum={i}\n                  {...itemData}\n                />\n              )\n            })}\n          </ol>\n        )}\n      </Element>\n    )\n  }\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,iBAAiB,EACjBC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SACEC,qBAAqB,EACrBC,mBAAmB,QACd,4BAA4B;AACnC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,eAAe,MAAMC,iBAAiB,SAASV,KAAK,CAACW,aAAa,CAAC;EAGjEC,MAAMA,CAAA,EAAG;IACP,MAAAC,aAAA,GAQI,IAAI,CAACC,OAAO;MARV;QACJC,IAAI;QACJC,gBAAgB;QAChBC,QAAQ;QACRC,IAAI;QACJC,UAAU;QACVC;MAEF,CAAC,GAAAP,aAAA;MADIQ,IAAI,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;IAGT,MAAMC,MAAM,GAAG;MACbJ,UAAU;MACVK,SAAS,EAAExB,UAAU,CACnB,oBAAoB,EACpBM,mBAAmB,CAAC,MAAM,EAAEU,QAAQ,CAAC,EAErC,IAAI,CAACH,OAAO,CAACW,SAAS,EACtB,IAAI,CAACX,OAAO,CAACY,KAAK,EAFlB,IAAI,CAACZ,OAAO,CAACa,UAAU,IAAItB,oBAAoB,CAAC,IAAI,CAACS,OAAO,CAG9D;IACF,CAAC;IAED,MAAMc,UAAU,GAAG;MACjBH,SAAS,EAAE;IACb,CAAC;IAED,MAAMI,OAAO,GACXd,IAAI,KAAK,QAAQ,IACjB,CAAC,IAAI,CAACD,OAAO,CAACa,UAAU,IACxBzB,MAAM,CAAC,IAAI,CAACY,OAAO,CAACgB,cAAc,CAAC,GAC/B,KAAK,GACL,KAAK;IAEX,MAAMC,mBAAmB,GAAG5B,iBAAiB,CAACkB,IAAI,EAAEG,MAAM,CAACJ,UAAU,CAAC;IAEtE,IAAIS,OAAO,KAAK,KAAK,EAAE;MACrBL,MAAM,CAAC,iBAAiB,CAAC,GAAGO,mBAAmB;IACjD,CAAC,MAAM;MACLH,UAAU,CAAC,iBAAiB,CAAC,GAAGG,mBAAmB;IACrD;IAEAC,MAAM,CAACC,IAAI,CAACT,MAAM,CAAC,CAACU,OAAO,CAAEC,GAAG,IAAK;MACnC,IAAInB,gBAAgB,CAACoB,QAAQ,CAACD,GAAG,CAAC,EAAE;QAClC,OAAOX,MAAM,CAACW,GAAG,CAAC;MACpB;IACF,CAAC,CAAC;IAEF7B,qBAAqB,CAACkB,MAAM,EAAEP,QAAQ,CAAC;IAEvCb,qBAAqB,CAAC,IAAI,CAACU,OAAO,EAAEU,MAAM,CAAC;IAE3C,OACExB,KAAA,CAAAqC,aAAA,CAACR,OAAO,EAAKL,MAAM,EAChBL,UAAU,GAAG,CAAC,IACbnB,KAAA,CAAAqC,aAAA,OAAQT,UAAU,EACfV,IAAI,CAACoB,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;MACzB,IAAI,OAAOD,QAAQ,KAAK,QAAQ,EAAE;QAChCA,QAAQ,GAAG;UAAEE,KAAK,EAAEF;QAAS,CAAC;MAChC;MAEA,OACEvC,KAAA,CAAAqC,aAAA,CAAC7B,iBAAiB,EAAAkC,QAAA;QAChBP,GAAG,EAAEK,CAAE;QACPG,cAAc,EAAEH;MAAE,GACdD,QAAQ,CACb,CAAC;IAEN,CAAC,CACC,CAEC,CAAC;EAEd;AACF;AAACK,eAAA,CA5EoBlC,iBAAiB,iBACfD,oBAAoB"}

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

@@ -2,8 +2,13 @@ export default class StepIndicatorModal extends React.PureComponent<any, any, an
     static contextType: typeof StepIndicatorContext;
     constructor(props: any);
     _triggerRef: React.RefObject<any>;
+    state: {
+        container: any;
+    };
     closeHandler: (...args: any[]) => void;
+    componentDidMount(): void;
     renderPortal(): React.ReactPortal;
+    render(): JSX.Element;
 }
-import React from "react";
-import StepIndicatorContext from "./StepIndicatorContext";
+import React from 'react';
+import StepIndicatorContext from './StepIndicatorContext';