@dnb/eufemia 10.7.0 → 10.8.0

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
@@ -14,67 +13,58 @@ var _StepIndicatorProps = require("./StepIndicatorProps");
 var _StepIndicatorContext = require("./StepIndicatorContext");
 var _SpacingHelper = require("../space/SpacingHelper");
 var _StepIndicatorList;
+const _excluded = ["current_step", "data"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class StepIndicatorSidebar extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      showInitialData: true
-    });
-  }
-  componentDidMount() {
-    if (!this.props.showInitialData) {
-      this.setState({
-        showInitialData: false
-      });
-    }
-    if (this._hasSkeletonData) {
-      this.setState({
-        skeleton: false
-      });
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function StepIndicatorSidebar(_ref) {
+  let {
+      current_step = _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
+      data = _StepIndicatorProps.stepIndicatorDefaultProps.data
+    } = _ref,
+    restOfProps = _objectWithoutProperties(_ref, _excluded);
+  const props = _objectSpread({
+    current_step,
+    data
+  }, restOfProps);
+  const context = (0, _react.useContext)(_Context.default);
+  const [showInitialData, setShowInitialData] = (0, _react.useState)(true);
+  const hasSkeletonData = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!props.showInitialData) {
+      setShowInitialData(false);
     }
-  }
-  getContextAndProps() {
-    var _this$context, _this$context2, _providerProps$data;
-    const providerProps = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, _StepIndicatorProps.stepIndicatorDefaultProps, {
-      skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.getTranslation(this.context).StepIndicator, (_this$context2 = this.context) === null || _this$context2 === void 0 ? void 0 : _this$context2.StepIndicator);
+  }, []);
+  function getContextAndProps() {
+    var _providerProps$data;
+    const providerProps = (0, _componentHelper.extendPropsWithContext)(props, _StepIndicatorProps.stepIndicatorDefaultProps, {
+      skeleton: context === null || context === void 0 ? void 0 : context.skeleton
+    }, context.getTranslation(context).StepIndicator, context === null || context === void 0 ? void 0 : context.StepIndicator);
     if (!(((_providerProps$data = providerProps.data) === null || _providerProps$data === void 0 ? void 0 : _providerProps$data.length) > 0)) {
       const text = 'Skeleton text';
       providerProps.data = [text.slice(10), text, text, text.slice(4)];
       providerProps.skeleton = true;
-      this._hasSkeletonData = true;
+      hasSkeletonData.current = true;
     }
     return providerProps;
   }
-  render() {
-    const providerProps = this.state.showInitialData ? this.getContextAndProps() : null;
-    return _react.default.createElement("div", {
-      id: 'sidebar__' + this.props.sidebar_id,
-      className: (0, _classnames.default)("dnb-step-indicator-wrapper dnb-step-indicator__sidebar", (0, _SpacingHelper.createSpacingClasses)(this.props), this._hasSkeletonData && (providerProps === null || providerProps === void 0 ? void 0 : providerProps.skeleton) && 'dnb-step-indicator__sidebar--ssr-skeleton')
-    }, providerProps && _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({
-      isSidebar: true,
-      sidebar_id: this.props.internalId || this.props.sidebar_id
-    }, providerProps), _StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList2.default, null))));
-  }
+  const providerProps = showInitialData ? getContextAndProps() : null;
+  return _react.default.createElement("div", {
+    id: 'sidebar__' + props.sidebar_id,
+    className: (0, _classnames.default)("dnb-step-indicator-wrapper dnb-step-indicator__sidebar", (0, _SpacingHelper.createSpacingClasses)(props), hasSkeletonData.current && (providerProps === null || providerProps === void 0 ? void 0 : providerProps.skeleton) && 'dnb-step-indicator__sidebar--ssr-skeleton')
+  }, providerProps && _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({
+    isSidebar: true,
+    sidebar_id: props.sidebar_id
+  }, providerProps), _StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList2.default, null))));
 }
-exports.default = StepIndicatorSidebar;
-_defineProperty(StepIndicatorSidebar, "contextType", _Context.default);
-_defineProperty(StepIndicatorSidebar, "defaultProps", {
-  mode: _StepIndicatorProps.stepIndicatorDefaultProps.mode,
-  current_step: _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
-  data: _StepIndicatorProps.stepIndicatorDefaultProps.data
-});
-process.env.NODE_ENV !== "production" ? StepIndicatorSidebar.propTypes = {
-  sidebar_id: _propTypes.default.string.isRequired,
-  mode: _StepIndicatorProps.stepIndicatorPropTypes.mode,
-  current_step: _StepIndicatorProps.stepIndicatorPropTypes.current_step,
-  data: _StepIndicatorProps.stepIndicatorPropTypes.data,
-  internalId: _propTypes.default.string,
-  showInitialData: _propTypes.default.bool
-} : void 0;
+var _default = StepIndicatorSidebar;
+exports.default = _default;
 //# sourceMappingURL=StepIndicatorSidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorSidebar.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_Context","_StepIndicatorList2","_StepIndicatorProps","_StepIndicatorContext","_SpacingHelper","_StepIndicatorList","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StepIndicatorSidebar","React","PureComponent","constructor","showInitialData","componentDidMount","props","setState","_hasSkeletonData","skeleton","getContextAndProps","_this$context","_this$context2","_providerProps$data","providerProps","extendPropsWithContextInClassComponent","stepIndicatorDefaultProps","context","getTranslation","StepIndicator","data","text","slice","render","state","createElement","id","sidebar_id","className","classnames","createSpacingClasses","StepIndicatorProvider","isSidebar","internalId","exports","Context","mode","current_step","process","env","NODE_ENV","propTypes","PropTypes","string","isRequired","stepIndicatorPropTypes","bool"],"sources":["../../../../src/components/step-indicator/StepIndicatorSidebar.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { extendPropsWithContextInClassComponent } from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport StepIndicatorList from './StepIndicatorList'\nimport {\n  stepIndicatorPropTypes,\n  stepIndicatorDefaultProps,\n} from './StepIndicatorProps'\nimport { StepIndicatorProvider } from './StepIndicatorContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nexport default class StepIndicatorSidebar extends React.PureComponent {\n  static contextType = Context\n  static propTypes = {\n    sidebar_id: PropTypes.string.isRequired,\n    mode: stepIndicatorPropTypes.mode,\n    current_step: stepIndicatorPropTypes.current_step,\n    data: stepIndicatorPropTypes.data,\n\n    /** Used for testing */\n    internalId: PropTypes.string,\n    showInitialData: PropTypes.bool,\n  }\n\n  static defaultProps = {\n    mode: stepIndicatorDefaultProps.mode,\n    current_step: stepIndicatorDefaultProps.current_step,\n    data: stepIndicatorDefaultProps.data,\n  }\n\n  state = { showInitialData: true }\n\n  componentDidMount() {\n    if (!this.props.showInitialData) {\n      this.setState({ showInitialData: false })\n    }\n\n    if (this._hasSkeletonData) {\n      this.setState({\n        skeleton: false,\n      })\n    }\n  }\n\n  getContextAndProps() {\n    const providerProps = extendPropsWithContextInClassComponent(\n      this.props,\n      stepIndicatorDefaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.getTranslation(this.context).StepIndicator,\n      this.context?.StepIndicator\n    )\n\n    if (!(providerProps.data?.length > 0)) {\n      const text = 'Skeleton text'\n      providerProps.data = [text.slice(10), text, text, text.slice(4)]\n      providerProps.skeleton = true\n      this._hasSkeletonData = true\n    }\n\n    return providerProps\n  }\n\n  render() {\n    const providerProps = this.state.showInitialData\n      ? this.getContextAndProps()\n      : null\n\n    return (\n      <div\n        id={'sidebar__' + this.props.sidebar_id}\n        className={classnames(\n          'dnb-step-indicator-wrapper',\n          'dnb-step-indicator__sidebar',\n          this._hasSkeletonData &&\n            providerProps?.skeleton &&\n            'dnb-step-indicator__sidebar--ssr-skeleton',\n          createSpacingClasses(this.props)\n        )}\n      >\n        {providerProps && (\n          <StepIndicatorProvider\n            isSidebar\n            sidebar_id={this.props.internalId || this.props.sidebar_id}\n            {...providerProps}\n          >\n            <StepIndicatorList />\n          </StepIndicatorProvider>\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorSidebar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_Context","_StepIndicatorList2","_StepIndicatorProps","_StepIndicatorContext","_SpacingHelper","_StepIndicatorList","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorSidebar","_ref","current_step","stepIndicatorDefaultProps","data","restOfProps","props","context","useContext","Context","showInitialData","setShowInitialData","useState","hasSkeletonData","useRef","useEffect","getContextAndProps","_providerProps$data","providerProps","extendPropsWithContext","skeleton","getTranslation","StepIndicator","text","slice","current","createElement","id","sidebar_id","className","classnames","createSpacingClasses","StepIndicatorProvider","isSidebar","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorSidebar.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext, useEffect, useRef, useState } from 'react'\n\nimport classnames from 'classnames'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport StepIndicatorList from './StepIndicatorList'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { StepIndicatorProvider } from './StepIndicatorContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { SpacingProps } from '../../shared/types'\nimport {\n  StepIndicatorData,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from '../StepIndicator'\n\nexport type StepIndicatorSidebarProps = SpacingProps &\n  Pick<StepIndicatorProps, 'current_step' | 'skeleton'> &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & {\n    /**\n     * 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     * 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     * Stuff\n     */\n    showInitialData?: boolean\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\nfunction StepIndicatorSidebar({\n  current_step = stepIndicatorDefaultProps.current_step,\n  data = stepIndicatorDefaultProps.data,\n  ...restOfProps\n}: StepIndicatorSidebarProps) {\n  const props = { current_step, data, ...restOfProps }\n\n  const context = useContext(Context)\n\n  const [showInitialData, setShowInitialData] = useState<boolean>(true)\n\n  const hasSkeletonData = useRef<boolean>(null)\n\n  useEffect(() => {\n    if (!props.showInitialData) {\n      setShowInitialData(false)\n    }\n  }, [])\n\n  function getContextAndProps() {\n    const providerProps = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context?.StepIndicator\n    )\n\n    if (!(providerProps.data?.length > 0)) {\n      const text = 'Skeleton text'\n      providerProps.data = [text.slice(10), text, text, text.slice(4)]\n      providerProps.skeleton = true\n      hasSkeletonData.current = true\n    }\n\n    return providerProps\n  }\n\n  const providerProps = showInitialData ? getContextAndProps() : null\n\n  return (\n    <div\n      id={'sidebar__' + props.sidebar_id}\n      className={classnames(\n        'dnb-step-indicator-wrapper',\n        'dnb-step-indicator__sidebar',\n        hasSkeletonData.current &&\n          providerProps?.skeleton &&\n          'dnb-step-indicator__sidebar--ssr-skeleton',\n        createSpacingClasses(props)\n      )}\n    >\n      {providerProps && (\n        <StepIndicatorProvider\n          isSidebar\n          sidebar_id={props.sidebar_id}\n          {...providerProps}\n        >\n          <StepIndicatorList />\n        </StepIndicatorProvider>\n      )}\n    </div>\n  )\n}\n\nexport default StepIndicatorSidebar\n"],"mappings":"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"}

package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts

@@ -1,17 +1,16 @@
-import * as React from 'react';
-export interface StepIndicatorTriggerButtonProps
-  extends React.HTMLProps<HTMLElement> {
-  /**
-   * <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;
-  className?: string;
-  inner_ref?: React.RefObject<HTMLElement>;
-}
-export default class StepIndicatorTriggerButton extends React.Component<
-  StepIndicatorTriggerButtonProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+/**
+ * Web StepIndicator Component
+ *
+ */
+import React from 'react';
+import { ButtonProps } from '../button/Button';
+export type StepIndicatorTriggerButtonProps = ButtonProps & {
+    /**
+     * <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;
+    className?: string;
+    inner_ref?: React.RefObject<HTMLElement>;
+};
+declare function StepIndicatorTriggerButton(props: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
+export default StepIndicatorTriggerButton;

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

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../button/Button"));
 var _chevron_right_medium = _interopRequireDefault(require("../../icons/chevron_right_medium"));
 var _componentHelper = require("../../shared/component-helper");
@@ -16,6 +15,9 @@ var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
 var _StepIndicatorItem = require("./StepIndicatorItem");
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
+const _excluded = ["data"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -23,82 +25,67 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class StepIndicatorTriggerButton extends _react.default.PureComponent {
-  constructor(props, context) {
-    super(props);
-    this._heightAnim = new _HeightAnimationInstance.default({
-      animate: !(0, _componentHelper.isTrue)(context.no_animation)
-    });
-    this._buttonRef = props.inner_ref || _react.default.createRef();
-  }
-  getSnapshotBeforeUpdate() {
-    return this._heightAnim.getHeight();
-  }
-  componentDidMount() {
-    this._heightAnim.setElement(this._buttonRef.current);
-    this._prevStep = this.context.activeStep;
-  }
-  componentWillUnmount() {
-    this._heightAnim.remove();
-  }
-  componentDidUpdate(a, b, height) {
-    if (this._prevStep !== this.context.activeStep) {
-      const toHeight = this._heightAnim.getUnknownHeight();
-      this._heightAnim.adjustTo(height, toHeight);
-      this._prevStep = this.context.activeStep;
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function StepIndicatorTriggerButton(props) {
+  const context = (0, _react.useContext)(_StepIndicatorContext.default);
+  const buttonRef = (0, _react.useRef)((props === null || props === void 0 ? void 0 : props.inner_ref) || null);
+  const heightAnim = (0, _react.useRef)(new _HeightAnimationInstance.default({
+    animate: !(context !== null && context !== void 0 && context.no_animation)
+  })).current;
+  (0, _react.useEffect)(() => {
+    heightAnim.setElement(buttonRef.current);
+    return () => {
+      heightAnim.remove();
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    const height = heightAnim.getHeight();
+    const toHeight = heightAnim.getUnknownHeight();
+    heightAnim.adjustTo(height, toHeight);
+  }, [context.activeStep, heightAnim]);
+  const item = context.data[context.activeStep || 0];
+  const label = context.stepsLabel;
+  const {
+      data
+    } = context,
+    contextWithoutData = _objectWithoutProperties(context, _excluded);
+  const triggerParams = _objectSpread(_objectSpread({}, contextWithoutData), {}, {
+    className: (0, _classnames.default)('dnb-step-indicator__trigger', (0, _SkeletonHelper.createSkeletonClass)('font', context.skeleton), (0, _SpacingHelper.createSpacingClasses)(context)),
+    'aria-live': 'polite'
+  });
+  const buttonParams = _objectSpread(_objectSpread({}, props), {}, {
+    className: (0, _classnames.default)('dnb-step-indicator__trigger__button', props.className)
+  });
+  buttonParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(buttonParams, context.sidebar_id + '-overview');
+  Object.keys(triggerParams).forEach(key => {
+    if (context.filterAttributes.includes(key)) {
+      delete triggerParams[key];
     }
-  }
-  render() {
-    const item = this.context.data[this.context.activeStep || 0];
-    const label = this.context.stepsLabel;
-    const triggerParams = _objectSpread(_objectSpread({}, this.context), {}, {
-      sidebar_id: null,
-      className: (0, _classnames.default)('dnb-step-indicator__trigger', (0, _SkeletonHelper.createSkeletonClass)('font', this.context.skeleton), (0, _SpacingHelper.createSpacingClasses)(this.context)),
-      'aria-live': 'polite'
-    });
-    const buttonParams = _objectSpread(_objectSpread({}, this.props), {}, {
-      className: (0, _classnames.default)('dnb-step-indicator__trigger__button', this.props.className)
-    });
-    buttonParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(buttonParams, this.context.sidebar_id + '-overview');
-    Object.keys(triggerParams).forEach(key => {
-      if (this.context.filterAttributes.includes(key)) {
-        delete triggerParams[key];
-      }
-    });
-    (0, _SkeletonHelper.skeletonDOMAttributes)(triggerParams, this.context.skeleton);
-    (0, _componentHelper.validateDOMAttributes)(this.context, triggerParams);
-    return _react.default.createElement("div", triggerParams, _react.default.createElement("span", {
-      className: "dnb-sr-only",
-      id: this.context.sidebar_id + '-overview'
-    }, this.context.overview_title), _react.default.createElement(_FormLabel.default, {
-      "aria-describedby": this.context.sidebar_id,
-      for_id: this.context.sidebar_id,
-      className: "dnb-step-indicator__label"
-    }, label), _react.default.createElement(_Button.default, _extends({}, buttonParams, {
-      id: this.context.sidebar_id,
-      wrap: true,
-      stretch: true,
-      variant: "secondary",
-      icon: _chevron_right_medium.default,
-      icon_size: "medium",
-      icon_position: "right",
-      inner_ref: this._buttonRef
-    }), _react.default.createElement(_StepIndicatorItem.StepItemWrapper, {
-      number: (this.context.activeStep || 0) + 1,
-      hide_numbers: this.context.hide_numbers
-    }, (typeof item === 'string' ? item : item && item.title) || '')));
-  }
+  });
+  (0, _SkeletonHelper.skeletonDOMAttributes)(triggerParams, context.skeleton);
+  (0, _componentHelper.validateDOMAttributes)(context, triggerParams);
+  return _react.default.createElement("div", triggerParams, _react.default.createElement("span", {
+    className: "dnb-sr-only",
+    id: context.sidebar_id + '-overview'
+  }, context.overview_title), _react.default.createElement(_FormLabel.default, {
+    "aria-describedby": context.sidebar_id,
+    for_id: context.sidebar_id,
+    className: "dnb-step-indicator__label"
+  }, label), _react.default.createElement(_Button.default, _extends({}, buttonParams, {
+    id: context.sidebar_id,
+    wrap: true,
+    stretch: true,
+    variant: "secondary",
+    icon: _chevron_right_medium.default,
+    icon_size: "medium",
+    icon_position: "right",
+    inner_ref: buttonRef
+  }), _react.default.createElement(_StepIndicatorItem.StepItemWrapper, {
+    number: (context.activeStep || 0) + 1,
+    hide_numbers: context.hide_numbers
+  }, (typeof item === 'string' ? item : item && item.title) || '')));
 }
-exports.default = StepIndicatorTriggerButton;
-_defineProperty(StepIndicatorTriggerButton, "contextType", _StepIndicatorContext.default);
-_defineProperty(StepIndicatorTriggerButton, "defaultProps", {
-  sidebar_id: null,
-  className: null,
-  inner_ref: null
-});
-process.env.NODE_ENV !== "production" ? StepIndicatorTriggerButton.propTypes = {
-  sidebar_id: _propTypes.default.string,
-  className: _propTypes.default.string,
-  inner_ref: _propTypes.default.object
-} : void 0;
+var _default = StepIndicatorTriggerButton;
+exports.default = _default;
 //# sourceMappingURL=StepIndicatorTriggerButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_propTypes","_Button","_chevron_right_medium","_componentHelper","_HeightAnimationInstance","_SpacingHelper","_FormLabel","_StepIndicatorContext","_StepIndicatorItem","_SkeletonHelper","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StepIndicatorTriggerButton","React","PureComponent","constructor","props","context","_heightAnim","HeightAnimationInstance","animate","isTrue","no_animation","_buttonRef","inner_ref","createRef","getSnapshotBeforeUpdate","getHeight","componentDidMount","setElement","current","_prevStep","activeStep","componentWillUnmount","remove","componentDidUpdate","a","b","height","toHeight","getUnknownHeight","adjustTo","render","item","data","label","stepsLabel","triggerParams","sidebar_id","className","classnames","createSkeletonClass","skeleton","createSpacingClasses","buttonParams","combineDescribedBy","filterAttributes","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","id","overview_title","for_id","wrap","stretch","variant","icon","chevron_icon","icon_size","icon_position","StepItemWrapper","number","hide_numbers","title","exports","StepIndicatorContext","process","env","NODE_ENV","propTypes","PropTypes","string"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Button from '../button/Button'\nimport chevron_icon from '../../icons/chevron_right_medium'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n  isTrue,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { StepItemWrapper } from './StepIndicatorItem'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport default class StepIndicatorTriggerButton extends React.PureComponent {\n  static contextType = StepIndicatorContext\n\n  static propTypes = {\n    sidebar_id: PropTypes.string,\n    className: PropTypes.string,\n    inner_ref: PropTypes.object,\n  }\n  static defaultProps = {\n    sidebar_id: null,\n    className: null,\n    inner_ref: null,\n  }\n\n  constructor(props, context) {\n    super(props)\n    this._heightAnim = new HeightAnimationInstance({\n      animate: !isTrue(context.no_animation),\n    })\n    this._buttonRef = props.inner_ref || React.createRef()\n  }\n\n  getSnapshotBeforeUpdate() {\n    return this._heightAnim.getHeight()\n  }\n\n  componentDidMount() {\n    this._heightAnim.setElement(this._buttonRef.current)\n    this._prevStep = this.context.activeStep\n  }\n\n  componentWillUnmount() {\n    this._heightAnim.remove()\n  }\n\n  componentDidUpdate(a, b, height) {\n    if (this._prevStep !== this.context.activeStep) {\n      const toHeight = this._heightAnim.getUnknownHeight()\n\n      this._heightAnim.adjustTo(height, toHeight)\n      this._prevStep = this.context.activeStep\n    }\n  }\n\n  render() {\n    const item = this.context.data[this.context.activeStep || 0]\n    const label = this.context.stepsLabel\n\n    const triggerParams = {\n      ...this.context,\n      sidebar_id: null,\n      className: classnames(\n        'dnb-step-indicator__trigger',\n        createSkeletonClass('font', this.context.skeleton),\n        createSpacingClasses(this.context)\n      ),\n      'aria-live': 'polite',\n    }\n\n    const buttonParams = {\n      ...this.props,\n      className: classnames(\n        'dnb-step-indicator__trigger__button',\n        this.props.className\n      ),\n    }\n\n    buttonParams['aria-describedby'] = combineDescribedBy(\n      buttonParams,\n      this.context.sidebar_id + '-overview'\n    )\n\n    Object.keys(triggerParams).forEach((key) => {\n      if (this.context.filterAttributes.includes(key)) {\n        delete triggerParams[key]\n      }\n    })\n\n    skeletonDOMAttributes(triggerParams, this.context.skeleton)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.context, triggerParams)\n\n    return (\n      <div {...triggerParams}>\n        <span\n          className=\"dnb-sr-only\"\n          id={this.context.sidebar_id + '-overview'}\n        >\n          {this.context.overview_title}\n        </span>\n        <FormLabel\n          aria-describedby={this.context.sidebar_id}\n          for_id={this.context.sidebar_id}\n          className=\"dnb-step-indicator__label\"\n        >\n          {label}\n        </FormLabel>\n        <Button\n          {...buttonParams}\n          id={this.context.sidebar_id}\n          wrap\n          stretch\n          variant=\"secondary\"\n          icon={chevron_icon}\n          icon_size=\"medium\"\n          icon_position=\"right\"\n          inner_ref={this._buttonRef}\n        >\n          <StepItemWrapper\n            number={(this.context.activeStep || 0) + 1}\n            hide_numbers={this.context.hide_numbers}\n          >\n            {(typeof item === 'string' ? item : item && item.title) || ''}\n          </StepItemWrapper>\n        </Button>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Button","_chevron_right_medium","_componentHelper","_HeightAnimationInstance","_SpacingHelper","_FormLabel","_StepIndicatorContext","_StepIndicatorItem","_SkeletonHelper","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicatorTriggerButton","props","context","useContext","StepIndicatorContext","buttonRef","useRef","inner_ref","heightAnim","HeightAnimationInstance","animate","no_animation","current","useEffect","setElement","remove","useLayoutEffect","height","getHeight","toHeight","getUnknownHeight","adjustTo","activeStep","item","data","label","stepsLabel","contextWithoutData","triggerParams","className","classnames","createSkeletonClass","skeleton","createSpacingClasses","buttonParams","combineDescribedBy","sidebar_id","filterAttributes","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","id","overview_title","for_id","wrap","stretch","variant","icon","chevron_icon","icon_size","icon_position","StepItemWrapper","number","hide_numbers","title","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React, {\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react'\nimport Button, { ButtonProps } from '../button/Button'\nimport chevron_icon from '../../icons/chevron_right_medium'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { StepItemWrapper } from './StepIndicatorItem'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorTriggerButtonProps = ButtonProps & {\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  className?: string\n  inner_ref?: React.RefObject<HTMLElement>\n}\nfunction StepIndicatorTriggerButton(\n  props: StepIndicatorTriggerButtonProps\n) {\n  const context = useContext(StepIndicatorContext)\n\n  const buttonRef = useRef(props?.inner_ref || null)\n\n  const heightAnim = useRef(\n    new HeightAnimationInstance({\n      animate: !context?.no_animation,\n    })\n  ).current\n\n  useEffect(() => {\n    heightAnim.setElement(buttonRef.current)\n\n    return () => {\n      heightAnim.remove()\n    }\n  }, [])\n\n  // Adjust height\n  useLayoutEffect(() => {\n    const height = heightAnim.getHeight()\n    const toHeight = heightAnim.getUnknownHeight()\n\n    heightAnim.adjustTo(height, toHeight)\n  }, [context.activeStep, heightAnim])\n\n  const item = context.data[context.activeStep || 0]\n  const label = context.stepsLabel\n\n  const { data, ...contextWithoutData } = context\n\n  const triggerParams = {\n    ...contextWithoutData,\n    className: classnames(\n      'dnb-step-indicator__trigger',\n      createSkeletonClass('font', context.skeleton),\n      createSpacingClasses(context)\n    ),\n    'aria-live': 'polite',\n  } as React.HTMLProps<HTMLElement>\n\n  const buttonParams = {\n    ...props,\n    className: classnames(\n      'dnb-step-indicator__trigger__button',\n      props.className\n    ),\n  }\n\n  buttonParams['aria-describedby'] = combineDescribedBy(\n    buttonParams,\n    context.sidebar_id + '-overview'\n  )\n\n  Object.keys(triggerParams).forEach((key) => {\n    if (context.filterAttributes.includes(key)) {\n      delete triggerParams[key]\n    }\n  })\n\n  skeletonDOMAttributes(triggerParams, context.skeleton)\n\n  // also used for code markup simulation\n  validateDOMAttributes(context, triggerParams)\n\n  return (\n    <div {...(triggerParams as React.HTMLProps<HTMLDivElement>)}>\n      <span className=\"dnb-sr-only\" id={context.sidebar_id + '-overview'}>\n        {context.overview_title}\n      </span>\n      <FormLabel\n        aria-describedby={context.sidebar_id}\n        for_id={context.sidebar_id}\n        className=\"dnb-step-indicator__label\"\n      >\n        {label}\n      </FormLabel>\n      <Button\n        {...buttonParams}\n        id={context.sidebar_id}\n        wrap\n        stretch\n        variant=\"secondary\"\n        icon={chevron_icon}\n        icon_size=\"medium\"\n        icon_position=\"right\"\n        inner_ref={buttonRef}\n      >\n        <StepItemWrapper\n          number={(context.activeStep || 0) + 1}\n          hide_numbers={context.hide_numbers}\n        >\n          {(typeof item === 'string' ? item : item && item.title) || ''}\n        </StepItemWrapper>\n      </Button>\n    </div>\n  )\n}\n\nexport default StepIndicatorTriggerButton\n"],"mappings":"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"}

package/cjs/components/switch/Switch.d.ts

@@ -84,6 +84,10 @@ export interface SwitchProps
    */
   on_change_end?: (...args: any[]) => any;
   on_state_update?: (...args: any[]) => any;
+  /**
+   * By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.
+   */
+  innerRef?: React.Ref;
 }
 export default class Switch extends React.Component<SwitchProps, any> {
   static defaultProps: object;

package/cjs/components/switch/Switch.js

@@ -18,7 +18,7 @@ var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
 var _FormStatus = _interopRequireDefault(require("../form-status/FormStatus"));
 var _AlignmentHelper, _span;
-const _excluded = ["value", "size", "status", "status_state", "status_props", "globalStatus", "status_no_animation", "suffix", "label", "label_position", "label_sr_only", "title", "disabled", "readOnly", "skeleton", "className", "class", "id", "checked", "children", "on_change", "on_state_update"];
+const _excluded = ["value", "size", "status", "status_state", "status_props", "globalStatus", "status_no_animation", "suffix", "label", "label_position", "label_sr_only", "title", "disabled", "readOnly", "skeleton", "className", "class", "id", "checked", "children", "on_change", "on_state_update", "innerRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -83,7 +83,7 @@ class Switch extends _react.default.PureComponent {
         this._refInput.current.focus();
       }
     });
-    this._refInput = _react.default.createRef();
+    this._refInput = props.innerRef || _react.default.createRef();
     this._id = props.id || (0, _componentHelper.makeUniqueId)();
     this.state = {
       _listenForPropChanges: true
@@ -122,7 +122,8 @@ class Switch extends _react.default.PureComponent {
         checked: _checked,
         children,
         on_change,
-        on_state_update
+        on_state_update,
+        innerRef
       } = props,
       rest = _objectWithoutProperties(props, _excluded);
     const {
@@ -254,7 +255,8 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes = _objectSpread(_object
   value: _propTypes.default.string,
   attributes: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
   readOnly: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
+  skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  innerRef: _propTypes.default.object
 }, _SpacingHelper.spacingPropTypes), {}, {
   class: _propTypes.default.string,
   className: _propTypes.default.string,