npm - @dnb/eufemia - Versions diffs - 10.71.2 → 10.72.0 - Mend

@dnb/eufemia 10.71.2 → 10.72.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 (336) hide show

package/cjs/components/step-indicator/StepIndicator.js CHANGED Viewed

@@ -1,19 +1,28 @@
 "use strict";
+"use client";
+require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _SpacingHelper = require("../space/SpacingHelper");
+var _Card = _interopRequireDefault(require("../Card"));
+var _StepIndicatorTriggerButton = _interopRequireDefault(require("./StepIndicatorTriggerButton"));
 var _StepIndicatorSidebar = _interopRequireDefault(require("./StepIndicatorSidebar"));
-var _StepIndicatorModal = _interopRequireDefault(require("./StepIndicatorModal"));
-var _StepIndicatorContext = require("./StepIndicatorContext");
+var _StepIndicatorList2 = _interopRequireDefault(require("./StepIndicatorList"));
+var _StepIndicatorContext = _interopRequireWildcard(require("./StepIndicatorContext"));
 var _StepIndicatorProps = require("./StepIndicatorProps");
-var _useId = _interopRequireDefault(require("../../shared/helpers/useId"));
-var _div;
-const _excluded = ["data", "skeleton", "current_step", "hide_numbers", "no_animation"];
+var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function 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; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -21,28 +30,64 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function handleDeprecatedProps(props) {
+  const {
+      sidebar_id,
+      step_title_extended
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return rest;
+}
 function StepIndicator(_ref) {
   let {
+      status,
+      status_state = 'warn',
       data = _StepIndicatorProps.stepIndicatorDefaultProps.data,
       skeleton = _StepIndicatorProps.stepIndicatorDefaultProps.skeleton,
       current_step = _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
       hide_numbers = _StepIndicatorProps.stepIndicatorDefaultProps.hide_numbers,
-      no_animation = _StepIndicatorProps.stepIndicatorDefaultProps.no_animation
+      no_animation = _StepIndicatorProps.stepIndicatorDefaultProps.no_animation,
+      expandedInitially = _StepIndicatorProps.stepIndicatorDefaultProps.expandedInitially
     } = _ref,
-    restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = _objectSpread({
-    data,
-    skeleton,
-    current_step,
-    hide_numbers,
-    no_animation
-  }, restOfProps);
-  const sidebarId = (0, _useId.default)(props.sidebar_id);
-  return _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({}, props, {
-    sidebar_id: sidebarId
-  }), _div || (_div = _react.default.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.default.createElement(_StepIndicatorContext.StepIndicatorProvider, props, _react.default.createElement("div", {
     className: "dnb-step-indicator-wrapper"
-  }, _react.default.createElement(_StepIndicatorModal.default, null))));
+  }, _react.default.createElement(_Card.default, {
+    align: "stretch",
+    className: (0, _classnames.default)('dnb-step-indicator', (0, _SpacingHelper.createSpacingClasses)(restOfProps)),
+    outset: outset
+  }, _StepIndicatorTrigger || (_StepIndicatorTrigger = _react.default.createElement(_StepIndicatorTriggerButton.default, null)), _StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList2.default, null))), _react.default.createElement(StepIndicatorStatus, {
+    status: status,
+    status_state: status_state
+  })));
+}
+function StepIndicatorStatus(_ref2) {
+  let {
+    status,
+    status_state
+  } = _ref2;
+  const {
+    openState,
+    no_animation
+  } = (0, _react.useContext)(_StepIndicatorContext.default);
+  const show = !openState && !!status;
+  return _react.default.createElement(_FormStatus.default, {
+    show: show,
+    no_animation: no_animation,
+    state: status && status_state
+  }, status);
 }
 StepIndicator.Sidebar = _StepIndicatorSidebar.default;
 StepIndicator._supportsSpacingProps = true;

package/cjs/components/step-indicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireDefault","require","_StepIndicatorSidebar","_StepIndicatorModal","_StepIndicatorContext","_StepIndicatorProps","_useId","_div","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicator","_ref","data","stepIndicatorDefaultProps","skeleton","current_step","hide_numbers","no_animation","restOfProps","props","sidebarId","useId","sidebar_id","createElement","StepIndicatorProvider","className","Sidebar","StepIndicatorSidebar","_supportsSpacingProps","_default","exports"],"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":"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","ignoreList":[]}
1	+ {"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Card","_StepIndicatorTriggerButton","_StepIndicatorSidebar","_StepIndicatorList2","_StepIndicatorContext","_StepIndicatorProps","_FormStatus","_StepIndicatorTrigger","_StepIndicatorList","_excluded","_excluded2","_excluded3","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","handleDeprecatedProps","props","sidebar_id","step_title_extended","rest","StepIndicator","_ref","status","status_state","data","stepIndicatorDefaultProps","skeleton","current_step","hide_numbers","no_animation","expandedInitially","restOfProps","_handleDeprecatedProp","outset","createElement","StepIndicatorProvider","className","align","classnames","createSpacingClasses","StepIndicatorStatus","_ref2","openState","useContext","StepIndicatorContext","show","state","Sidebar","StepIndicatorSidebar","_supportsSpacingProps","_default","exports"],"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":";;;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,2BAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,qBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,mBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,qBAAA,GAAAT,uBAAA,CAAAC,OAAA;AAWA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAR,sBAAA,CAAAF,OAAA;AAGkC,IAAAW,qBAAA,EAAAC,kBAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;EAAAC,UAAA;AAAA,SAAAb,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAApB,CAAA,EAAAK,CAAA,QAAAC,CAAA,GAAAM,MAAA,CAAAS,IAAA,CAAArB,CAAA,OAAAY,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,GAAAK,CAAA,KAAAkB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAnB,CAAA,WAAAO,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAK,CAAA,EAAAoB,UAAA,OAAAnB,CAAA,CAAAoB,IAAA,CAAAC,KAAA,CAAArB,CAAA,EAAAiB,CAAA,YAAAjB,CAAA;AAAA,SAAAsB,cAAA5B,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAe,OAAA,CAAAR,MAAA,CAAAN,CAAA,OAAAyB,OAAA,WAAA1B,CAAA,IAAA2B,eAAA,CAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAO,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAlC,CAAA,EAAAY,MAAA,CAAAqB,yBAAA,CAAA3B,CAAA,KAAAc,OAAA,CAAAR,MAAA,CAAAN,CAAA,GAAAyB,OAAA,WAAA1B,CAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,EAAAO,MAAA,CAAAE,wBAAA,CAAAR,CAAA,EAAAD,CAAA,iBAAAL,CAAA;AAAA,SAAAgC,gBAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAA8B,cAAA,CAAA9B,CAAA,MAAAL,CAAA,GAAAY,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,IAAA+B,KAAA,EAAA9B,CAAA,EAAAmB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAAtC,CAAA,CAAAK,CAAA,IAAAC,CAAA,EAAAN,CAAA;AAAA,SAAAmC,eAAA7B,CAAA,QAAAY,CAAA,GAAAqB,YAAA,CAAAjC,CAAA,uCAAAY,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAqB,aAAAjC,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAN,CAAA,GAAAM,CAAA,CAAAkC,MAAA,CAAAC,WAAA,kBAAAzC,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAX,CAAA,EAAAD,CAAA,uCAAAa,CAAA,SAAAA,CAAA,YAAAwB,SAAA,yEAAArC,CAAA,GAAAsC,MAAA,GAAAC,MAAA,EAAAtC,CAAA;AAAA,SAAAuC,yBAAA7C,CAAA,EAAAM,CAAA,gBAAAN,CAAA,iBAAAuB,CAAA,EAAAlB,CAAA,EAAAa,CAAA,GAAA4B,6BAAA,CAAA9C,CAAA,EAAAM,CAAA,OAAAM,MAAA,CAAAU,qBAAA,QAAAb,CAAA,GAAAG,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAI,CAAA,CAAAqB,MAAA,EAAAzB,CAAA,IAAAkB,CAAA,GAAAd,CAAA,CAAAJ,CAAA,UAAAC,CAAA,CAAAyC,OAAA,CAAAxB,CAAA,QAAAyB,oBAAA,CAAA/B,IAAA,CAAAjB,CAAA,EAAAuB,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAvB,CAAA,CAAAuB,CAAA,aAAAL,CAAA;AAAA,SAAA4B,8BAAAzC,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAC,CAAA,gBAAAG,CAAA,IAAAJ,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAI,CAAA,gBAAAT,CAAA,CAAA+C,OAAA,CAAAtC,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAJ,CAAA,CAAAI,CAAA,YAAAH,CAAA;AAyIlC,SAAS2C,qBAAqBA,CAC5BC,KAAyB,EACuC;EAChE,MAAM;MAAEC,UAAU;MAAEC;IAA6B,CAAC,GAAGF,KAAK;IAAdG,IAAI,GAAAR,wBAAA,CAAKK,KAAK,EAAArD,SAAA;EAC1D,OAAOwD,IAAI;AACb;AAEA,SAASC,aAAaA,CAAAC,IAAA,EAUC;EAAA,IAVA;MACrBC,MAAM;MACNC,YAAY,GAAG,MAAM;MACrBC,IAAI,GAAGC,6CAAyB,CAACD,IAAI;MACrCE,QAAQ,GAAGD,6CAAyB,CAACC,QAAQ;MAC7CC,YAAY,GAAGF,6CAAyB,CAACE,YAAY;MACrDC,YAAY,GAAGH,6CAAyB,CAACG,YAAY;MACrDC,YAAY,GAAGJ,6CAAyB,CAACI,YAAY;MACrDC,iBAAiB,GAAGL,6CAAyB,CAACK;IAE5B,CAAC,GAAAT,IAAA;IADhBU,WAAW,GAAApB,wBAAA,CAAAU,IAAA,EAAAzD,UAAA;EAEd,MAAAoE,qBAAA,GAA6BjB,qBAAqB,CAAArB,aAAA;MAChD8B,IAAI;MACJE,QAAQ;MACRC,YAAY;MACZC,YAAY;MACZC,YAAY;MACZC;IAAiB,GACdC,WAAW,CACf,CAAC;IARI;MAAEE;IAAiB,CAAC,GAAAD,qBAAA;IAAPhB,KAAK,GAAAL,wBAAA,CAAAqB,qBAAA,EAAAnE,UAAA;EAUxB,OACEjB,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAAC5E,qBAAA,CAAA6E,qBAAqB,EAAKnB,KAAK,EAC9BpE,MAAA,CAAAoB,OAAA,CAAAkE,aAAA;IAAKE,SAAS,EAAC;EAA4B,GACzCxF,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAAChF,KAAA,CAAAc,OAAI;IACHqE,KAAK,EAAC,SAAS;IACfD,SAAS,EAAE,IAAAE,mBAAU,EACnB,oBAAoB,EACpB,IAAAC,mCAAoB,EAACR,WAAW,CAClC,CAAE;IACFE,MAAM,EAAEA;EAAO,GAAAxE,qBAAA,KAAAA,qBAAA,GAEfb,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAAC/E,2BAAA,CAAAa,OAA0B,MAAE,CAAC,GAAAN,kBAAA,KAAAA,kBAAA,GAC9Bd,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAAC7E,mBAAA,CAAAW,OAAiB,MAAE,CAAC,CACjB,CAAC,EACPpB,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAACM,mBAAmB;IAAClB,MAAM,EAAEA,MAAO;IAACC,YAAY,EAAEA;EAAa,CAAE,CAC/D,CACgB,CAAC;AAE5B;AAEA,SAASiB,mBAAmBA,CAAAC,KAAA,EAA2B;EAAA,IAA1B;IAAEnB,MAAM;IAAEC;EAAa,CAAC,GAAAkB,KAAA;EACnD,MAAM;IAAEC,SAAS;IAAEb;EAAa,CAAC,GAAG,IAAAc,iBAAU,EAACC,6BAAoB,CAAC;EACpE,MAAMC,IAAI,GAAG,CAACH,SAAS,IAAI,CAAC,CAACpB,MAAM;EACnC,OACE1E,MAAA,CAAAoB,OAAA,CAAAkE,aAAA,CAAC1E,WAAA,CAAAQ,OAAU;IACT6E,IAAI,EAAEA,IAAK;IACXhB,YAAY,EAAEA,YAAa;IAC3BiB,KAAK,EAAExB,MAAM,IAAIC;EAAa,GAE7BD,MACS,CAAC;AAEjB;AAIAF,aAAa,CAAC2B,OAAO,GAAGC,6BAAoB;AAE5C5B,aAAa,CAAC6B,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAnF,OAAA,GAE3BoD,aAAa","ignoreList":[]}

package/cjs/components/step-indicator/StepIndicatorContext.d.ts CHANGED Viewed

@@ -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/cjs/components/step-indicator/StepIndicatorContext.js CHANGED Viewed

@@ -12,45 +12,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _StepIndicatorProps = require("./StepIndicatorProps");
 var _componentHelper = require("../../shared/component-helper");
-var _MediaQueryUtils = require("../../shared/MediaQueryUtils");
-const _excluded = ["isSidebar"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function 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; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const filterAttributes = Object.keys(_StepIndicatorProps.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.default.createContext(null);
 var _default = exports.default = StepIndicatorContext;
-function StepIndicatorProvider(_ref) {
-  let {
-      isSidebar = false
-    } = _ref,
-    restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = (0, _react.useMemo)(() => {
-    return _objectSpread({
-      isSidebar
-    }, restOfProps);
-  }, [isSidebar, restOfProps]);
+function StepIndicatorProvider(props) {
   const data = (0, _react.useMemo)(() => {
     if (typeof props.data === 'string') {
       return props.data[0] === '[' ? JSON.parse(props.data) : [];
     }
     return props.data || [];
   }, [props]);
-  const [hasSidebar, setHasSidebar] = (0, _react.useState)(true);
-  const [hideSidebar, setHideSidebar] = (0, _react.useState)(false);
-  const [openState, setOpenState] = (0, _react.useState)(false);
-  const onChangeState = (0, _react.useCallback)(() => {
-    setOpenState(false);
-  }, []);
+  const [openState, setOpenState] = (0, _react.useState)(props.expandedInitially);
   const openHandler = (0, _react.useCallback)(() => {
     setOpenState(true);
   }, []);
@@ -73,7 +50,6 @@ function StepIndicatorProvider(_ref) {
     forceUpdate();
   }, []);
   const listOfReachedSteps = (0, _react.useRef)([activeStepRef.current].filter(Boolean)).current;
-  const mediaQueryListener = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_Context.default);
   const updateStepTitle = (0, _react.useCallback)(title => {
     return title === null || title === void 0 ? void 0 : title.replace('%step', String((activeStepRef.current || 0) + 1)).replace('%count', String((data === null || data === void 0 ? void 0 : data.length) || 1));
@@ -88,43 +64,20 @@ function StepIndicatorProvider(_ref) {
       defaultProps: _StepIndicatorProps.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();
-  (0, _react.useEffect)(() => {
-    var _document;
-    const container = (_document = document) === null || _document === void 0 ? void 0 : _document.getElementById('sidebar__' + props.sidebar_id);
-    setHasSidebar(Boolean(container));
-    mediaQueryListener.current = (0, _MediaQueryUtils.onMediaQueryChange)({
-      min: '0',
-      max: 'medium'
-    }, hideSidebar => {
-      setHideSidebar(hideSidebar);
-    }, {
-      runOnInit: true
-    });
-    return () => {
-      if (mediaQueryListener.current) {
-        mediaQueryListener.current();
-      }
-    };
-  }, [props.sidebar_id]);
   (0, _react.useEffect)(() => {
     const currentStepFromProps = getActiveStepFromProps();
     if (currentStepFromProps !== activeStepRef.current) {
@@ -156,16 +109,16 @@ function extendSafe() {
   }
   objects.forEach(itm => {
     if (itm.defaultProps && itm.props) {
-      itm = Object.entries(itm.props).reduce((acc, _ref2) => {
-        let [k, v] = _ref2;
+      itm = Object.entries(itm.props).reduce((acc, _ref) => {
+        let [k, v] = _ref;
         if (itm.defaultProps[k] !== v) {
           acc[k] = v;
         }
         return acc;
       }, {});
     }
-    Object.entries(itm).forEach(_ref3 => {
-      let [k, v] = _ref3;
+    Object.entries(itm).forEach(_ref2 => {
+      let [k, v] = _ref2;
       if (!obj[k] || obj[k] && v) {
         obj[k] = v;
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicatorContext.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicatorProps","_componentHelper","_MediaQueryUtils","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","filterAttributes","stepIndicatorDefaultProps","item","includes","concat","StepIndicatorContext","React","createContext","_default","exports","StepIndicatorProvider","_ref","isSidebar","restOfProps","props","useMemo","data","JSON","parse","hasSidebar","setHasSidebar","useState","hideSidebar","setHideSidebar","openState","setOpenState","onChangeState","useCallback","openHandler","closeHandler","getActiveStepFromProps","current_step","dataWithItems","itemWithCurrentStep","find","is_current","countSteps","activeStepRef","useRef","forceUpdate","useReducer","setActiveStep","step","current","listOfReachedSteps","Boolean","mediaQueryListener","context","useContext","Context","updateStepTitle","title","replace","makeContextValue","globalContext","extendPropsWithContext","skeleton","getTranslation","StepIndicator","extendSafe","defaultProps","activeStep","stepsLabel","step_title","stepsLabelExtended","step_title_extended","sidebarIsVisible","contextValue","useEffect","_document","container","document","getElementById","sidebar_id","onMediaQueryChange","min","max","runOnInit","currentStepFromProps","window","key","startsWith","createElement","Provider","children","obj","_len","objects","Array","_key","itm","entries","reduce","acc","_ref2","k","v","_ref3"],"sources":["../../../../src/components/step-indicator/StepIndicatorContext.tsx"],"sourcesContent":["/*\n Web StepIndicator Context\n \n /\n\nimport React, {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from 'react'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport { onMediaQueryChange } from '../../shared/MediaQueryUtils'\nimport {\n StepIndicatorData,\n StepIndicatorDataItem,\n StepIndicatorMode,\n StepIndicatorProps,\n} from './StepIndicator'\nimport { StepIndicatorItemProps } from './StepIndicatorItem'\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":";;;;;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAiE,MAAAM,SAAA;AAAA,SAAAJ,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAApB,CAAA,EAAAK,CAAA,QAAAC,CAAA,GAAAM,MAAA,CAAAS,IAAA,CAAArB,CAAA,OAAAY,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,GAAAK,CAAA,KAAAkB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAnB,CAAA,WAAAO,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAK,CAAA,EAAAoB,UAAA,OAAAnB,CAAA,CAAAoB,IAAA,CAAAC,KAAA,CAAArB,CAAA,EAAAiB,CAAA,YAAAjB,CAAA;AAAA,SAAAsB,cAAA5B,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAe,OAAA,CAAAR,MAAA,CAAAN,CAAA,OAAAyB,OAAA,WAAA1B,CAAA,IAAA2B,eAAA,CAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAO,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAlC,CAAA,EAAAY,MAAA,CAAAqB,yBAAA,CAAA3B,CAAA,KAAAc,OAAA,CAAAR,MAAA,CAAAN,CAAA,GAAAyB,OAAA,WAAA1B,CAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,EAAAO,MAAA,CAAAE,wBAAA,CAAAR,CAAA,EAAAD,CAAA,iBAAAL,CAAA;AAAA,SAAAgC,gBAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAA8B,cAAA,CAAA9B,CAAA,MAAAL,CAAA,GAAAY,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,IAAA+B,KAAA,EAAA9B,CAAA,EAAAmB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAAtC,CAAA,CAAAK,CAAA,IAAAC,CAAA,EAAAN,CAAA;AAAA,SAAAmC,eAAA7B,CAAA,QAAAY,CAAA,GAAAqB,YAAA,CAAAjC,CAAA,uCAAAY,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAqB,aAAAjC,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAN,CAAA,GAAAM,CAAA,CAAAkC,MAAA,CAAAC,WAAA,kBAAAzC,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAX,CAAA,EAAAD,CAAA,uCAAAa,CAAA,SAAAA,CAAA,YAAAwB,SAAA,yEAAArC,CAAA,GAAAsC,MAAA,GAAAC,MAAA,EAAAtC,CAAA;AAAA,SAAAuC,yBAAA7C,CAAA,EAAAM,CAAA,gBAAAN,CAAA,iBAAAuB,CAAA,EAAAlB,CAAA,EAAAa,CAAA,GAAA4B,6BAAA,CAAA9C,CAAA,EAAAM,CAAA,OAAAM,MAAA,CAAAU,qBAAA,QAAAb,CAAA,GAAAG,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAI,CAAA,CAAAqB,MAAA,EAAAzB,CAAA,IAAAkB,CAAA,GAAAd,CAAA,CAAAJ,CAAA,UAAAC,CAAA,CAAAyC,OAAA,CAAAxB,CAAA,QAAAyB,oBAAA,CAAA/B,IAAA,CAAAjB,CAAA,EAAAuB,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAvB,CAAA,CAAAuB,CAAA,aAAAL,CAAA;AAAA,SAAA4B,8BAAAzC,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAC,CAAA,gBAAAG,CAAA,IAAAJ,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAI,CAAA,gBAAAT,CAAA,CAAA+C,OAAA,CAAAtC,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAJ,CAAA,CAAAI,CAAA,YAAAH,CAAA;AAWjE,MAAM2C,gBAAgB,GAAGrC,MAAM,CAACS,IAAI,CAAC6B,6CAAyB,CAAC,CAC5D1B,MAAM,CAAE2B,IAAI,IAAK;EAChB,OAAO,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;AAC/C,CAAC,CAAC,CACDE,MAAM,CAAC,CACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,CAChB,CAAC;AAMJ,MAAMC,oBAAoB,GACxBC,cAAK,CAACC,aAAa,CAA6B,IAAI,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAxD,OAAA,GAExCoD,oBAAoB;AAyC5B,SAASK,qBAAqBA,CAAAC,IAAA,EAGN;EAAA,IAHO;MACpCC,SAAS,GAAG;IAEc,CAAC,GAAAD,IAAA;IADxBE,WAAW,GAAAjB,wBAAA,CAAAe,IAAA,EAAA7D,SAAA;EAEd,MAAMgE,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,OAAApC,aAAA;MAASiC;IAAS,GAAKC,WAAW;EACpC,CAAC,EAAE,CAACD,SAAS,EAAEC,WAAW,CAAC,CAAC;EAE5B,MAAMG,IAAI,GAAG,IAAAD,cAAO,EAAC,MAAM;IACzB,IAAI,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,EAAE;MAClC,OAAOF,KAAK,CAACE,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACE,IAAI,CAAC,GAAG,EAAE;IAC5D;IAEA,OAAOF,KAAK,CAACE,IAAI,IAAI,EAAE;EACzB,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEX,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAU,IAAI,CAAC;EAC3D,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EAC9D,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,EAAU,KAAK,CAAC;EAE1D,MAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtCF,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,WAAW,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACpCF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,YAAY,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACrCF,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,sBAAsB,GAAG,IAAAH,kBAAW,EAAC,MAAM;IAC/C,IAAI,OAAOX,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;MAC/B,OAAOF,KAAK,CAACiB,YAAY;IAC3B;IAEA,MAAMC,aAAa,GAAGhB,IAA+B;IAErD,MAAMiB,mBAAmB,GAAGD,aAAa,CAACE,IAAI,CAC3ChC,IAAI,IAAKA,IAAI,CAACiC,UACjB,CAAC;IAED,OAAOF,mBAAmB,GACtBD,aAAa,CAAClC,OAAO,CAACmC,mBAAmB,CAAC,GAC1CnB,KAAK,CAACiB,YAAY;EACxB,CAAC,EAAE,CAACf,IAAI,EAAEF,KAAK,CAACiB,YAAY,CAAC,CAAC;EAE9B,MAAMK,UAAU,GAAGpB,IAAI,CAACnC,MAAM;EAC9B,MAAMwD,aAAa,GAAG,IAAAC,aAAM,EAASR,sBAAsB,CAAC,CAAC,CAAC;EAC9D,MAAM,GAAGS,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMC,aAAa,GAAG,IAAAd,kBAAW,EAAEe,IAAY,IAAK;IAClDL,aAAa,CAACM,OAAO,GAAGD,IAAI;IAC5BH,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EACN,MAAMK,kBAAkB,GAAG,IAAAN,aAAM,EAC/B,CAACD,aAAa,CAACM,OAAO,CAAC,CAACpE,MAAM,CAACsE,OAAO,CACxC,CAAC,CAACF,OAAO;EACT,MAAMG,kBAAkB,GAAG,IAAAR,aAAM,EAAC,IAAI,CAAC;EACvC,MAAMS,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EAEnC,MAAMC,eAAe,GAAG,IAAAvB,kBAAW,EAChCwB,KAAa,IAAK;IACjB,OAAOA,KAAK,aAALA,KAAK,uBAALA,KAAK,CACRC,OAAO,CAAC,OAAO,EAAE1D,MAAM,CAAC,CAAC2C,aAAa,CAACM,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3DS,OAAO,CAAC,QAAQ,EAAE1D,MAAM,CAAC,CAAAsB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEnC,MAAM,KAAI,CAAC,CAAC,CAAC;EACjD,CAAC,EACD,CAACmC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEnC,MAAM,CACf,CAAC;EAED,MAAMwE,gBAAgB,GAAG,IAAA1B,kBAAW,EAAC,MAAM;IACzC,MAAM2B,aAAa,GAAG,IAAAC,uCAAsB,EAC1CzC,KAAK,EACLb,6CAAyB,EACzB;MAAEuD,QAAQ,EAAET,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAES;IAAS,CAAC,EAC/BT,OAAO,CAACU,cAAc,CAACV,OAAO,CAAC,CAACW,aAAa,EAC7CX,OAAO,CAACW,aACV,CAAC;IAED,MAAMvE,KAAK,GAAGwE,UAAU,CACtB;MAAE3D;IAAiB,CAAC,EACpBsD,aAAa,EAEb;MACEM,YAAY,EAAE3D,6CAAyB;MACvCa;IACF,CAAC,EAED;MACEK,UAAU;MACVG,WAAW;MACXuC,UAAU,EAAExB,aAAa,CAACM,OAAO;MACjCnB,SAAS;MACToB,kBAAkB;MAClB5B,IAAI;MACJoB,UAAU;MACV0B,UAAU,EAAEZ,eAAe,CAACI,aAAa,CAACS,UAAU,CAAC;MACrDC,kBAAkB,EAAEd,eAAe,CACjCI,aAAa,CAACW,mBAChB;IACF,CAAC,EAED;MACExB,aAAa;MACbf,aAAa;MACbE,WAAW;MACXC;IACF,CACF,CAA+B;IAE/B1C,KAAK,CAAC+E,gBAAgB,GAAG/E,KAAK,CAACgC,UAAU,IAAI,CAAChC,KAAK,CAACmC,WAAW;IAE/D,OAAOnC,KAAK;EACd,CAAC,EAAE,CACD0C,YAAY,EACZkB,OAAO,EACPX,UAAU,EACVpB,IAAI,EACJG,UAAU,EACVG,WAAW,EACXsB,kBAAkB,EAClBlB,aAAa,EACbE,WAAW,EACXJ,SAAS,EACTV,KAAK,EACL2B,aAAa,EACbS,eAAe,CAChB,CAAC;EAEF,MAAMiB,YAAY,GAAGd,gBAAgB,CAAC,CAA+B;EAGrE,IAAAe,gBAAS,EAAC,MAAM;IAAA,IAAAC,SAAA;IACd,MAAMC,SAAS,IAAAD,SAAA,GAAGE,QAAQ,cAAAF,SAAA,uBAARA,SAAA,CAAUG,cAAc,CACxC,WAAW,GAAG1D,KAAK,CAAC2D,UACtB,CAAC;IAEDrD,aAAa,CAACyB,OAAO,CAACyB,SAAS,CAAC,CAAC;IAEjCxB,kBAAkB,CAACH,OAAO,GAAG,IAAA+B,mCAAkB,EAC7C;MACEC,GAAG,EAAE,GAAG;MACRC,GAAG,EAAE;IACP,CAAC,EACAtD,WAAW,IAAK;MACfC,cAAc,CAACD,WAAW,CAAC;IAC7B,CAAC,EACD;MAAEuD,SAAS,EAAE;IAAK,CACpB,CAAC;IAED,OAAO,MAAM;MACX,IAAI/B,kBAAkB,CAACH,OAAO,EAAE;QAC9BG,kBAAkB,CAACH,OAAO,CAAC,CAAC;MAC9B;IACF,CAAC;EACH,CAAC,EAAE,CAAC7B,KAAK,CAAC2D,UAAU,CAAC,CAAC;EAGtB,IAAAL,gBAAS,EAAC,MAAM;IACd,MAAMU,oBAAoB,GAAGhD,sBAAsB,CAAC,CAAC;IAErD,IAAIgD,oBAAoB,KAAKzC,aAAa,CAACM,OAAO,EAAE;MAClDF,aAAa,CAACqC,oBAAoB,CAAC;IACrC;EACF,CAAC,EAAE,CAAChE,KAAK,CAACiB,YAAY,EAAEf,IAAI,EAAEc,sBAAsB,EAAEW,aAAa,CAAC,CAAC;EAGrE,MAAMoB,UAAU,GAAGxB,aAAa,CAACM,OAAO;EACxC,IAAAyB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACxB,kBAAkB,CAACzC,QAAQ,CAAC0D,UAAU,CAAC,EAAE;MAC5CjB,kBAAkB,CAACnE,IAAI,CAACoF,UAAU,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,UAAU,EAAEjB,kBAAkB,CAAC,CAAC;EAEpC,IAAI,OAAOmC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC,SAAS,CAAC,EAAE;IACtDZ,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI;EACrC;EAGAxG,MAAM,CAACS,IAAI,CAAC+F,YAAY,CAAC,CAACrF,OAAO,CAAEkG,GAAG,IAAK;IACzC,IAAIA,GAAG,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MACvB,OAAOd,YAAY,CAACa,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OACE1I,MAAA,CAAAW,OAAA,CAAAiI,aAAA,CAAC7E,oBAAoB,CAAC8E,QAAQ;IAAChG,KAAK,EAAEgF;EAAa,GAChDrD,KAAK,CAACsE,QACsB,CAAC;AAEpC;AASA,SAASzB,UAAUA,CAAA,EAAsC;EACvD,MAAM0B,GAAG,GAAG,CAAC,CAAC;EAAA,SAAAC,IAAA,GAAA1G,SAAA,CAAAC,MAAA,EADO0G,OAAO,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;IAAPF,OAAO,CAAAE,IAAA,IAAA7G,SAAA,CAAA6G,IAAA;EAAA;EAG5BF,OAAO,CAACzG,OAAO,CAAE4G,GAAG,IAAK;IACvB,IAAIA,GAAG,CAAC9B,YAAY,IAAI8B,GAAG,CAAC5E,KAAK,EAAE;MACjC4E,GAAG,GAAG/H,MAAM,CAACgI,OAAO,CAACD,GAAG,CAAC5E,KAAK,CAAC,CAAC8E,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAa;QAAA,IAAX,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,KAAA;QACjD,IAAIJ,GAAG,CAAC9B,YAAY,CAACmC,CAAC,CAAC,KAAKC,CAAC,EAAE;UAC7BH,GAAG,CAACE,CAAC,CAAC,GAAGC,CAAC;QACZ;QACA,OAAOH,GAAG;MACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACR;IAEAlI,MAAM,CAACgI,OAAO,CAACD,GAAG,CAAC,CAAC5G,OAAO,CAACmH,KAAA,IAAY;MAAA,IAAX,CAACF,CAAC,EAAEC,CAAC,CAAC,GAAAC,KAAA;MACjC,IAAI,CAACZ,GAAG,CAACU,CAAC,CAAC,IAAKV,GAAG,CAACU,CAAC,CAAC,IAAIC,CAAE,EAAE;QAC5BX,GAAG,CAACU,CAAC,CAAC,GAAGC,CAAC;MACZ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOX,GAAG;AACZ","ignoreList":[]}
1	+ {"version":3,"file":"StepIndicatorContext.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicatorProps","_componentHelper","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","filterAttributes","keys","stepIndicatorDefaultProps","filter","item","includes","concat","StepIndicatorContext","React","createContext","_default","exports","StepIndicatorProvider","props","data","useMemo","JSON","parse","openState","setOpenState","useState","expandedInitially","openHandler","useCallback","closeHandler","getActiveStepFromProps","current_step","dataWithItems","itemWithCurrentStep","find","is_current","indexOf","countSteps","length","activeStepRef","useRef","forceUpdate","useReducer","setActiveStep","step","current","listOfReachedSteps","Boolean","context","useContext","Context","updateStepTitle","title","replace","String","makeContextValue","globalContext","extendPropsWithContext","skeleton","getTranslation","StepIndicator","value","extendSafe","defaultProps","activeStep","stepsLabel","step_title","contextValue","useEffect","currentStepFromProps","push","window","forEach","key","startsWith","createElement","Provider","children","obj","_len","arguments","objects","Array","_key","itm","entries","reduce","acc","_ref","k","v","_ref2"],"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":";;;;;;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAsE,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAUtE,MAAMW,gBAAgB,GAAGR,MAAM,CAACS,IAAI,CAACC,6CAAyB,CAAC,CAC5DC,MAAM,CAAEC,IAAI,IAAK;EAChB,OAAO,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACD,IAAI,CAAC;AAC/C,CAAC,CAAC,CACDE,MAAM,CAAC,CACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,kBAAkB,CACnB,CAAC;AAMJ,MAAMC,oBAAoB,GACxBC,cAAK,CAACC,aAAa,CAA6B,IAAI,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAExCyB,oBAAoB;AA8B5B,SAASK,qBAAqBA,CAACC,KAAiC,EAAE;EACvE,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IACzB,IAAI,OAAOF,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;MAClC,OAAOD,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,GAAGE,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACC,IAAI,CAAC,GAAG,EAAE;IAC5D;IAEA,OAAOD,KAAK,CAACC,IAAI,IAAI,EAAE;EACzB,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEX,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EACxCP,KAAK,CAACQ,iBACR,CAAC;EAED,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,YAAY,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACrCJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC/C,IAAI,OAAOT,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;MAC/B,OAAOD,KAAK,CAACa,YAAY;IAC3B;IAEA,MAAMC,aAAa,GAAGb,IAA+B;IAErD,MAAMc,mBAAmB,GAAGD,aAAa,CAACE,IAAI,CAC3CzB,IAAI,IAAKA,IAAI,CAAC0B,UACjB,CAAC;IAED,OAAOF,mBAAmB,GACtBD,aAAa,CAACI,OAAO,CAACH,mBAAmB,CAAC,GAC1Cf,KAAK,CAACa,YAAY;EACxB,CAAC,EAAE,CAACZ,IAAI,EAAED,KAAK,CAACa,YAAY,CAAC,CAAC;EAE9B,MAAMM,UAAU,GAAGlB,IAAI,CAACmB,MAAM;EAC9B,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAASV,sBAAsB,CAAC,CAAC,CAAC;EAC9D,MAAM,GAAGW,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMC,aAAa,GAAG,IAAAf,kBAAW,EAAEgB,IAAY,IAAK;IAClDL,aAAa,CAACM,OAAO,GAAGD,IAAI;IAC5BH,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EACN,MAAMK,kBAAkB,GAAG,IAAAN,aAAM,EAC/B,CAACD,aAAa,CAACM,OAAO,CAAC,CAACrC,MAAM,CAACuC,OAAO,CACxC,CAAC,CAACF,OAAO;EACT,MAAMG,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EAEnC,MAAMC,eAAe,GAAG,IAAAvB,kBAAW,EAChCwB,KAAa,IAAK;IACjB,OAAOA,KAAK,aAALA,KAAK,uBAALA,KAAK,CACRC,OAAO,CAAC,OAAO,EAAEC,MAAM,CAAC,CAACf,aAAa,CAACM,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3DQ,OAAO,CAAC,QAAQ,EAAEC,MAAM,CAAC,CAAAnC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEmB,MAAM,KAAI,CAAC,CAAC,CAAC;EACjD,CAAC,EACD,CAACnB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEmB,MAAM,CACf,CAAC;EAED,MAAMiB,gBAAgB,GAAG,IAAA3B,kBAAW,EAAC,MAAM;IACzC,MAAM4B,aAAa,GAAG,IAAAC,uCAAsB,EAC1CvC,KAAK,EACLX,6CAAyB,EACzB;MAAEmD,QAAQ,EAAEV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEU;IAAS,CAAC,EAC/BV,OAAO,CAACW,cAAc,CAACX,OAAO,CAAC,CAACY,aAAa,EAC7CZ,OAAO,CAACY,aACV,CAAC;IAED,MAAMC,KAAK,GAAGC,UAAU,CACtB;MAAEzD;IAAiB,CAAC,EACpBmD,aAAa,EAEb;MACEO,YAAY,EAAExD,6CAAyB;MACvCW;IACF,CAAC,EAED;MACE8C,UAAU,EAAEzB,aAAa,CAACM,OAAO;MACjCtB,SAAS;MACTuB,kBAAkB;MAClB3B,IAAI;MACJkB,UAAU;MACV4B,UAAU,EAAEd,eAAe,CAACK,aAAa,CAACU,UAAU;IACtD,CAAC,EAED;MACEvB,aAAa;MACbhB,WAAW;MACXE;IACF,CACF,CAA+B;IAE/B,OAAOgC,KAAK;EACd,CAAC,EAAE,CACDhC,YAAY,EACZmB,OAAO,EACPX,UAAU,EACVlB,IAAI,EACJ2B,kBAAkB,EAClBnB,WAAW,EACXJ,SAAS,EACTL,KAAK,EACLyB,aAAa,EACbQ,eAAe,CAChB,CAAC;EAEF,MAAMgB,YAAY,GAAGZ,gBAAgB,CAAC,CAA+B;EAGrE,IAAAa,gBAAS,EAAC,MAAM;IACd,MAAMC,oBAAoB,GAAGvC,sBAAsB,CAAC,CAAC;IAErD,IAAIuC,oBAAoB,KAAK9B,aAAa,CAACM,OAAO,EAAE;MAClDF,aAAa,CAAC0B,oBAAoB,CAAC;IACrC;EACF,CAAC,EAAE,CAACnD,KAAK,CAACa,YAAY,EAAEZ,IAAI,EAAEW,sBAAsB,EAAEa,aAAa,CAAC,CAAC;EAGrE,MAAMqB,UAAU,GAAGzB,aAAa,CAACM,OAAO;EACxC,IAAAuB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACtB,kBAAkB,CAACpC,QAAQ,CAACsD,UAAU,CAAC,EAAE;MAC5ClB,kBAAkB,CAACwB,IAAI,CAACN,UAAU,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,UAAU,EAAElB,kBAAkB,CAAC,CAAC;EAEpC,IAAI,OAAOyB,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC,SAAS,CAAC,EAAE;IACtDJ,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI;EACrC;EAGAtE,MAAM,CAACS,IAAI,CAAC6D,YAAY,CAAC,CAACK,OAAO,CAAEC,GAAG,IAAK;IACzC,IAAIA,GAAG,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;MACvB,OAAOP,YAAY,CAACM,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OACE/F,MAAA,CAAAS,OAAA,CAAAwF,aAAA,CAAC/D,oBAAoB,CAACgE,QAAQ;IAACf,KAAK,EAAEM;EAAa,GAChDjD,KAAK,CAAC2D,QACsB,CAAC;AAEpC;AASA,SAASf,UAAUA,CAAA,EAAsC;EACvD,MAAMgB,GAAG,GAAG,CAAC,CAAC;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAA1C,MAAA,EADO2C,OAAO,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;IAAPF,OAAO,CAAAE,IAAA,IAAAH,SAAA,CAAAG,IAAA;EAAA;EAG5BF,OAAO,CAACT,OAAO,CAAEY,GAAG,IAAK;IACvB,IAAIA,GAAG,CAACrB,YAAY,IAAIqB,GAAG,CAAClE,KAAK,EAAE;MACjCkE,GAAG,GAAGvF,MAAM,CAACwF,OAAO,CAACD,GAAG,CAAClE,KAAK,CAAC,CAACoE,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAa;QAAA,IAAX,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,IAAA;QACjD,IAAIJ,GAAG,CAACrB,YAAY,CAAC0B,CAAC,CAAC,KAAKC,CAAC,EAAE;UAC7BH,GAAG,CAACE,CAAC,CAAC,GAAGC,CAAC;QACZ;QACA,OAAOH,GAAG;MACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IACR;IAEA1F,MAAM,CAACwF,OAAO,CAACD,GAAG,CAAC,CAACZ,OAAO,CAACmB,KAAA,IAAY;MAAA,IAAX,CAACF,CAAC,EAAEC,CAAC,CAAC,GAAAC,KAAA;MACjC,IAAI,CAACb,GAAG,CAACW,CAAC,CAAC,IAAKX,GAAG,CAACW,CAAC,CAAC,IAAIC,CAAE,EAAE;QAC5BZ,GAAG,CAACW,CAAC,CAAC,GAAGC,CAAC;MACZ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOZ,GAAG;AACZ","ignoreList":[]}

package/cjs/components/step-indicator/StepIndicatorDocs.d.ts ADDED Viewed

@@ -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/cjs/components/step-indicator/StepIndicatorDocs.js ADDED Viewed

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepIndicatorStepProperties = exports.StepIndicatorStepEvents = exports.StepIndicatorProperties = exports.StepIndicatorEvents = void 0;
+const StepIndicatorProperties = exports.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'
+  }
+};
+const StepIndicatorEvents = exports.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'
+  }
+};
+const StepIndicatorStepProperties = exports.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'
+  }
+};
+const StepIndicatorStepEvents = exports.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/cjs/components/step-indicator/StepIndicatorDocs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","exports","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":[]}