@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/progress-indicator/ProgressIndicatorCircular.js

@@ -1,16 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _Circle, _circle;
-
 const _excluded = ["size", "maxOffset", "title", "progress", "visible", "complete", "onComplete", "callOnCompleteHandler"],
-      _excluded2 = ["className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -23,7 +18,6 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
     state.complete = props.complete;
     return state;
   }
-
   constructor(props) {
     super(props);
     this.useAnimationFrame = typeof props.onComplete === 'function' || IS_EDGE;
@@ -33,34 +27,28 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
       animate: false
     };
   }
-
   componentDidMount() {
     if (this.useAnimationFrame) {
       this.startAnimationFirstTime();
     }
   }
-
   componentWillUnmount() {
     this.stopAnimation();
   }
-
   stopAnimation() {
     this.setState({
       animate: false
     });
-
     if (this.startupTimeout) {
       clearTimeout(this.startupTimeout);
     }
   }
-
   startAnimationFirstTime() {
     this.setState({
       animate: false
     });
     this.startupTimeout = setTimeout(() => this.startAnimation(), 300);
   }
-
   startAnimation() {
     this.setState({
       animate: true
@@ -68,49 +56,40 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
       if (this._refDark.current) {
         this.animate(this._refDark.current, true, this.props.callOnCompleteHandler);
       }
-
       if (this._refLight.current) {
         this.animate(this._refLight.current, false);
       }
     });
   }
-
   animate(element, animateOnStart = true, callback = null) {
     const min = 1;
     const max = 88;
     let start = 0,
-        ms = 0,
-        prog = max,
-        setProg = animateOnStart,
-        animate = true,
-        completeCalled = false,
-        stopNextRound = false;
-
+      ms = 0,
+      prog = max,
+      setProg = animateOnStart,
+      animate = true,
+      completeCalled = false,
+      stopNextRound = false;
     const step = timestamp => {
       if (!start) {
         start = timestamp;
       }
-
       ms = timestamp - start;
-
       if (animate) {
         if (!this.state.visible && prog < 5) {
           prog = min;
         }
-
         if (setProg) {
           element.style['stroke-dashoffset'] = prog;
         } else if (!animateOnStart) {
           element.style['stroke-dashoffset'] = max;
         }
       }
-
       if (stopNextRound) {
         animate = false;
-
         if (!completeCalled) {
           completeCalled = true;
-
           if (animateOnStart && typeof callback === 'function') {
             callback();
           }
@@ -122,42 +101,35 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
         animate = true;
         completeCalled = false;
       }
-
       prog = Math.round(max - max / 1e3 * (ms % 1e3));
       setProg = animateOnStart ? Math.ceil(ms / 1e3) % 2 === 1 || ms === 0 : Math.ceil(ms / 1e3) % 2 === 0 && ms !== 0;
-
       if (this.state.animate) {
         window.requestAnimationFrame(step);
       }
     };
-
     if (typeof window !== 'undefined' && window.requestAnimationFrame) {
       window.requestAnimationFrame(step);
     }
   }
-
   render() {
     const _this$props = this.props,
-          {
-      size,
-      maxOffset,
-      title,
-      progress: _progress,
-      visible,
-      complete,
-      onComplete,
-      callOnCompleteHandler
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        size,
+        maxOffset,
+        title,
+        progress: _progress,
+        visible,
+        complete,
+        onComplete,
+        callOnCompleteHandler
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     const {
       progress
     } = this.state;
     const strokeDashoffset = maxOffset - maxOffset / 100 * progress;
     const hasProgressValue = parseFloat(progress) > -1;
-
     const params = _objectSpread({}, rest);
-
     if (hasProgressValue) {
       params.role = 'progressbar';
       params['aria-label'] = title;
@@ -166,7 +138,6 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
       params.role = 'alert';
       params['aria-busy'] = true;
     }
-
     validateDOMAttributes(this.props, params);
     return React.createElement("div", _extends({
       className: classnames('dnb-progress-indicator__circular', size && `dnb-progress-indicator__circular--${size}`, hasProgressValue && 'dnb-progress-indicator__circular--has-progress-value')
@@ -183,9 +154,7 @@ export default class ProgressIndicatorCircular extends React.PureComponent {
       ref: this._refLight
     }));
   }
-
 }
-
 _defineProperty(ProgressIndicatorCircular, "defaultProps", {
   size: null,
   visible: true,
@@ -196,7 +165,6 @@ _defineProperty(ProgressIndicatorCircular, "defaultProps", {
   callOnCompleteHandler: null,
   title: null
 });
-
 process.env.NODE_ENV !== "production" ? ProgressIndicatorCircular.propTypes = {
   size: PropTypes.string,
   visible: PropTypes.bool,
@@ -209,10 +177,9 @@ process.env.NODE_ENV !== "production" ? ProgressIndicatorCircular.propTypes = {
 } : void 0;
 const Circle = React.forwardRef((_ref, ref) => {
   let {
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
   return React.createElement("svg", _extends({
     className: className,
     viewBox: "0 0 32 32",
@@ -229,4 +196,5 @@ const Circle = React.forwardRef((_ref, ref) => {
 });
 process.env.NODE_ENV !== "production" ? Circle.propTypes = {
   className: PropTypes.string.isRequired
-} : void 0;
+} : void 0;
+//# sourceMappingURL=ProgressIndicatorCircular.js.map

package/es/components/progress-indicator/ProgressIndicatorCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicatorCircular.js","names":["React","PropTypes","classnames","validateDOMAttributes","IS_EDGE","ProgressIndicatorCircular","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","useAnimationFrame","onComplete","_refDark","createRef","_refLight","animate","componentDidMount","startAnimationFirstTime","componentWillUnmount","stopAnimation","setState","startupTimeout","clearTimeout","setTimeout","startAnimation","current","callOnCompleteHandler","element","animateOnStart","callback","min","max","start","ms","prog","setProg","completeCalled","stopNextRound","step","timestamp","style","Math","round","ceil","window","requestAnimationFrame","render","_this$props","size","maxOffset","title","_progress","rest","_objectWithoutProperties","_excluded","strokeDashoffset","hasProgressValue","params","_objectSpread","role","createElement","_extends","className","_Circle","Circle","ref","_defineProperty","process","env","NODE_ENV","propTypes","string","bool","oneOfType","number","func","forwardRef","_ref","_excluded2","viewBox","shapeRendering","_circle","fill","strokeWidth","cx","cy","r","isRequired"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorCircular.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { IS_EDGE } from '../../shared/helpers'\n\nexport default class ProgressIndicatorCircular extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxOffset: PropTypes.number,\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    maxOffset: 88,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.useAnimationFrame =\n      typeof props.onComplete === 'function' || IS_EDGE\n    this._refDark = React.createRef()\n    this._refLight = React.createRef()\n    this.state = { animate: false }\n  }\n  componentDidMount() {\n    if (this.useAnimationFrame) {\n      this.startAnimationFirstTime()\n    }\n  }\n  componentWillUnmount() {\n    this.stopAnimation()\n  }\n  stopAnimation() {\n    this.setState({ animate: false })\n    if (this.startupTimeout) {\n      clearTimeout(this.startupTimeout)\n    }\n  }\n  startAnimationFirstTime() {\n    this.setState({ animate: false })\n    this.startupTimeout = setTimeout(() => this.startAnimation(), 300)\n  }\n  startAnimation() {\n    this.setState({ animate: true }, () => {\n      if (this._refDark.current) {\n        this.animate(\n          this._refDark.current,\n          true,\n          this.props.callOnCompleteHandler\n        )\n      }\n      if (this._refLight.current) {\n        this.animate(this._refLight.current, false)\n      }\n    })\n  }\n  animate(element, animateOnStart = true, callback = null) {\n    const min = 1\n    const max = 88\n    let start = 0,\n      ms = 0,\n      prog = max,\n      setProg = animateOnStart,\n      animate = true,\n      completeCalled = false,\n      stopNextRound = false\n\n    const step = (timestamp) => {\n      if (!start) {\n        start = timestamp\n      }\n\n      // milliseconds\n      ms = timestamp - start\n\n      if (animate) {\n        if (!this.state.visible && prog < 5) {\n          prog = min\n        }\n        if (setProg) {\n          element.style['stroke-dashoffset'] = prog\n        } else if (!animateOnStart) {\n          element.style['stroke-dashoffset'] = max\n        }\n      }\n\n      // if complete\n      if (stopNextRound) {\n        animate = false\n        if (!completeCalled) {\n          completeCalled = true\n          if (animateOnStart && typeof callback === 'function') {\n            callback()\n          }\n        } else if (this.state.visible && ms % 1e3 > 950) {\n          // this.startAnimationFirstTime() // will not start completely from scratch\n          stopNextRound = false\n        }\n      } else {\n        // make sure we stop next round\n        stopNextRound = !this.state.visible && prog === min\n        animate = true\n        completeCalled = false\n      }\n\n      // since we have 1sec as duration, and we want always a max of 1000ms\n      prog = Math.round(max - (max / 1e3) * (ms % 1e3))\n\n      // calc if we want to animate\n      setProg = animateOnStart\n        ? Math.ceil(ms / 1e3) % 2 === 1 || ms === 0\n        : Math.ceil(ms / 1e3) % 2 === 0 && ms !== 0\n\n      if (this.state.animate) {\n        window.requestAnimationFrame(step)\n      }\n    }\n    if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n      window.requestAnimationFrame(step)\n    }\n  }\n  render() {\n    const {\n      size,\n      maxOffset,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const strokeDashoffset = maxOffset - (maxOffset / 100) * progress\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <div\n        className={classnames(\n          'dnb-progress-indicator__circular',\n          size && `dnb-progress-indicator__circular--${size}`,\n          hasProgressValue &&\n            'dnb-progress-indicator__circular--has-progress-value'\n        )}\n        {...params}\n      >\n        {/* The first one is the background line */}\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'light',\n            'paused'\n          )}\n        />\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'dark',\n            'dark',\n            hasProgressValue || this.useAnimationFrame ? 'paused' : null\n          )}\n          style={hasProgressValue ? { strokeDashoffset } : {}}\n          ref={this._refDark}\n        />\n        {!hasProgressValue && (\n          <Circle\n            className={classnames(\n              'dnb-progress-indicator__circular__line',\n              'light',\n              this.useAnimationFrame ? 'paused' : null\n            )}\n            ref={this._refLight}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nconst Circle = React.forwardRef(({ className, ...rest }, ref) => {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 32 32\"\n      shapeRendering=\"geometricPrecision\"\n      ref={ref}\n      {...rest}\n    >\n      <circle\n        className=\"dnb-progress-indicator__circular__circle\"\n        fill=\"none\"\n        strokeWidth=\"4\"\n        cx=\"16\"\n        cy=\"16\"\n        r=\"14\"\n      />\n    </svg>\n  )\n})\nCircle.propTypes = {\n  className: PropTypes.string.isRequired,\n}\n// Circle.defaultProps = {\n// }\n"],"mappings":"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"}

package/es/components/progress-indicator/ProgressIndicatorLinear.d.ts

@@ -6,20 +6,17 @@ export interface ProgressIndicatorLinearProps
    * Defines the size, like `small`, `default`, `medium` or `large`. Defaults to `default`.
    */
   size?: string;
-
   /**
    * Defines the visibility of the progress. Toggling the `visible` property to `false` will force a fade-out animation. Defaults to `true`.
    */
   visible?: boolean;
   complete?: boolean;
-
   /**
    * To visualize a static "percentage" (0-100) as a progress state. Defaults to `null`.
    */
   progress?: ProgressIndicatorLinearProgress;
   onComplete?: (...args: any[]) => any;
   callOnCompleteHandler?: (...args: any[]) => any;
-
   /**
    * Used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.
    */

package/es/components/progress-indicator/ProgressIndicatorLinear.js

@@ -1,23 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _div;
-
 const _excluded = ["size", "title", "progress", "visible", "complete", "onComplete", "callOnCompleteHandler"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { validateDOMAttributes } from '../../shared/component-helper';
-
 const isFn = func => {
   return typeof func === 'function';
 };
-
 export default class ProgressIndicatorLinear extends React.PureComponent {
   static getDerivedStateFromProps(props, state) {
     state.progress = parseFloat(props.progress);
@@ -25,40 +18,34 @@ export default class ProgressIndicatorLinear extends React.PureComponent {
     state.complete = props.complete;
     return state;
   }
-
   constructor(props) {
     super(props);
     this.onCompleteIsFn = isFn(this.props.onComplete) && isFn(this.props.callOnCompleteHandler);
     this.state = {};
   }
-
   componentDidUpdate(prevProps) {
     if (this.onCompleteIsFn && !this.props.visible && this.props.visible !== prevProps.visible) {
       this.props.callOnCompleteHandler();
     }
   }
-
   render() {
     const _this$props = this.props,
-          {
-      size,
-      title,
-      progress: _progress,
-      visible,
-      complete,
-      onComplete,
-      callOnCompleteHandler
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        size,
+        title,
+        progress: _progress,
+        visible,
+        complete,
+        onComplete,
+        callOnCompleteHandler
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     const {
       progress
     } = this.state;
     const hasProgressValue = parseFloat(progress) > -1;
     const transform = `translateX(${(progress || 0) - 100}%)`;
-
     const params = _objectSpread({}, rest);
-
     if (hasProgressValue) {
       params.role = 'progressbar';
       params['aria-label'] = title;
@@ -67,7 +54,6 @@ export default class ProgressIndicatorLinear extends React.PureComponent {
       params.role = 'alert';
       params['aria-busy'] = true;
     }
-
     validateDOMAttributes(this.props, params);
     return React.createElement("div", _extends({
       className: 'dnb-progress-indicator__linear' + (size ? ` dnb-progress-indicator__linear--${size}` : "")
@@ -80,9 +66,7 @@ export default class ProgressIndicatorLinear extends React.PureComponent {
       className: "dnb-progress-indicator__linear__bar dnb-progress-indicator__linear__bar2-animation"
     }))));
   }
-
 }
-
 _defineProperty(ProgressIndicatorLinear, "defaultProps", {
   size: null,
   visible: true,
@@ -92,7 +76,6 @@ _defineProperty(ProgressIndicatorLinear, "defaultProps", {
   callOnCompleteHandler: null,
   title: null
 });
-
 process.env.NODE_ENV !== "production" ? ProgressIndicatorLinear.propTypes = {
   size: PropTypes.string,
   visible: PropTypes.bool,
@@ -101,4 +84,5 @@ process.env.NODE_ENV !== "production" ? ProgressIndicatorLinear.propTypes = {
   onComplete: PropTypes.func,
   callOnCompleteHandler: PropTypes.func,
   title: PropTypes.string
-} : void 0;
+} : void 0;
+//# sourceMappingURL=ProgressIndicatorLinear.js.map

package/es/components/progress-indicator/ProgressIndicatorLinear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicatorLinear.js","names":["React","PropTypes","validateDOMAttributes","isFn","func","ProgressIndicatorLinear","PureComponent","getDerivedStateFromProps","props","state","progress","parseFloat","visible","complete","constructor","onCompleteIsFn","onComplete","callOnCompleteHandler","componentDidUpdate","prevProps","render","_this$props","size","title","_progress","rest","_objectWithoutProperties","_excluded","hasProgressValue","transform","params","_objectSpread","role","createElement","_extends","className","style","_div","_defineProperty","process","env","NODE_ENV","propTypes","string","bool","oneOfType","number"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorLinear.js"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\n\nconst isFn = (func) => {\n  return typeof func === 'function'\n}\n\nexport default class ProgressIndicatorLinear extends React.PureComponent {\n  static propTypes = {\n    size: PropTypes.string,\n    visible: PropTypes.bool,\n    complete: PropTypes.bool,\n    progress: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onComplete: PropTypes.func,\n    callOnCompleteHandler: PropTypes.func,\n    title: PropTypes.string,\n  }\n  static defaultProps = {\n    size: null,\n    visible: true,\n    complete: false,\n    progress: null,\n    onComplete: null,\n    callOnCompleteHandler: null,\n    title: null,\n  }\n  static getDerivedStateFromProps(props, state) {\n    state.progress = parseFloat(props.progress)\n    state.visible = props.visible\n    state.complete = props.complete\n    return state\n  }\n  constructor(props) {\n    super(props)\n    this.onCompleteIsFn =\n      isFn(this.props.onComplete) && isFn(this.props.callOnCompleteHandler)\n    this.state = {}\n  }\n\n  componentDidUpdate(prevProps) {\n    if (\n      this.onCompleteIsFn &&\n      !this.props.visible &&\n      this.props.visible !== prevProps.visible\n    ) {\n      this.props.callOnCompleteHandler()\n    }\n  }\n\n  render() {\n    const {\n      size,\n      title,\n      progress: _progress, // eslint-disable-line\n      visible, // eslint-disable-line\n      complete, // eslint-disable-line\n      onComplete, // eslint-disable-line\n      callOnCompleteHandler, // eslint-disable-line\n\n      ...rest\n    } = this.props\n\n    const { progress } = this.state\n\n    const hasProgressValue = parseFloat(progress) > -1\n\n    const transform = `translateX(${(progress || 0) - 100}%)`\n\n    const params = { ...rest }\n\n    if (hasProgressValue) {\n      params.role = 'progressbar'\n      params['aria-label'] = title\n      params['title'] = title\n    } else {\n      params.role = 'alert'\n      params['aria-busy'] = true\n    }\n\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <div\n        className={classnames(\n          'dnb-progress-indicator__linear',\n          size && `dnb-progress-indicator__linear--${size}`\n        )}\n        {...params}\n      >\n        <div\n          className={classnames(\n            'dnb-progress-indicator__linear__bar',\n            hasProgressValue &&\n              'dnb-progress-indicator__linear__bar-transition',\n            !hasProgressValue &&\n              'dnb-progress-indicator__linear__bar1-animation'\n          )}\n          style={hasProgressValue ? { transform } : {}}\n        />\n        {!hasProgressValue && (\n          <div\n            className={classnames(\n              'dnb-progress-indicator__linear__bar',\n              'dnb-progress-indicator__linear__bar2-animation'\n            )}\n          />\n        )}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/es/components/progress-indicator/index.js

@@ -1,3 +1,4 @@
 import ProgressIndicator from './ProgressIndicator';
 export default ProgressIndicator;
-export * from './ProgressIndicator';
+export * from './ProgressIndicator';
+//# sourceMappingURL=index.js.map

package/es/components/progress-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ProgressIndicator"],"sources":["../../../../src/components/progress-indicator/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport ProgressIndicator from './ProgressIndicator'\nexport default ProgressIndicator\nexport * from './ProgressIndicator'\n"],"mappings":"AAKA,OAAOA,iBAAiB,MAAM,qBAAqB;AACnD,eAAeA,iBAAiB;AAChC,cAAc,qBAAqB"}

package/es/components/progress-indicator/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/progress-indicator/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-progress-indicator.scss'\n"],"mappings":"AAKA,OAAO,kCAA+B"}

package/es/components/progress-indicator/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/progress-indicator/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-progress-indicator-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,2CAAwC"}

package/es/components/progress-indicator/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/progress-indicator/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-progress-indicator.scss'\n"],"mappings":"AAKA,OAAO,wCAAqC"}

package/es/components/radio/Radio.d.ts

@@ -27,17 +27,14 @@ export interface RadioProps
    * Use either the `label` property or provide a custom one.
    */
   label?: RadioLabel;
-
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
-
   /**
    * Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.
    */
   label_position?: RadioLabelPosition;
-
   /**
    * Determine whether the radio is checked or not. Default will be `false`.
    */
@@ -45,39 +42,32 @@ export interface RadioProps
   disabled?: boolean;
   id?: string;
   element?: React.ReactNode;
-
   /**
    * Use a unique group identifier to define the Radio buttons that belongs together.
    */
   group?: string;
-
   /**
    * The size of the Radio button. For now there is "medium" (default) and "large".
    */
   size?: RadioSize;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: RadioStatusNoAnimation;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
   suffix?: RadioSuffix;
-
   /**
    * <em>(required)</em> defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the "RadioGroup".
    */
@@ -88,7 +78,6 @@ export interface RadioProps
   class?: string;
   className?: string;
   children?: RadioChildren;
-
   /**
    * Will be called on state changes made by the user. Returns an object `{ checked, value, event }`.
    */