npm - @dnb/eufemia - Versions diffs - 10.7.0 → 10.9.0 - Mend

@dnb/eufemia 10.7.0 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1468) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicatorItem.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","dispatchCustomElementEvent","HeightAnimationInstance","Button","Icon","WarnIcon","InfoIcon","ErrorIcon","StepIndicatorContext","StepIndicatorItem","PureComponent","constructor","props","context","_defineProperty","_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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"}
1	+ {"version":3,"file":"StepIndicatorItem.js","names":["React","useContext","useEffect","useLayoutEffect","useRef","useState","classnames","makeUniqueId","dispatchCustomElementEvent","HeightAnimationInstance","Button","Icon","WarnIcon","InfoIcon","ErrorIcon","StepIndicatorContext","stepIndicatorDefaultProps","StepIndicatorItem","_ref","status_state","status_state_default","inactive","inactive_default","disabled","disabled_default","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","previousStep","setPreviousStep","activeStep","heightAnim","animate","no_animation","undefined","current","ref","thisReference","onClickHandler","setElement","remove","height","getHeight","currentItemNum","toHeight","getUnknownHeight","adjustTo","_ref2","event","item","params","current_step","currentStep","onClickItem","onClickGlobal","setActiveStep","onChangeState","mode","filterAttributes","countSteps","listOfReachedSteps","hide_numbers","on_item_render","sidebar_id","step_title","title","is_current","status","on_render","on_click","attributes","_excluded2","Object","keys","forEach","key","includes","hasPassedAndIsCurrent","isNavigateable","isInactive","isVisited","id","ariaLabel","replace","String","isCurrent","element","createElement","StepItemWrapper","number","callbackProps","StepItem","itemParams","buttonParams","icon","onClick","_ref3","type","_extends","className","StepItemButton","inner_ref","_ref4","children","_excluded3","icons","info","error","warn","size","inherit_color","wrap","stretch","variant","icon_size","icon_position","_ref5"],"sources":["../../../../src/components/step-indicator/StepIndicatorItem.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React, {\n HTMLProps,\n useContext,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n makeUniqueId,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport Button, { ButtonProps } from '../button/Button'\nimport Icon, { IconIcon } from '../icon/Icon'\nimport { WarnIcon, InfoIcon, ErrorIcon } from '../form-status/FormStatus'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport {\n StepIndicatorMouseEvent,\n StepIndicatorRenderCallback,\n} from './StepIndicator'\n\nexport type StepIndicatorStatusState = 'warn' \| 'info' \| 'error'\nexport type StepIndicatorItemProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'title' \| 'data'\n> & {\n title: string \| React.ReactNode\n /*\n If set to true, this item step will be set as the current current selected step. This can be used instead of `current_step` on the component itself.\n /\n is_current?: boolean\n /\n If set to true, this item step will be handled as an inactive step and will not be clickable.\n * Defaults to `false`\n /\n inactive?: boolean\n /\n If set to true, this item step will be visible as an disabled button and will not be clickable.\n * Defaults to false.\n /\n disabled?: boolean\n /\n Is used to set the status text.\n /\n status?: string \| React.ReactNode\n /\n Used to set the status state to be either `info`, `error` or `warn`.\n * Defaults to `warn`.\n /\n status_state?: StepIndicatorStatusState\n /\n Callback function to manipulate or wrap the step item. Has to return a React Node. You receive an object `{ StepItem, element, attributes, props, context }`.\n /\n on_render?: ({\n StepItem,\n element,\n attributes,\n props,\n context,\n }: StepIndicatorRenderCallback) => React.ReactNode\n /\n Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.\n /\n on_click?: ({\n event,\n item,\n current_step,\n currentStep,\n }: StepIndicatorMouseEvent) => void\n currentItemNum: number\n}\n\nfunction StepIndicatorItem({\n status_state: status_state_default = 'warn',\n inactive: inactive_default = false,\n disabled: disabled_default = false,\n ...restOfProps\n}: StepIndicatorItemProps) {\n const props: StepIndicatorItemProps = {\n status_state: status_state_default,\n inactive: inactive_default,\n disabled: disabled_default,\n ...restOfProps,\n }\n\n const context = useContext(StepIndicatorContext)\n\n const [previousStep, setPreviousStep] = useState<number>(\n context.activeStep\n )\n\n const heightAnim = useRef(\n new HeightAnimationInstance({\n animate:\n context?.no_animation !== undefined ? context.no_animation : false,\n })\n ).current\n\n const ref = useRef(null)\n\n const thisReference = {\n context,\n props,\n onClickHandler,\n }\n\n // Mount and Dismount\n useEffect(() => {\n heightAnim.setElement(ref.current)\n\n return () => {\n heightAnim.remove()\n }\n }, [])\n\n // Effect used to keep track of previous activeStep from context\n useEffect(() => {\n if (previousStep !== context.activeStep) {\n setPreviousStep(context.activeStep)\n }\n }, [context.activeStep])\n\n useLayoutEffect(() => {\n const height = heightAnim.getHeight()\n\n if (\n previousStep !== context.activeStep &&\n (props.currentItemNum === previousStep \|\|\n props.currentItemNum === context.activeStep)\n ) {\n const toHeight = heightAnim.getUnknownHeight()\n if (height !== toHeight) {\n heightAnim.adjustTo(height, toHeight)\n }\n }\n }, [previousStep, context.activeStep, heightAnim, props.currentItemNum])\n\n function onClickHandler({ event, item, currentItemNum }) {\n const params = {\n event,\n item,\n current_step: currentItemNum,\n currentStep: currentItemNum,\n }\n\n const onClickItem = dispatchCustomElementEvent(\n thisReference,\n 'on_click',\n params\n )\n\n const onClickGlobal = dispatchCustomElementEvent(\n context,\n 'on_click',\n params\n )\n\n if (onClickItem === false \|\| onClickGlobal === false) {\n return // stop here\n }\n\n if (context.activeStep !== currentItemNum) {\n context.setActiveStep(currentItemNum)\n if (typeof context.onChangeState === 'function') {\n context.onChangeState()\n }\n\n dispatchCustomElementEvent(context, 'on_change', params)\n }\n }\n\n const {\n mode,\n filterAttributes,\n activeStep,\n countSteps,\n listOfReachedSteps,\n hide_numbers,\n on_item_render,\n sidebar_id,\n step_title,\n } = context\n\n const {\n currentItemNum,\n\n title,\n is_current,\n inactive,\n disabled,\n status,\n status_state,\n\n on_render,\n on_click, // eslint-disable-line\n\n ...attributes\n } = props\n\n Object.keys(attributes).forEach((key) => {\n if (filterAttributes.includes(key)) {\n delete attributes[key]\n }\n })\n\n const hasPassedAndIsCurrent =\n mode === 'loose' \|\|\n currentItemNum <= activeStep \|\|\n listOfReachedSteps.includes(currentItemNum)\n\n const isNavigateable = mode === 'strict' \|\| mode === 'loose'\n\n let isInactive =\n inactive \|\| (mode === 'strict' && !hasPassedAndIsCurrent)\n\n const isVisited = currentItemNum < activeStep\n\n const id = `${sidebar_id \|\| makeUniqueId()}-${currentItemNum}`\n const ariaLabel = step_title\n ?.replace('%step', String(currentItemNum + 1))\n .replace('%count', String(countSteps))\n\n const isCurrent = currentItemNum === activeStep\n\n let element = (\n <StepItemWrapper\n number={currentItemNum + 1}\n hide_numbers={hide_numbers}\n status={status}\n >\n {title}\n </StepItemWrapper>\n ) as React.ReactNode\n\n const callbackProps = {\n StepItem: StepItemWrapper,\n element,\n attributes,\n props,\n context,\n }\n\n if (typeof on_render === 'function') {\n element = on_render(callbackProps)\n } else if (typeof on_item_render === 'function') {\n element = on_item_render(callbackProps)\n }\n\n const itemParams = {} as HTMLProps<HTMLLIElement>\n const buttonParams = {\n icon: 'check',\n status,\n status_state,\n 'aria-describedby': id,\n } as StepItemButtonProps\n\n if (isCurrent) {\n itemParams['aria-current'] = 'step'\n }\n\n if (disabled) {\n buttonParams.disabled = true\n }\n\n if (isNavigateable && !isInactive) {\n buttonParams.onClick = ({ event }: never) =>\n onClickHandler({\n event,\n item: props,\n currentItemNum,\n })\n }\n\n if (!buttonParams.onClick) {\n buttonParams.element = 'span'\n buttonParams.type = ''\n buttonParams.on_click = undefined\n isInactive = true\n }\n\n return (\n <li\n {...itemParams}\n className={classnames(\n 'dnb-step-indicator__item',\n isCurrent && 'dnb-step-indicator__item--current',\n isInactive && 'dnb-step-indicator__item--inactive',\n isVisited && 'dnb-step-indicator__item--visited',\n itemParams.className\n )}\n >\n <StepItemButton {...buttonParams} inner_ref={ref}>\n {element}\n </StepItemButton>\n <span id={id} aria-hidden className=\"dnb-sr-only\">\n {ariaLabel}\n </span>\n </li>\n )\n}\n\nexport type StepItemButtonProps = Omit<ButtonProps, 'status_state'> & {\n status_state?: StepIndicatorStatusState\n}\n\nexport function StepItemButton({\n children,\n className,\n status,\n status_state,\n inner_ref,\n ...props\n}: StepItemButtonProps) {\n const icons: Record<StepIndicatorStatusState, IconIcon> = {\n info: InfoIcon,\n error: ErrorIcon,\n warn: WarnIcon,\n }\n\n if (status) {\n props.icon = (\n <Icon\n icon={icons[status_state] \|\| icons.warn}\n className=\"dnb-button__icon\"\n size=\"medium\"\n inherit_color={false}\n />\n )\n }\n\n return (\n <Button\n className={classnames(\n className,\n status && 'dnb-step-indicator__button__status',\n status && `dnb-step-indicator__button__status--${status_state}`\n )}\n wrap\n stretch\n variant=\"secondary\"\n icon_size=\"medium\"\n icon_position=\"right\"\n inner_ref={inner_ref}\n {...props}\n >\n {children}\n </Button>\n )\n}\n\nexport type StepItemWrapperProps = React.HTMLProps<HTMLElement> & {\n children?: React.ReactNode\n number?: number\n /\n Define whether to show automatically counted numbers or not. Defaults to `false`.\n */\n hide_numbers?: boolean\n status?: string \| React.ReactNode\n}\n\nexport function StepItemWrapper({\n children,\n number,\n hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n status,\n}: StepItemWrapperProps) {\n return (\n <span className=\"dnb-step-indicator__item-content\">\n {!hide_numbers && (\n <span\n aria-hidden // because we provide the hidden aria-describedby\n className=\"dnb-step-indicator__item-content__number\"\n >\n {number}.\n </span>\n )}\n <span className=\"dnb-step-indicator__item-content__wrapper\">\n <span className=\"dnb-step-indicator__item-content__text\">\n {children}\n </span>\n {status && (\n <span className=\"dnb-step-indicator__item-content__status\">\n {status}\n </span>\n )}\n </span>\n </span>\n )\n}\n\nexport default StepIndicatorItem\n"],"mappings":"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"}

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

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

package/components/step-indicator/StepIndicatorList.js CHANGED Viewed

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

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

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

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

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

package/components/step-indicator/StepIndicatorModal.js CHANGED Viewed

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

package/components/step-indicator/StepIndicatorModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicatorModal.js","names":["React","~~ReactDOM~~","~~Drawer~~","~~StepIndicatorTriggerButton~~","~~StepIndicatorList~~","~~StepIndicatorContext~~","~~StepIndicatorModal~~","~~PureComponent~~","~~constructor~~","~~props~~","~~_this~~","~~this~~","~~_defineProperty~~","~~context~~","~~hasSidebar~~","~~_this$_triggerRef$cur~~","~~_triggerRef~~","~~current~~","~~focus","~~closeHandler","~~arguments~~","~~createRef~~","~~state~~","~~container~~","~~componentDidMount","document","getElementById","sidebar_id","setState","~~renderPortal","createPortal","_StepIndicatorList","createElement","~~render","~~sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","~~animation_direction","~~openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","_StepIndicatorList2"],"sources":["../../../../src/components/step-indicator/StepIndicatorModal.js"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Drawer from '../drawer/Drawer'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext from './StepIndicatorContext'\n\~~nexport~~ ~~default class~~ StepIndicatorModal ~~extends React.PureComponent~~ {\n ~~static~~ ~~contextType~~ = StepIndicatorContext\n\n ~~constructor(props)~~ ~~{\n super(props)\n\n this._triggerRef~~ = ~~React.createRef~~()\n\n ~~this.state~~ = ~~{ container:~~ null }\n }\n\n ~~closeHandler =~~ (~~...args~~) => {\n if (~~this.context.hasSidebar) {~~\n ~~this~~.~~_triggerRef.current?.focus()~~\n }\n ~~this.context.closeHandler~~(~~...args~~)\n }\n\n ~~componentDidMount~~() {\n ~~const~~ ~~container~~ ~~= document.getElementById(~~\n ~~'sidebar__' + this~~.~~context.sidebar_id~~\n )\n\n ~~this~~.~~setState~~(~~{\n container,\n }~~)\n }\n\n renderPortal() {\n if (!~~this.state.~~container) {\n return null\n }\n\n return ReactDOM.createPortal(\n <StepIndicatorList ~~/>,\n this.state.~~container\n )\n }\n\n ~~render() {\n~~ if (~~this.~~context.sidebarIsVisible) {\n return ~~this.~~renderPortal()\n }\n\n return (\n <>\n <StepIndicatorTriggerButton\n on_click={~~this.~~context.openHandler}\n inner_ref={~~this._triggerRef~~}\n />\n <Drawer\n id={~~this.~~context.sidebar_id}\n title={~~this.~~context.overview_title}\n omitTriggerButton\n ~~animation_direction=\"bottom\"\n~~ openState={~~this.~~context.openState}\n onOpen={~~this.~~context.openHandler}\n onClose={~~this.~~closeHandler}\n >\n <Drawer.Body styleType=\"white\">\n <div className=\"dnb-step-indicator-wrapper\">\n <p className=\"dnb-p dnb-step-indicator__label\">\n {~~this.~~context.stepsLabelExtended}\n </p>\n <StepIndicatorList />\n </div>\n </Drawer.Body>\n </Drawer>\n </>\n )\n }\n}\n"],"mappings":";;AAKA,OAAOA,KAAK,MAAM,OAAO;~~AACzB~~,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,0BAA0B,MAAM,8BAA8B;AACrE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,~~eAAe~~,MAAMC,~~kBAAkB~~,~~SAASN~~,~~KAAK~~,~~CAACO~~,~~aAAa~~,CAAC;~~EAGlEC~~,~~WAAWA~~,~~CAACC~~,~~KAAK~~,~~EAAE;IAAA~~,~~IAAAC~~,~~KAAA;IACjB~~,~~KAAK~~,~~CAACD~~,~~KAAK,~~CAAC~~;IAAAC~~,~~KAAA~~,~~GAAAC,IAAA~~;~~IAAAC~~,~~eAAA~~,~~uBAOC~~,~~YAAa;MAC1B~~,~~IAAIF~~,~~KAAI~~,~~CAACG~~,~~OAAO~~,~~CAACC~~,~~UAAU~~,~~EAAE~~;~~QAAA~~,~~IAAAC~~,~~qBAAA;QAC3B~~,~~CAAAA~~,~~qBAAA~~,~~GAAAL~~,~~KAAI~~,~~CAACM~~,WAAW,~~CAACC~~,OAAO,~~cAAAF~~,~~qBAAA~~,~~uBAAxBA,qBAAA,CAA0BG,KAAK,~~CAAC~~,CAAC~~;~~MACnC;MACAR~~,~~KAAI,CAACG,OAAO,CAACM,~~YAAY,~~CAAC~~,~~GAAAC~~,~~SAAO,~~CAAC;~~IACpC~~,CAAC~~;IAVC~~,~~IAAI~~,~~CAACJ~~,~~WAAW~~,~~GAAGhB~~,~~KAAK~~,~~CAACqB~~,~~SAAS,CAAC,CAAC~~;~~IAEpC~~,~~IAAI~~,~~CAACC~~,~~KAAK~~,~~GAAG;MAAEC~~,~~SAAS,~~EAAE;~~IAAK~~,~~CAAC;EAClC;EASAC~~,~~iBAAiBA,CAAA,EAAG~~;~~IAClB~~,~~MAAMD~~,~~SAAS~~,~~GAAGE~~,~~QAAQ~~,~~CAACC~~,~~cAAc~~,~~CACvC~~,~~WAAW~~,~~GAAG~~,~~IAAI~~,~~CAACb~~,~~OAAO~~,~~CAACc~~,~~UAC7B,~~CAAC;~~IAED~~,~~IAAI~~,~~CAACC~~,~~QAAQ~~,CAAC~~;MACZL;IACF~~,CAAC~~,CAAC~~;~~EACJ~~;~~EAEAM~~,YAAYA,CAAA,EAAG;~~IACb~~,IAAI,~~CAAC~~,~~IAAI,CAACP,KAAK,CAACC,~~SAAS,EAAE;~~MACzB~~,OAAO,IAAI;IACb;IAEA,~~OAAOtB~~,QAAQ,~~CAAC6B~~,YAAY,CAAAC,kBAAA,KAAAA,kBAAA,~~GAC1B/B~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC5B~~,iBAAiB,MAAE,CAAC,~~GACrB~~,~~IAAI~~,~~CAACkB,KAAK,CAACC,SACb,~~CAAC;~~EACH~~;~~EAEAU~~,~~MAAMA~~,~~CAAA,EAAG;IACP,IAAI,IAAI,CAACpB,~~OAAO,~~CAACqB~~,gBAAgB,EAAE;~~MACjC~~,~~OAAO~~,~~IAAI,CAACL,~~YAAY,CAAC,CAAC;~~IAC5B~~;~~IAEA~~,~~OACE7B~~,KAAA,~~CAAAgC~~,aAAA,~~CAAAhC~~,KAAA,~~CAAAmC~~,QAAA,~~QACEnC~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC7B~~,0BAA0B;~~MACzBiC~~,QAAQ,~~EAAE~~,~~IAAI,CAACvB,~~OAAO,~~CAACwB~~,WAAY;~~MACnCC~~,SAAS,~~EAAE,IAAI,CAACtB~~;~~IAAY~~,~~CAC7B~~,CAAC,~~EACFhB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC9B~~,MAAM;~~MACLqC~~,EAAE,~~EAAE~~,~~IAAI,CAAC1B,~~OAAO,~~CAACc~~,UAAW;~~MAC5Ba~~,KAAK,~~EAAE~~,~~IAAI,CAAC3B,~~OAAO,~~CAAC4B~~,cAAe;~~MACnCC~~,iBAAiB;~~MACjBC~~,~~mBAAmB,EAAC,QAAQ;MAC5BC,~~SAAS,~~EAAE~~,~~IAAI,CAAC/B,~~OAAO,~~CAAC+B~~,SAAU;~~MAClCC~~,MAAM,~~EAAE~~,~~IAAI,CAAChC,~~OAAO,~~CAACwB~~,WAAY;~~MACjCS~~,OAAO,~~EAAE,IAAI,CAAC3B~~;~~IAAa~~,~~GAE3BnB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC9B~~,MAAM,~~CAAC6C~~,IAAI;~~MAACC~~,SAAS,EAAC;~~IAAO~~,~~GAC5BhD~~,KAAA,~~CAAAgC~~,aAAA;~~MAAKiB~~,SAAS,EAAC;~~IAA4B~~,~~GACzCjD~~,KAAA,~~CAAAgC~~,aAAA;~~MAAGiB~~,SAAS,EAAC;~~IAAiC~~,~~GAC3C~~,~~IAAI,CAACpC,~~OAAO,~~CAACqC~~,~~kBACb~~,CAAC,EAAAC,mBAAA,KAAAA,mBAAA,~~GACJnD~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC5B~~,iBAAiB,MAAE,CAAC,CAClB,CACM,CACP,CACR,CAAC;~~EAEP~~;~~AACF;AAACQ~~,~~eAAA~~,~~CAvEoBN,~~kBAAkB~~,iBAChBD,oBAAoB~~"}
1	+ {"version":3,"file":"StepIndicatorModal.js","names":["React","useContext","useEffect","useRef","useState","ReactDOM","Drawer","StepIndicatorTriggerButton","StepIndicatorList","StepIndicatorContext","StepIndicatorModal","context","container","setContainer","triggerRef","document","getElementById","sidebar_id","closeHandler","hasSidebar","_triggerRef$current","current","focus","renderPortal","createPortal","_StepIndicatorList","createElement","sidebarIsVisible","Fragment","on_click","openHandler","inner_ref","id","title","overview_title","omitTriggerButton","openState","onOpen","onClose","Body","styleType","className","stepsLabelExtended","_StepIndicatorList2"],"sources":["../../../../src/components/step-indicator/StepIndicatorModal.tsx"],"sourcesContent":["/*\n Web StepIndicator Component\n \n /\n\nimport React, { useContext, useEffect, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\nimport Drawer from '../drawer/Drawer'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext from './StepIndicatorContext'\n\nfunction StepIndicatorModal() {\n const context = useContext(StepIndicatorContext)\n\n const [container, setContainer] = useState(null)\n\n const triggerRef = useRef(null)\n\n useEffect(() => {\n const container = document.getElementById(\n 'sidebar__' + context.sidebar_id\n )\n\n setContainer(container)\n }, [])\n\n function closeHandler() {\n if (context.hasSidebar) {\n triggerRef.current?.focus()\n }\n context.closeHandler()\n }\n\n function renderPortal() {\n if (!container) {\n return null\n }\n\n return ReactDOM.createPortal(<StepIndicatorList />, container)\n }\n\n if (context.sidebarIsVisible) {\n return renderPortal()\n }\n\n return (\n <>\n <StepIndicatorTriggerButton\n on_click={context.openHandler}\n inner_ref={triggerRef}\n />\n <Drawer\n id={context.sidebar_id}\n title={context.overview_title}\n omitTriggerButton\n openState={context.openState}\n onOpen={context.openHandler}\n onClose={closeHandler}\n >\n <Drawer.Body styleType=\"white\">\n <div className=\"dnb-step-indicator-wrapper\">\n <p className=\"dnb-p dnb-step-indicator__label\">\n {context.stepsLabelExtended}\n </p>\n <StepIndicatorList />\n </div>\n </Drawer.Body>\n </Drawer>\n </>\n )\n}\n\nexport default StepIndicatorModal\n"],"mappings":";AAKA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACtE,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,0BAA0B,MAAM,8BAA8B;AACrE,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,SAASC,kBAAkBA,CAAA,EAAG;EAC5B,MAAMC,OAAO,GAAGV,UAAU,CAACQ,oBAAoB,CAAC;EAEhD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAC,IAAI,CAAC;EAEhD,MAAMU,UAAU,GAAGX,MAAM,CAAC,IAAI,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd,MAAMU,SAAS,GAAGG,QAAQ,CAACC,cAAc,CACvC,WAAW,GAAGL,OAAO,CAACM,UACxB,CAAC;IAEDJ,YAAY,CAACD,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,SAASM,YAAYA,CAAA,EAAG;IACtB,IAAIP,OAAO,CAACQ,UAAU,EAAE;MAAA,IAAAC,mBAAA;MACtB,CAAAA,mBAAA,GAAAN,UAAU,CAACO,OAAO,cAAAD,mBAAA,uBAAlBA,mBAAA,CAAoBE,KAAK,CAAC,CAAC;IAC7B;IACAX,OAAO,CAACO,YAAY,CAAC,CAAC;EACxB;EAEA,SAASK,YAAYA,CAAA,EAAG;IACtB,IAAI,CAACX,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,OAAOP,QAAQ,CAACmB,YAAY,CAAAC,kBAAA,KAAAA,kBAAA,GAACzB,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB,MAAE,CAAC,GAAEI,SAAS,CAAC;EAChE;EAEA,IAAID,OAAO,CAACgB,gBAAgB,EAAE;IAC5B,OAAOJ,YAAY,CAAC,CAAC;EACvB;EAEA,OACEvB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA4B,QAAA,QACE5B,KAAA,CAAA0B,aAAA,CAACnB,0BAA0B;IACzBsB,QAAQ,EAAElB,OAAO,CAACmB,WAAY;IAC9BC,SAAS,EAAEjB;EAAW,CACvB,CAAC,EACFd,KAAA,CAAA0B,aAAA,CAACpB,MAAM;IACL0B,EAAE,EAAErB,OAAO,CAACM,UAAW;IACvBgB,KAAK,EAAEtB,OAAO,CAACuB,cAAe;IAC9BC,iBAAiB;IACjBC,SAAS,EAAEzB,OAAO,CAACyB,SAAU;IAC7BC,MAAM,EAAE1B,OAAO,CAACmB,WAAY;IAC5BQ,OAAO,EAAEpB;EAAa,GAEtBlB,KAAA,CAAA0B,aAAA,CAACpB,MAAM,CAACiC,IAAI;IAACC,SAAS,EAAC;EAAO,GAC5BxC,KAAA,CAAA0B,aAAA;IAAKe,SAAS,EAAC;EAA4B,GACzCzC,KAAA,CAAA0B,aAAA;IAAGe,SAAS,EAAC;EAAiC,GAC3C9B,OAAO,CAAC+B,kBACR,CAAC,EAAAC,mBAAA,KAAAA,mBAAA,GACJ3C,KAAA,CAAA0B,aAAA,CAAClB,iBAAiB,MAAE,CAAC,CAClB,CACM,CACP,CACR,CAAC;AAEP;AAEA,eAAeE,kBAAkB"}

package/components/step-indicator/StepIndicatorProps.d.ts CHANGED Viewed

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

package/components/step-indicator/StepIndicatorProps.js CHANGED Viewed

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

package/components/step-indicator/StepIndicatorProps.js.map CHANGED Viewed

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

package/components/step-indicator/StepIndicatorSidebar.d.ts CHANGED Viewed

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