@dnb/eufemia 10.71.1 → 10.72.0

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

@@ -8,7 +8,7 @@ import { StepIndicatorContextValues } from './StepIndicatorContext';
 import type { SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
 import type { StepIndicatorItemProps, StepItemWrapper } from './StepIndicatorItem';
-import { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton';
+import { FormStatusState, FormStatusText } from '../form-status/FormStatus';
 export type StepIndicatorMode = 'static' | 'strict' | 'loose';
 export type StepIndicatorDataItem = Pick<StepIndicatorItemProps, 'title' | 'is_current' | 'inactive' | 'disabled' | 'status' | 'status_state' | 'on_click' | 'on_render'>;
 export type StepIndicatorData = string | string[] | StepIndicatorDataItem[];
@@ -19,8 +19,11 @@ export type StepIndicatorMouseEvent = {
     current_step: number;
 };
 export type StepIndicatorRenderCallback = {
+    /** A component that will render the item with the correct props. */
     StepItem: typeof StepItemWrapper;
+    /** Element that was originally going to be rendered */
     element: React.ReactNode;
+    /** @deprecated never has values */
     attributes: React.HTMLProps<HTMLElement>;
     props: StepIndicatorItemProps;
     context: StepIndicatorContextValues;
@@ -28,6 +31,7 @@ export type StepIndicatorRenderCallback = {
 export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & SpacingProps & {
     /**
      * <em>(required with `<StepIndicator.Sidebar />`)</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.
+     * @deprecated StepIndicator.Sidebar variant is no longer supported
      */
     sidebar_id?: string;
     /**
@@ -57,6 +61,7 @@ export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'
      * `%step` is used to place the current step into the text
      * `%count` is used to place the step total into the text
      *  Defaults to `You are on step %step of %count`
+     * @deprecated only `step_title`is used
      */
     step_title_extended?: string;
     /**
@@ -73,6 +78,7 @@ export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'
     on_click?: ({ event, item, current_step, currentStep, }: StepIndicatorMouseEvent) => void;
     /**
      * 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 }`.
+     * @deprecated no longer does anything other than the step item `title` prop
      */
     on_item_render?: ({ StepItem, element, attributes, props, context, }: StepIndicatorRenderCallback) => React.ReactNode;
     /**
@@ -80,19 +86,31 @@ export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'
      */
     on_change?: ({ event, item, current_step, currentStep, }: StepIndicatorMouseEvent) => void;
     /**
-     * The props for the trigger button.
-     * Used internally to pass the props such as a status to the trigger button.
+     * Status text. Status is only shown if this prop has text. Defaults to `undefined`
      */
-    triggerButtonProps?: StepIndicatorTriggerButtonProps;
+    status?: FormStatusText;
+    /**
+     * The type of status for the `status` prop. Is either `info`, `error` or `warn`.
+     * Defaults to `warn`.
+     */
+    status_state?: FormStatusState;
     /**
      * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.
      */
     no_animation?: boolean;
+    /**
+     * Set to `true` to have the list be expanded initially. Defaults to `false`.
+     */
+    expandedInitially?: boolean;
+    /**
+     * Whether or not to break out (using negative margins) on larger screens. Defaults to `false`.
+     */
+    outset?: boolean;
     skeleton?: SkeletonShow;
     className?: string;
     children?: React.ReactNode;
 };
-declare function StepIndicator({ data, skeleton, current_step, hide_numbers, no_animation, ...restOfProps }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare function StepIndicator({ status, status_state, data, skeleton, current_step, hide_numbers, no_animation, expandedInitially, ...restOfProps }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
 declare namespace StepIndicator {
     var Sidebar: typeof StepIndicatorSidebar;
     var _supportsSpacingProps: boolean;

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

@@ -1,38 +1,80 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _div;
-const _excluded = ["data", "skeleton", "current_step", "hide_numbers", "no_animation"];
+var _StepIndicatorTrigger, _StepIndicatorList;
+const _excluded = ["sidebar_id", "step_title_extended"],
+  _excluded2 = ["status", "status_state", "data", "skeleton", "current_step", "hide_numbers", "no_animation", "expandedInitially"],
+  _excluded3 = ["outset"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { createSpacingClasses } from '../space/SpacingHelper';
+import Card from '../Card';
+import StepIndicatorTriggerButton from './StepIndicatorTriggerButton';
 import StepIndicatorSidebar from './StepIndicatorSidebar';
-import StepIndicatorModal from './StepIndicatorModal';
-import { StepIndicatorProvider } from './StepIndicatorContext';
+import StepIndicatorList from './StepIndicatorList';
+import StepIndicatorContext, { StepIndicatorProvider } from './StepIndicatorContext';
 import { stepIndicatorDefaultProps } from './StepIndicatorProps';
-import useId from '../../shared/helpers/useId';
+import FormStatus from '../form-status/FormStatus';
+function handleDeprecatedProps(props) {
+  const {
+      sidebar_id,
+      step_title_extended
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return rest;
+}
 function StepIndicator(_ref) {
   let {
+      status,
+      status_state = 'warn',
       data = stepIndicatorDefaultProps.data,
       skeleton = stepIndicatorDefaultProps.skeleton,
       current_step = stepIndicatorDefaultProps.current_step,
       hide_numbers = stepIndicatorDefaultProps.hide_numbers,
-      no_animation = stepIndicatorDefaultProps.no_animation
+      no_animation = stepIndicatorDefaultProps.no_animation,
+      expandedInitially = stepIndicatorDefaultProps.expandedInitially
     } = _ref,
-    restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = _objectSpread({
-    data,
-    skeleton,
-    current_step,
-    hide_numbers,
-    no_animation
-  }, restOfProps);
-  const sidebarId = useId(props.sidebar_id);
-  return React.createElement(StepIndicatorProvider, _extends({}, props, {
-    sidebar_id: sidebarId
-  }), _div || (_div = React.createElement("div", {
+    restOfProps = _objectWithoutProperties(_ref, _excluded2);
+  const _handleDeprecatedProp = handleDeprecatedProps(_objectSpread({
+      data,
+      skeleton,
+      current_step,
+      hide_numbers,
+      no_animation,
+      expandedInitially
+    }, restOfProps)),
+    {
+      outset
+    } = _handleDeprecatedProp,
+    props = _objectWithoutProperties(_handleDeprecatedProp, _excluded3);
+  return React.createElement(StepIndicatorProvider, props, React.createElement("div", {
     className: "dnb-step-indicator-wrapper"
-  }, React.createElement(StepIndicatorModal, null))));
+  }, React.createElement(Card, {
+    align: "stretch",
+    className: classnames('dnb-step-indicator', createSpacingClasses(restOfProps)),
+    outset: outset
+  }, _StepIndicatorTrigger || (_StepIndicatorTrigger = React.createElement(StepIndicatorTriggerButton, null)), _StepIndicatorList || (_StepIndicatorList = React.createElement(StepIndicatorList, null))), React.createElement(StepIndicatorStatus, {
+    status: status,
+    status_state: status_state
+  })));
+}
+function StepIndicatorStatus({
+  status,
+  status_state
+}) {
+  const {
+    openState,
+    no_animation
+  } = useContext(StepIndicatorContext);
+  const show = !openState && !!status;
+  return React.createElement(FormStatus, {
+    show: show,
+    no_animation: no_animation,
+    state: status && status_state
+  }, status);
 }
 StepIndicator.Sidebar = StepIndicatorSidebar;
 StepIndicator._supportsSpacingProps = true;

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicator.js","names":["React","StepIndicatorSidebar","StepIndicatorModal","StepIndicatorProvider","stepIndicatorDefaultProps","useId","StepIndicator","_ref","data","skeleton","current_step","hide_numbers","no_animation","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","sidebarId","sidebar_id","createElement","_extends","_div","className","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\n\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n  StepIndicatorContextValues,\n  StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n  StepIndicatorItemProps,\n  StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport useId from '../../shared/helpers/useId'\nimport { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton'\n\nexport type StepIndicatorMode = 'static' | 'strict' | 'loose'\nexport type StepIndicatorDataItem = Pick<\n  StepIndicatorItemProps,\n  | 'title'\n  | 'is_current'\n  | 'inactive'\n  | 'disabled'\n  | 'status'\n  | 'status_state'\n  | 'on_click'\n  | 'on_render'\n>\nexport type StepIndicatorData = string | string[] | StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n  event: React.MouseEvent<HTMLButtonElement>\n  item: StepIndicatorItemProps\n  currentStep: number\n  current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n  StepItem: typeof StepItemWrapper\n  element: React.ReactNode\n  attributes: React.HTMLProps<HTMLElement>\n  props: StepIndicatorItemProps\n  context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n  React.HTMLProps<HTMLAnchorElement>,\n  'ref' | 'data'\n> &\n  SpacingProps & {\n    /**\n     * <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     */\n    sidebar_id?: string\n    /**\n     * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     */\n    mode: StepIndicatorMode\n    /**\n     * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     */\n    data: StepIndicatorData\n    /**\n     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n     *  Defaults to `Steps Overview`\n     */\n    overview_title?: string\n    /**\n     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `Step %step of %count`\n     */\n    step_title?: string\n    /**\n     *  A descriptive label used in `<StepIndicatorModal />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `You are on step %step of %count`\n     */\n    step_title_extended?: string\n    /**\n     * Defines the active number marked step starting by 0. Defaults to `0`.\n     */\n    current_step?: number\n    /**\n     * Define whether to show automatically counted numbers or not. Defaults to `false`.\n     */\n    hide_numbers?: boolean\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, currentStep }`.\n     */\n    on_click?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * 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 }`.\n     */\n    on_item_render?: ({\n      StepItem,\n      element,\n      attributes,\n      props,\n      context,\n    }: StepIndicatorRenderCallback) => React.ReactNode\n    /**\n     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_change?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n\n    /**\n     * The props for the trigger button.\n     * Used internally to pass the props such as a status to the trigger button.\n     */\n    triggerButtonProps?: StepIndicatorTriggerButtonProps\n\n    /**\n     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n     */\n    no_animation?: boolean\n    skeleton?: SkeletonShow\n    className?: string\n    children?: React.ReactNode\n  }\n\nfunction StepIndicator({\n  data = stepIndicatorDefaultProps.data,\n  skeleton = stepIndicatorDefaultProps.skeleton,\n  current_step = stepIndicatorDefaultProps.current_step,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  no_animation = stepIndicatorDefaultProps.no_animation,\n  ...restOfProps\n}: StepIndicatorProps) {\n  const props = {\n    data,\n    skeleton,\n    current_step,\n    hide_numbers,\n    no_animation,\n    ...restOfProps,\n  }\n\n  const sidebarId = useId(props.sidebar_id)\n\n  return (\n    <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n      <div className=\"dnb-step-indicator-wrapper\">\n        <StepIndicatorModal />\n      </div>\n    </StepIndicatorProvider>\n  )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAEEC,qBAAqB,QAChB,wBAAwB;AAQ/B,SAASC,yBAAyB,QAAQ,sBAAsB;AAChE,OAAOC,KAAK,MAAM,4BAA4B;AA0H9C,SAASC,aAAaA,CAAAC,IAAA,EAOC;EAAA,IAPA;MACrBC,IAAI,GAAGJ,yBAAyB,CAACI,IAAI;MACrCC,QAAQ,GAAGL,yBAAyB,CAACK,QAAQ;MAC7CC,YAAY,GAAGN,yBAAyB,CAACM,YAAY;MACrDC,YAAY,GAAGP,yBAAyB,CAACO,YAAY;MACrDC,YAAY,GAAGR,yBAAyB,CAACQ;IAEvB,CAAC,GAAAL,IAAA;IADhBM,WAAW,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAMC,KAAK,GAAAC,aAAA;IACTT,IAAI;IACJC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAY,GACTC,WAAW,CACf;EAED,MAAMK,SAAS,GAAGb,KAAK,CAACW,KAAK,CAACG,UAAU,CAAC;EAEzC,OACEnB,KAAA,CAAAoB,aAAA,CAACjB,qBAAqB,EAAAkB,QAAA,KAAKL,KAAK;IAAEG,UAAU,EAAED;EAAU,IAAAI,IAAA,KAAAA,IAAA,GACtDtB,KAAA,CAAAoB,aAAA;IAAKG,SAAS,EAAC;EAA4B,GACzCvB,KAAA,CAAAoB,aAAA,CAAClB,kBAAkB,MAAE,CAClB,CAAC,CACe,CAAC;AAE5B;AAEAI,aAAa,CAACkB,OAAO,GAAGvB,oBAAoB;AAE5CK,aAAa,CAACmB,qBAAqB,GAAG,IAAI;AAE1C,eAAenB,aAAa","ignoreList":[]}
+{"version":3,"file":"StepIndicator.js","names":["React","useContext","classnames","createSpacingClasses","Card","StepIndicatorTriggerButton","StepIndicatorSidebar","StepIndicatorList","StepIndicatorContext","StepIndicatorProvider","stepIndicatorDefaultProps","FormStatus","handleDeprecatedProps","props","sidebar_id","step_title_extended","rest","_objectWithoutProperties","_excluded","StepIndicator","_ref","status","status_state","data","skeleton","current_step","hide_numbers","no_animation","expandedInitially","restOfProps","_excluded2","_handleDeprecatedProp","_objectSpread","outset","_excluded3","createElement","className","align","_StepIndicatorTrigger","_StepIndicatorList","StepIndicatorStatus","openState","show","state","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\n\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Card from '../Card'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext, {\n  StepIndicatorContextValues,\n  StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n  StepIndicatorItemProps,\n  StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\n\nexport type StepIndicatorMode = 'static' | 'strict' | 'loose'\nexport type StepIndicatorDataItem = Pick<\n  StepIndicatorItemProps,\n  | 'title'\n  | 'is_current'\n  | 'inactive'\n  | 'disabled'\n  | 'status'\n  | 'status_state'\n  | 'on_click'\n  | 'on_render'\n>\nexport type StepIndicatorData = string | string[] | StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n  event: React.MouseEvent<HTMLButtonElement>\n  item: StepIndicatorItemProps\n  currentStep: number\n  current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n  /** A component that will render the item with the correct props. */\n  StepItem: typeof StepItemWrapper\n  /** Element that was originally going to be rendered */\n  element: React.ReactNode\n  /** @deprecated never has values */\n  attributes: React.HTMLProps<HTMLElement>\n  props: StepIndicatorItemProps\n  context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n  React.HTMLProps<HTMLAnchorElement>,\n  'ref' | 'data'\n> &\n  SpacingProps & {\n    /**\n     * <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    sidebar_id?: string\n    /**\n     * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     */\n    mode: StepIndicatorMode\n    /**\n     * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     */\n    data: StepIndicatorData\n    /**\n     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n     *  Defaults to `Steps Overview`\n     */\n    overview_title?: string\n    /**\n     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `Step %step of %count`\n     */\n    step_title?: string\n    /**\n     *  A descriptive label used in `<StepIndicatorModal />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `You are on step %step of %count`\n     * @deprecated only `step_title`is used\n     */\n    step_title_extended?: string\n    /**\n     * Defines the active number marked step starting by 0. Defaults to `0`.\n     */\n    current_step?: number\n    /**\n     * Define whether to show automatically counted numbers or not. Defaults to `false`.\n     */\n    hide_numbers?: boolean\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, currentStep }`.\n     */\n    on_click?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * 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 }`.\n     * @deprecated no longer does anything other than the step item `title` prop\n     */\n    on_item_render?: ({\n      StepItem,\n      element,\n      attributes,\n      props,\n      context,\n    }: StepIndicatorRenderCallback) => React.ReactNode\n    /**\n     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_change?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Status text. Status is only shown if this prop has text. Defaults to `undefined`\n     */\n    status?: FormStatusText\n    /**\n     * The type of status for the `status` prop. Is either `info`, `error` or `warn`.\n     * Defaults to `warn`.\n     */\n    status_state?: FormStatusState\n    /**\n     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n     */\n    no_animation?: boolean\n    /**\n     * Set to `true` to have the list be expanded initially. Defaults to `false`.\n     */\n    expandedInitially?: boolean\n    /**\n     * Whether or not to break out (using negative margins) on larger screens. Defaults to `false`.\n     */\n    outset?: boolean\n    skeleton?: SkeletonShow\n    className?: string\n    children?: React.ReactNode\n  }\n\nfunction handleDeprecatedProps(\n  props: StepIndicatorProps\n): Omit<StepIndicatorProps, 'sidebar_id' | 'step_title_extended'> {\n  const { sidebar_id, step_title_extended, ...rest } = props\n  return rest\n}\n\nfunction StepIndicator({\n  status,\n  status_state = 'warn',\n  data = stepIndicatorDefaultProps.data,\n  skeleton = stepIndicatorDefaultProps.skeleton,\n  current_step = stepIndicatorDefaultProps.current_step,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  no_animation = stepIndicatorDefaultProps.no_animation,\n  expandedInitially = stepIndicatorDefaultProps.expandedInitially,\n  ...restOfProps\n}: StepIndicatorProps) {\n  const { outset, ...props } = handleDeprecatedProps({\n    data,\n    skeleton,\n    current_step,\n    hide_numbers,\n    no_animation,\n    expandedInitially,\n    ...restOfProps,\n  })\n\n  return (\n    <StepIndicatorProvider {...props}>\n      <div className=\"dnb-step-indicator-wrapper\">\n        <Card\n          align=\"stretch\"\n          className={classnames(\n            'dnb-step-indicator',\n            createSpacingClasses(restOfProps)\n          )}\n          outset={outset}\n        >\n          <StepIndicatorTriggerButton />\n          <StepIndicatorList />\n        </Card>\n        <StepIndicatorStatus status={status} status_state={status_state} />\n      </div>\n    </StepIndicatorProvider>\n  )\n}\n\nfunction StepIndicatorStatus({ status, status_state }) {\n  const { openState, no_animation } = useContext(StepIndicatorContext)\n  const show = !openState && !!status\n  return (\n    <FormStatus\n      show={show}\n      no_animation={no_animation}\n      state={status && status_state}\n    >\n      {status}\n    </FormStatus>\n  )\n}\n/**\n * @deprecated StepIndicator.Sidebar variant is no longer supported\n */\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,15 +6,10 @@ import React from 'react';
 import { ContextProps } from '../../shared/Context';
 import { StepIndicatorData, StepIndicatorMode, StepIndicatorProps } from './StepIndicator';
 import { StepIndicatorItemProps } from './StepIndicatorItem';
-import { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton';
 export type StepIndicatorContextValues = StepIndicatorProviderProps & StepIndicatorProviderStates & ContextProps;
 declare const StepIndicatorContext: React.Context<StepIndicatorContextValues>;
 export default StepIndicatorContext;
-export type StepIndicatorProviderProps = Omit<StepIndicatorProps, 'mode' | 'data'> & {
-    /**
-     * <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 type StepIndicatorProviderProps = Omit<StepIndicatorProps, 'mode' | 'data' | 'sidebar_id' | 'step_title_extended'> & {
     /**
      * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.
      */
@@ -24,24 +19,17 @@ export type StepIndicatorProviderProps = Omit<StepIndicatorProps, 'mode' | 'data
      */
     mode?: StepIndicatorMode;
     children: React.ReactNode;
-    isSidebar?: boolean;
-    triggerButtonProps?: StepIndicatorTriggerButtonProps;
 };
 export type StepIndicatorProviderStates = {
     data: (string | StepIndicatorItemProps)[];
-    hasSidebar: boolean;
-    hideSidebar: boolean;
     activeStep: number;
     openState: boolean;
     listOfReachedSteps: number[];
     countSteps: number;
     stepsLabel: string;
-    stepsLabelExtended: string;
     filterAttributes: string[];
     setActiveStep: React.Dispatch<React.SetStateAction<number>>;
-    sidebarIsVisible: boolean;
-    onChangeState: () => void;
     openHandler: () => void;
     closeHandler: () => void;
 };
-export declare function StepIndicatorProvider({ isSidebar, ...restOfProps }: StepIndicatorProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepIndicatorProvider(props: StepIndicatorProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,42 +1,22 @@
 "use client";
 
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["isSidebar"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
 import Context from '../../shared/Context';
 import { stepIndicatorDefaultProps } from './StepIndicatorProps';
 import { extendPropsWithContext } from '../../shared/component-helper';
-import { onMediaQueryChange } from '../../shared/MediaQueryUtils';
 const filterAttributes = Object.keys(stepIndicatorDefaultProps).filter(item => {
   return !['class', 'className'].includes(item);
-}).concat(['internalId', 'isSidebar', 'hasSidebar', 'hideSidebar', 'sidebarIsVisible', 'mainTitle', 'stepsLabel', 'stepsLabelExtended', 'listOfReachedSteps', 'setActiveStep', 'activeStep', 'countSteps', 'openState', 'onChangeState', 'openHandler', 'closeHandler', 'innerRef', 'hasSkeletonData', 'filterAttributes', 'onChangeState']);
+}).concat(['internalId', 'mainTitle', 'stepsLabel', 'listOfReachedSteps', 'setActiveStep', 'activeStep', 'countSteps', 'openState', 'openHandler', 'closeHandler', 'innerRef', 'hasSkeletonData', 'filterAttributes']);
 const StepIndicatorContext = React.createContext(null);
 export default StepIndicatorContext;
-export function StepIndicatorProvider(_ref) {
-  let {
-      isSidebar = false
-    } = _ref,
-    restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = useMemo(() => {
-    return _objectSpread({
-      isSidebar
-    }, restOfProps);
-  }, [isSidebar, restOfProps]);
+export function StepIndicatorProvider(props) {
   const data = useMemo(() => {
     if (typeof props.data === 'string') {
       return props.data[0] === '[' ? JSON.parse(props.data) : [];
     }
     return props.data || [];
   }, [props]);
-  const [hasSidebar, setHasSidebar] = useState(true);
-  const [hideSidebar, setHideSidebar] = useState(false);
-  const [openState, setOpenState] = useState(false);
-  const onChangeState = useCallback(() => {
-    setOpenState(false);
-  }, []);
+  const [openState, setOpenState] = useState(props.expandedInitially);
   const openHandler = useCallback(() => {
     setOpenState(true);
   }, []);
@@ -59,7 +39,6 @@ export function StepIndicatorProvider(_ref) {
     forceUpdate();
   }, []);
   const listOfReachedSteps = useRef([activeStepRef.current].filter(Boolean)).current;
-  const mediaQueryListener = useRef(null);
   const context = useContext(Context);
   const updateStepTitle = useCallback(title => {
     return title === null || title === void 0 ? void 0 : title.replace('%step', String((activeStepRef.current || 0) + 1)).replace('%count', String((data === null || data === void 0 ? void 0 : data.length) || 1));
@@ -74,43 +53,20 @@ export function StepIndicatorProvider(_ref) {
       defaultProps: stepIndicatorDefaultProps,
       props
     }, {
-      hasSidebar,
-      hideSidebar,
       activeStep: activeStepRef.current,
       openState,
       listOfReachedSteps,
       data,
       countSteps,
-      stepsLabel: updateStepTitle(globalContext.step_title),
-      stepsLabelExtended: updateStepTitle(globalContext.step_title_extended)
+      stepsLabel: updateStepTitle(globalContext.step_title)
     }, {
       setActiveStep,
-      onChangeState,
       openHandler,
       closeHandler
     });
-    value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar;
     return value;
-  }, [closeHandler, context, countSteps, data, hasSidebar, hideSidebar, listOfReachedSteps, onChangeState, openHandler, openState, props, setActiveStep, updateStepTitle]);
+  }, [closeHandler, context, countSteps, data, listOfReachedSteps, openHandler, openState, props, setActiveStep, updateStepTitle]);
   const contextValue = makeContextValue();
-  useEffect(() => {
-    var _document;
-    const container = (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('sidebar__' + props.sidebar_id);
-    setHasSidebar(Boolean(container));
-    mediaQueryListener.current = onMediaQueryChange({
-      min: '0',
-      max: 'medium'
-    }, hideSidebar => {
-      setHideSidebar(hideSidebar);
-    }, {
-      runOnInit: true
-    });
-    return () => {
-      if (mediaQueryListener.current) {
-        mediaQueryListener.current();
-      }
-    };
-  }, [props.sidebar_id]);
   useEffect(() => {
     const currentStepFromProps = getActiveStepFromProps();
     if (currentStepFromProps !== activeStepRef.current) {

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorContext.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","useState","Context","stepIndicatorDefaultProps","extendPropsWithContext","onMediaQueryChange","filterAttributes","Object","keys","filter","item","includes","concat","StepIndicatorContext","createContext","StepIndicatorProvider","_ref","isSidebar","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","data","JSON","parse","hasSidebar","setHasSidebar","hideSidebar","setHideSidebar","openState","setOpenState","onChangeState","openHandler","closeHandler","getActiveStepFromProps","current_step","dataWithItems","itemWithCurrentStep","find","is_current","indexOf","countSteps","length","activeStepRef","forceUpdate","setActiveStep","step","current","listOfReachedSteps","Boolean","mediaQueryListener","context","updateStepTitle","title","replace","String","makeContextValue","globalContext","skeleton","getTranslation","StepIndicator","value","extendSafe","defaultProps","activeStep","stepsLabel","step_title","stepsLabelExtended","step_title_extended","sidebarIsVisible","contextValue","_document","container","document","getElementById","sidebar_id","min","max","runOnInit","currentStepFromProps","push","window","forEach","key","startsWith","createElement","Provider","children","objects","obj","itm","entries","reduce","acc","k","v"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.tsx"],"sourcesContent":["/**\n * Web StepIndicator Context\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport { onMediaQueryChange } from '../../shared/MediaQueryUtils'\nimport {\n  StepIndicatorData,\n  StepIndicatorDataItem,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from './StepIndicator'\nimport { StepIndicatorItemProps } from './StepIndicatorItem'\nimport { StepIndicatorTriggerButtonProps } from './StepIndicatorTriggerButton'\n\n// We use this array to filter out unwanted properties\nconst filterAttributes = Object.keys(stepIndicatorDefaultProps)\n  .filter((item) => {\n    return !['class', 'className'].includes(item)\n  })\n  .concat([\n    'internalId',\n    'isSidebar',\n    'hasSidebar',\n    'hideSidebar',\n    'sidebarIsVisible',\n    'mainTitle',\n    'stepsLabel',\n    'stepsLabelExtended',\n    'listOfReachedSteps',\n    'setActiveStep',\n    'activeStep',\n    'countSteps',\n    'openState',\n    'onChangeState',\n    'openHandler',\n    'closeHandler',\n    'innerRef',\n    'hasSkeletonData',\n    'filterAttributes',\n    'onChangeState',\n  ])\n\nexport type StepIndicatorContextValues = StepIndicatorProviderProps &\n  StepIndicatorProviderStates &\n  ContextProps\n\nconst StepIndicatorContext =\n  React.createContext<StepIndicatorContextValues>(null)\n\nexport default StepIndicatorContext\n\nexport type StepIndicatorProviderProps = Omit<\n  StepIndicatorProps,\n  'mode' | 'data'\n> & {\n  /**\n   * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n   */\n  sidebar_id: string\n  /**\n   * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n   */\n  data?: StepIndicatorData\n  /**\n   * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n   */\n  mode?: StepIndicatorMode\n  children: React.ReactNode\n  isSidebar?: boolean\n  triggerButtonProps?: StepIndicatorTriggerButtonProps\n}\n\nexport type StepIndicatorProviderStates = {\n  data: (string | StepIndicatorItemProps)[]\n  hasSidebar: boolean\n  hideSidebar: boolean\n  activeStep: number\n  openState: boolean\n  listOfReachedSteps: number[]\n  countSteps: number\n  stepsLabel: string\n  stepsLabelExtended: string\n  filterAttributes: string[]\n  setActiveStep: React.Dispatch<React.SetStateAction<number>>\n  sidebarIsVisible: boolean\n  onChangeState: () => void\n  openHandler: () => void\n  closeHandler: () => void\n}\n\nexport function StepIndicatorProvider({\n  isSidebar = false,\n  ...restOfProps\n}: StepIndicatorProviderProps) {\n  const props = useMemo(() => {\n    return { isSidebar, ...restOfProps }\n  }, [isSidebar, restOfProps])\n\n  const data = useMemo(() => {\n    if (typeof props.data === 'string') {\n      return props.data[0] === '[' ? JSON.parse(props.data) : []\n    }\n\n    return props.data || []\n  }, [props])\n\n  const [hasSidebar, setHasSidebar] = useState<boolean>(true)\n  const [hideSidebar, setHideSidebar] = useState<boolean>(false)\n  const [openState, setOpenState] = useState<boolean>(false)\n\n  const onChangeState = useCallback(() => {\n    setOpenState(false)\n  }, [])\n\n  const openHandler = useCallback(() => {\n    setOpenState(true)\n  }, [])\n\n  const closeHandler = useCallback(() => {\n    setOpenState(false)\n  }, [])\n\n  const getActiveStepFromProps = useCallback(() => {\n    if (typeof data[0] === 'string') {\n      return props.current_step\n    }\n\n    const dataWithItems = data as StepIndicatorDataItem[]\n\n    const itemWithCurrentStep = dataWithItems.find(\n      (item) => item.is_current\n    )\n    // Is current on data item has precedence(?) over current_step prop\n    return itemWithCurrentStep\n      ? dataWithItems.indexOf(itemWithCurrentStep)\n      : props.current_step\n  }, [data, props.current_step])\n\n  const countSteps = data.length\n  const activeStepRef = useRef<number>(getActiveStepFromProps())\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const setActiveStep = useCallback((step: number) => {\n    activeStepRef.current = step\n    forceUpdate()\n  }, [])\n  const listOfReachedSteps = useRef(\n    [activeStepRef.current].filter(Boolean)\n  ).current\n  const mediaQueryListener = useRef(null)\n  const context = useContext(Context)\n\n  const updateStepTitle = useCallback(\n    (title: string) => {\n      return title\n        ?.replace('%step', String((activeStepRef.current || 0) + 1))\n        .replace('%count', String(data?.length || 1))\n    },\n    [data?.length]\n  )\n\n  const makeContextValue = useCallback(() => {\n    const globalContext = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context.StepIndicator\n    )\n\n    const value = extendSafe(\n      { filterAttributes },\n      globalContext,\n      // Props\n      {\n        defaultProps: stepIndicatorDefaultProps,\n        props,\n      },\n      // State\n      {\n        hasSidebar,\n        hideSidebar,\n        activeStep: activeStepRef.current,\n        openState,\n        listOfReachedSteps,\n        data,\n        countSteps,\n        stepsLabel: updateStepTitle(globalContext.step_title),\n        stepsLabelExtended: updateStepTitle(\n          globalContext.step_title_extended\n        ),\n      },\n      // Functions\n      {\n        setActiveStep,\n        onChangeState,\n        openHandler,\n        closeHandler,\n      }\n    ) as StepIndicatorContextValues\n\n    value.sidebarIsVisible = value.hasSidebar && !value.hideSidebar\n\n    return value\n  }, [\n    closeHandler,\n    context,\n    countSteps,\n    data,\n    hasSidebar,\n    hideSidebar,\n    listOfReachedSteps,\n    onChangeState,\n    openHandler,\n    openState,\n    props,\n    setActiveStep,\n    updateStepTitle,\n  ])\n\n  const contextValue = makeContextValue() as StepIndicatorContextValues\n\n  // Mount and dismount\n  useEffect(() => {\n    const container = document?.getElementById(\n      'sidebar__' + props.sidebar_id\n    )\n\n    setHasSidebar(Boolean(container))\n\n    mediaQueryListener.current = onMediaQueryChange(\n      {\n        min: '0',\n        max: 'medium',\n      },\n      (hideSidebar) => {\n        setHideSidebar(hideSidebar)\n      },\n      { runOnInit: true }\n    )\n\n    return () => {\n      if (mediaQueryListener.current) {\n        mediaQueryListener.current()\n      }\n    }\n  }, [props.sidebar_id])\n\n  // Keeps the activeStep state updated with changes to the current_step and data props\n  useEffect(() => {\n    const currentStepFromProps = getActiveStepFromProps()\n\n    if (currentStepFromProps !== activeStepRef.current) {\n      setActiveStep(currentStepFromProps)\n    }\n  }, [props.current_step, data, getActiveStepFromProps, setActiveStep])\n\n  // Keeps the listOfReachedSteps state up to date with the activeStep state\n  const activeStep = activeStepRef.current\n  useEffect(() => {\n    if (!listOfReachedSteps.includes(activeStep)) {\n      listOfReachedSteps.push(activeStep)\n    }\n  }, [activeStep, listOfReachedSteps])\n\n  if (typeof window !== 'undefined' && window['IS_TEST']) {\n    contextValue['no_animation'] = true\n  }\n\n  // Filter out unwanted HTML attributes\n  Object.keys(contextValue).forEach((key) => {\n    if (key.startsWith('_')) {\n      delete contextValue[key]\n    }\n  })\n\n  return (\n    <StepIndicatorContext.Provider value={contextValue}>\n      {props.children}\n    </StepIndicatorContext.Provider>\n  )\n}\n\n/**\n * Like \"Object.assign\" – but safe\n * A new falsy value will not be used, if it exists already\n *\n * @param  {...object} objects\n * @returns object\n */\nfunction extendSafe(...objects): Record<string, unknown> {\n  const obj = {}\n\n  objects.forEach((itm) => {\n    if (itm.defaultProps && itm.props) {\n      itm = Object.entries(itm.props).reduce((acc, [k, v]) => {\n        if (itm.defaultProps[k] !== v) {\n          acc[k] = v\n        }\n        return acc\n      }, {})\n    }\n\n    Object.entries(itm).forEach(([k, v]) => {\n      if (!obj[k] || (obj[k] && v)) {\n        obj[k] = v\n      }\n    })\n  })\n\n  return obj\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorContext.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","useState","Context","stepIndicatorDefaultProps","extendPropsWithContext","filterAttributes","Object","keys","filter","item","includes","concat","StepIndicatorContext","createContext","StepIndicatorProvider","props","data","JSON","parse","openState","setOpenState","expandedInitially","openHandler","closeHandler","getActiveStepFromProps","current_step","dataWithItems","itemWithCurrentStep","find","is_current","indexOf","countSteps","length","activeStepRef","forceUpdate","setActiveStep","step","current","listOfReachedSteps","Boolean","context","updateStepTitle","title","replace","String","makeContextValue","globalContext","skeleton","getTranslation","StepIndicator","value","extendSafe","defaultProps","activeStep","stepsLabel","step_title","contextValue","currentStepFromProps","push","window","forEach","key","startsWith","createElement","Provider","children","objects","obj","itm","entries","reduce","acc","k","v"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.tsx"],"sourcesContent":["/**\n * Web StepIndicator Context\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport {\n  StepIndicatorData,\n  StepIndicatorDataItem,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from './StepIndicator'\nimport { StepIndicatorItemProps } from './StepIndicatorItem'\n\n// We use this array to filter out unwanted properties\nconst filterAttributes = Object.keys(stepIndicatorDefaultProps)\n  .filter((item) => {\n    return !['class', 'className'].includes(item)\n  })\n  .concat([\n    'internalId',\n    'mainTitle',\n    'stepsLabel',\n    'listOfReachedSteps',\n    'setActiveStep',\n    'activeStep',\n    'countSteps',\n    'openState',\n    'openHandler',\n    'closeHandler',\n    'innerRef',\n    'hasSkeletonData',\n    'filterAttributes',\n  ])\n\nexport type StepIndicatorContextValues = StepIndicatorProviderProps &\n  StepIndicatorProviderStates &\n  ContextProps\n\nconst StepIndicatorContext =\n  React.createContext<StepIndicatorContextValues>(null)\n\nexport default StepIndicatorContext\n\nexport type StepIndicatorProviderProps = Omit<\n  StepIndicatorProps,\n  'mode' | 'data' | 'sidebar_id' | 'step_title_extended'\n> & {\n  /**\n   * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n   */\n  data?: StepIndicatorData\n  /**\n   * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n   */\n  mode?: StepIndicatorMode\n  children: React.ReactNode\n}\n\nexport type StepIndicatorProviderStates = {\n  data: (string | StepIndicatorItemProps)[]\n  activeStep: number\n  openState: boolean\n  listOfReachedSteps: number[]\n  countSteps: number\n  stepsLabel: string\n  filterAttributes: string[]\n  setActiveStep: React.Dispatch<React.SetStateAction<number>>\n  openHandler: () => void\n  closeHandler: () => void\n}\n\nexport function StepIndicatorProvider(props: StepIndicatorProviderProps) {\n  const data = useMemo(() => {\n    if (typeof props.data === 'string') {\n      return props.data[0] === '[' ? JSON.parse(props.data) : []\n    }\n\n    return props.data || []\n  }, [props])\n\n  const [openState, setOpenState] = useState<boolean>(\n    props.expandedInitially\n  )\n\n  const openHandler = useCallback(() => {\n    setOpenState(true)\n  }, [])\n\n  const closeHandler = useCallback(() => {\n    setOpenState(false)\n  }, [])\n\n  const getActiveStepFromProps = useCallback(() => {\n    if (typeof data[0] === 'string') {\n      return props.current_step\n    }\n\n    const dataWithItems = data as StepIndicatorDataItem[]\n\n    const itemWithCurrentStep = dataWithItems.find(\n      (item) => item.is_current\n    )\n    // Is current on data item has precedence(?) over current_step prop\n    return itemWithCurrentStep\n      ? dataWithItems.indexOf(itemWithCurrentStep)\n      : props.current_step\n  }, [data, props.current_step])\n\n  const countSteps = data.length\n  const activeStepRef = useRef<number>(getActiveStepFromProps())\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const setActiveStep = useCallback((step: number) => {\n    activeStepRef.current = step\n    forceUpdate()\n  }, [])\n  const listOfReachedSteps = useRef(\n    [activeStepRef.current].filter(Boolean)\n  ).current\n  const context = useContext(Context)\n\n  const updateStepTitle = useCallback(\n    (title: string) => {\n      return title\n        ?.replace('%step', String((activeStepRef.current || 0) + 1))\n        .replace('%count', String(data?.length || 1))\n    },\n    [data?.length]\n  )\n\n  const makeContextValue = useCallback(() => {\n    const globalContext = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context.StepIndicator\n    )\n\n    const value = extendSafe(\n      { filterAttributes },\n      globalContext,\n      // Props\n      {\n        defaultProps: stepIndicatorDefaultProps,\n        props,\n      },\n      // State\n      {\n        activeStep: activeStepRef.current,\n        openState,\n        listOfReachedSteps,\n        data,\n        countSteps,\n        stepsLabel: updateStepTitle(globalContext.step_title),\n      },\n      // Functions\n      {\n        setActiveStep,\n        openHandler,\n        closeHandler,\n      }\n    ) as StepIndicatorContextValues\n\n    return value\n  }, [\n    closeHandler,\n    context,\n    countSteps,\n    data,\n    listOfReachedSteps,\n    openHandler,\n    openState,\n    props,\n    setActiveStep,\n    updateStepTitle,\n  ])\n\n  const contextValue = makeContextValue() as StepIndicatorContextValues\n\n  // Keeps the activeStep state updated with changes to the current_step and data props\n  useEffect(() => {\n    const currentStepFromProps = getActiveStepFromProps()\n\n    if (currentStepFromProps !== activeStepRef.current) {\n      setActiveStep(currentStepFromProps)\n    }\n  }, [props.current_step, data, getActiveStepFromProps, setActiveStep])\n\n  // Keeps the listOfReachedSteps state up to date with the activeStep state\n  const activeStep = activeStepRef.current\n  useEffect(() => {\n    if (!listOfReachedSteps.includes(activeStep)) {\n      listOfReachedSteps.push(activeStep)\n    }\n  }, [activeStep, listOfReachedSteps])\n\n  if (typeof window !== 'undefined' && window['IS_TEST']) {\n    contextValue['no_animation'] = true\n  }\n\n  // Filter out unwanted HTML attributes\n  Object.keys(contextValue).forEach((key) => {\n    if (key.startsWith('_')) {\n      delete contextValue[key]\n    }\n  })\n\n  return (\n    <StepIndicatorContext.Provider value={contextValue}>\n      {props.children}\n    </StepIndicatorContext.Provider>\n  )\n}\n\n/**\n * Like \"Object.assign\" – but safe\n * A new falsy value will not be used, if it exists already\n *\n * @param  {...object} objects\n * @returns object\n */\nfunction extendSafe(...objects): Record<string, unknown> {\n  const obj = {}\n\n  objects.forEach((itm) => {\n    if (itm.defaultProps && itm.props) {\n      itm = Object.entries(itm.props).reduce((acc, [k, v]) => {\n        if (itm.defaultProps[k] !== v) {\n          acc[k] = v\n        }\n        return acc\n      }, {})\n    }\n\n    Object.entries(itm).forEach(([k, v]) => {\n      if (!obj[k] || (obj[k] && v)) {\n        obj[k] = v\n      }\n    })\n  })\n\n  return obj\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const StepIndicatorProperties: PropertiesTableProps;
+export declare const StepIndicatorEvents: PropertiesTableProps;
+export declare const StepIndicatorStepProperties: PropertiesTableProps;
+export declare const StepIndicatorStepEvents: PropertiesTableProps;

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

@@ -0,0 +1,139 @@
+export const StepIndicatorProperties = {
+  mode: {
+    doc: '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.',
+    type: [`'static'`, `'strict'`, `'loose'`],
+    status: 'required'
+  },
+  data: {
+    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',
+    type: ['[Step Item](#step-item-properties)[]', 'string[]'],
+    status: 'required'
+  },
+  current_step: {
+    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode="strict"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',
+    type: 'number',
+    status: 'optional'
+  },
+  overview_title: {
+    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',
+    type: 'string',
+    status: 'optional'
+  },
+  step_title: {
+    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',
+    type: 'string',
+    status: 'optional'
+  },
+  hide_numbers: {
+    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  no_animation: {
+    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  expandedInitially: {
+    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  outset: {
+    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`',
+    type: 'boolean',
+    status: 'optional'
+  },
+  status: {
+    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`',
+    type: 'string',
+    status: 'optional'
+  },
+  status_state: {
+    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',
+    type: `['warn', 'info', 'error']`,
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  },
+  sidebar_id: {
+    doc: '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.',
+    type: 'string',
+    status: 'deprecated'
+  },
+  step_title_extended: {
+    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',
+    type: 'string',
+    status: 'deprecated'
+  },
+  on_item_render: {
+    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',
+    type: 'function',
+    status: 'deprecated'
+  }
+};
+export const StepIndicatorEvents = {
+  on_click: {
+    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`',
+    type: 'function',
+    status: 'optional'
+  },
+  on_change: {
+    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`',
+    type: 'function',
+    status: 'optional'
+  }
+};
+export const StepIndicatorStepProperties = {
+  title: {
+    doc: 'The title of the step.',
+    type: ['string', 'React.ReactNode'],
+    status: 'required'
+  },
+  is_current: {
+    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  inactive: {
+    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled="true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  status: {
+    doc: 'Is used to set the status text.',
+    type: ['string', 'React.ReactNode'],
+    status: 'optional'
+  },
+  status_state: {
+    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',
+    type: [`'warn'`, `'info'`, `'error'`],
+    status: 'optional'
+  },
+  on_render: {
+    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',
+    type: 'function',
+    status: 'deprecated'
+  }
+};
+export const StepIndicatorStepEvents = {
+  on_click: {
+    doc: "Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`",
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=StepIndicatorDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","mode","doc","type","status","data","current_step","overview_title","step_title","hide_numbers","no_animation","expandedInitially","outset","status_state","skeleton","sidebar_id","step_title_extended","on_item_render","StepIndicatorEvents","on_click","on_change","StepIndicatorStepProperties","title","is_current","inactive","disabled","on_render","StepIndicatorStepEvents"],"sources":["../../../../src/components/step-indicator/StepIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const StepIndicatorProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.',\n    type: [`'static'`, `'strict'`, `'loose'`],\n    status: 'required',\n  },\n  data: {\n    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',\n    type: ['[Step Item](#step-item-properties)[]', 'string[]'],\n    status: 'required',\n  },\n  current_step: {\n    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode=\"strict\"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  overview_title: {\n    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',\n    type: 'string',\n    status: 'optional',\n  },\n  step_title: {\n    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hide_numbers: {\n    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expandedInitially: {\n    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outset: {\n    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',\n    type: `['warn', 'info', 'error']`,\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  sidebar_id: {\n    doc: 'A unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  step_title_extended: {\n    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  on_item_render: {\n    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const StepIndicatorStepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the step.',\n    type: ['string', 'React.ReactNode'],\n    status: 'required',\n  },\n  is_current: {\n    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled=\"true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Is used to set the status text.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',\n    type: [`'warn'`, `'info'`, `'error'`],\n    status: 'optional',\n  },\n  on_render: {\n    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorStepEvents: PropertiesTableProps = {\n  on_click: {\n    doc: \"Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}