@dnb/eufemia 10.28.0 → 10.29.0

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

@@ -9,8 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
 var _helpers = require("../../shared/helpers");
-var _Circle, _circle;
-const _excluded = ["size", "visible", "progress", "maxOffset", "onComplete", "callOnCompleteHandler", "title"];
+const _excluded = ["size", "visible", "progress", "onComplete", "callOnCompleteHandler", "title", "customColors", "customCircleWidth", "counterClockwise"],
+  _excluded2 = ["customColor", "customWidth", "className"];
 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; }
@@ -27,10 +27,12 @@ function ProgressIndicatorCircular(props) {
       size,
       visible,
       progress,
-      maxOffset = 88,
       onComplete,
       callOnCompleteHandler,
-      title
+      title,
+      customColors,
+      customCircleWidth,
+      counterClockwise = false
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   const keepAnimatingRef = (0, _react.useRef)(true);
@@ -64,7 +66,7 @@ function ProgressIndicatorCircular(props) {
     let animateOnStart = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     const min = 1;
-    const max = 88;
+    const max = Math.PI * 100;
     let start = 0,
       ms = 0,
       prog = max,
@@ -78,13 +80,13 @@ function ProgressIndicatorCircular(props) {
       }
       ms = timestamp - start;
       if (animate1) {
-        if (!visibleRef.current && prog < 5) {
+        if (!visibleRef.current && prog < 20) {
           prog = min;
         }
         if (setProg) {
-          element.style['stroke-dashoffset'] = prog;
+          element.style['stroke-dashoffset'] = `${prog}%`;
         } else if (!animateOnStart) {
-          element.style['stroke-dashoffset'] = max;
+          element.style['stroke-dashoffset'] = `${max}%`;
         }
       }
       if (stopNextRound) {
@@ -112,9 +114,8 @@ function ProgressIndicatorCircular(props) {
       window.requestAnimationFrame(step);
     }
   };
-  const strokeDashoffset = maxOffset - maxOffset / 100 * progress;
-  const hasProgressValue = progress > -1;
-  if (hasProgressValue) {
+  const progressIsControlled = progress > -1;
+  if (progressIsControlled) {
     rest.role = 'progressbar';
     rest['aria-label'] = title;
     rest['title'] = title;
@@ -124,34 +125,69 @@ function ProgressIndicatorCircular(props) {
   }
   const remainingDOMAttributes = (0, _componentHelper.validateDOMAttributes)(props, _objectSpread({}, rest));
   return _react.default.createElement("span", _extends({
-    className: (0, _classnames.default)('dnb-progress-indicator__circular', size && `dnb-progress-indicator__circular--${size}`, hasProgressValue && 'dnb-progress-indicator__circular--has-progress-value')
-  }, remainingDOMAttributes), _Circle || (_Circle = _react.default.createElement(Circle, {
-    className: "dnb-progress-indicator__circular__line light paused"
+    className: (0, _classnames.default)('dnb-progress-indicator__circular', size && `dnb-progress-indicator__circular--${size}`, progressIsControlled && 'dnb-progress-indicator__circular--has-progress-value')
+  }, remainingDOMAttributes), _react.default.createElement("span", {
+    className: "dnb-progress-indicator__circular__background-padding"
+  }, _react.default.createElement("span", {
+    className: "dnb-progress-indicator__circular__background",
+    style: {
+      backgroundColor: customColors === null || customColors === void 0 ? void 0 : customColors.background
+    }
   })), _react.default.createElement(Circle, {
-    className: "dnb-progress-indicator__circular__line dark dark" + (hasProgressValue || useAnimationFrame ? " paused" : ""),
-    style: hasProgressValue ? {
-      strokeDashoffset
+    className: "light paused",
+    customColor: customColors === null || customColors === void 0 ? void 0 : customColors.shaft,
+    customWidth: customCircleWidth
+  }), _react.default.createElement(Circle, {
+    className: "dark dark" + (progressIsControlled || useAnimationFrame ? " paused" : ""),
+    style: progressIsControlled ? {
+      strokeDashoffset: getOffset(progress, counterClockwise)
     } : {},
+    customColor: customColors === null || customColors === void 0 ? void 0 : customColors.line,
+    customWidth: customCircleWidth,
     ref: _refDark
-  }), !hasProgressValue && _react.default.createElement(Circle, {
-    className: "dnb-progress-indicator__circular__line light" + (useAnimationFrame ? " paused" : ""),
+  }), !progressIsControlled && _react.default.createElement(Circle, {
+    className: 'light' + (useAnimationFrame ? " paused" : ""),
+    customColor: customColors === null || customColors === void 0 ? void 0 : customColors.shaft,
+    customWidth: customCircleWidth,
     ref: _refLight
   }));
 }
-const Circle = (0, _react.forwardRef)(function Circle(props, ref) {
+const Circle = (0, _react.forwardRef)(function Circle(_ref, ref) {
+  let {
+      customColor,
+      customWidth,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
+  const correctedCustomWidth = correctPercentageStrokeWidth(customWidth);
   return _react.default.createElement("svg", _extends({
-    viewBox: "0 0 32 32",
+    className: (0, _classnames.default)('dnb-progress-indicator__circular__line', className),
     shapeRendering: "geometricPrecision",
     ref: ref
-  }, props), _circle || (_circle = _react.default.createElement("circle", {
+  }, rest), _react.default.createElement("circle", {
     className: "dnb-progress-indicator__circular__circle",
     fill: "none",
-    strokeWidth: "4",
-    cx: "16",
-    cy: "16",
-    r: "14"
-  })));
+    cx: "50%",
+    cy: "50%",
+    r: "50%",
+    style: _objectSpread({
+      stroke: customColor
+    }, correctedCustomWidth ? {
+      '--progress-indicator-circular-stroke-width': correctedCustomWidth
+    } : undefined)
+  }));
 });
+function getOffset(progress) {
+  let counterClockwise = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const offset = Math.PI * (100 - progress);
+  return `${counterClockwise ? -offset : offset}%`;
+}
+function correctPercentageStrokeWidth(strokeWidth) {
+  if (typeof strokeWidth === 'string' && strokeWidth.endsWith('%')) {
+    const number = parseFloat(strokeWidth.slice(0, strokeWidth.length - 1));
+    return `${100 * number / (100 - number)}%`;
+  }
+}
 var _default = ProgressIndicatorCircular;
 exports.default = _default;
 //# sourceMappingURL=ProgressIndicatorCircular.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorCircular.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_helpers","_Circle","_circle","_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","ProgressIndicatorCircular","props","size","visible","progress","maxOffset","onComplete","callOnCompleteHandler","title","rest","keepAnimatingRef","useRef","visibleRef","useAnimationFrame","IS_EDGE","_refDark","_refLight","_startupTimeout","useEffect","current","setTimeout","doAnimation","clearTimeout","element","animateOnStart","callback","min","max","start","ms","prog","setProg","animate1","completeCalled","stopNextRound","step","timestamp","style","Math","round","ceil","window","requestAnimationFrame","strokeDashoffset","hasProgressValue","role","remainingDOMAttributes","validateDOMAttributes","createElement","className","classnames","Circle","ref","forwardRef","viewBox","shapeRendering","fill","strokeWidth","cx","cy","r","_default","exports"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorCircular.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, { useEffect, useRef, forwardRef } from 'react'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { IS_EDGE } from '../../shared/helpers'\n\ntype ProgressIndicatorCircularProps = {\n  /**\n   * Defines the size, like `small`, `default`, `medium` or `large`. Defaults to `default`.\n   */\n  size?: 'default' | 'small' | 'medium' | 'large' | 'huge'\n  /**\n   * Defines the visibility of the progress. Toggling the `visible` property to `false` will force a fade-out animation. Defaults to `true`.\n   */\n  visible?: boolean\n  /**\n   * To visualize a static \"percentage\" (0-100) as a progress state. Defaults to `null`.\n   */\n  progress?: number\n  maxOffset?: number\n  onComplete?: (...args: any[]) => any\n  callOnCompleteHandler?: (...args: any[]) => any\n  /**\n   * Used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.\n   */\n  title?: string\n}\n\nfunction ProgressIndicatorCircular(\n  props: ProgressIndicatorCircularProps &\n    Omit<React.HTMLProps<HTMLElement>, 'size'>\n) {\n  const {\n    size,\n    visible,\n    progress,\n    maxOffset = 88,\n    onComplete,\n    callOnCompleteHandler,\n    title,\n    ...rest\n  } = props\n  const keepAnimatingRef = useRef(true)\n  const visibleRef = useRef(false)\n  const useAnimationFrame = typeof onComplete === 'function' || IS_EDGE\n  const _refDark = useRef<SVGSVGElement>(null)\n  const _refLight = useRef<SVGSVGElement>(null)\n  const _startupTimeout = useRef<NodeJS.Timeout>()\n\n  useEffect(() => {\n    if (useAnimationFrame) {\n      _startupTimeout.current = setTimeout(() => {\n        if (_refDark.current) {\n          doAnimation(_refDark.current, true, callOnCompleteHandler)\n        }\n        if (_refLight.current) {\n          doAnimation(_refLight.current, false)\n        }\n      }, 300)\n    }\n\n    return () => {\n      keepAnimatingRef.current = false\n      if (_startupTimeout.current) {\n        clearTimeout(_startupTimeout.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    visibleRef.current = visible\n  }, [visible])\n\n  const doAnimation = (\n    element: SVGSVGElement,\n    animateOnStart = true,\n    callback = null\n  ) => {\n    const min = 1\n    const max = 88\n    let start = 0,\n      ms = 0,\n      prog = max,\n      setProg = animateOnStart,\n      animate1 = 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 (animate1) {\n        if (!visibleRef.current && 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        animate1 = false\n        if (!completeCalled) {\n          completeCalled = true\n          if (animateOnStart && typeof callback === 'function') {\n            callback()\n          }\n        } else if (visibleRef.current && ms % 1e3 > 950) {\n          // startAnimationFirstTime() // will not start completely from scratch\n          stopNextRound = false\n        }\n      } else {\n        // make sure we stop next round\n        stopNextRound = !visibleRef.current && prog === min\n        animate1 = 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 (keepAnimatingRef.current) {\n        window.requestAnimationFrame(step)\n      }\n    }\n    if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n      window.requestAnimationFrame(step)\n    }\n  }\n\n  const strokeDashoffset = maxOffset - (maxOffset / 100) * progress\n  const hasProgressValue = progress > -1\n\n  if (hasProgressValue) {\n    rest.role = 'progressbar'\n    rest['aria-label'] = title\n    rest['title'] = title\n  } else {\n    rest.role = 'alert'\n    rest['aria-busy'] = true\n  }\n\n  const remainingDOMAttributes = validateDOMAttributes(props, { ...rest })\n\n  return (\n    <span\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      {...remainingDOMAttributes}\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 || useAnimationFrame ? 'paused' : null\n        )}\n        style={hasProgressValue ? { strokeDashoffset } : {}}\n        ref={_refDark}\n      />\n      {!hasProgressValue && (\n        <Circle\n          className={classnames(\n            'dnb-progress-indicator__circular__line',\n            'light',\n            useAnimationFrame ? 'paused' : null\n          )}\n          ref={_refLight}\n        />\n      )}\n    </span>\n  )\n}\n\nconst Circle = forwardRef(function Circle(\n  props: React.HTMLProps<SVGSVGElement>,\n  ref: React.RefObject<SVGSVGElement>\n) {\n  return (\n    <svg\n      viewBox=\"0 0 32 32\"\n      shapeRendering=\"geometricPrecision\"\n      ref={ref}\n      {...props}\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})\n\nexport default ProgressIndicatorCircular\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicatorCircular.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_helpers","_excluded","_excluded2","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","ProgressIndicatorCircular","props","size","visible","progress","onComplete","callOnCompleteHandler","title","customColors","customCircleWidth","counterClockwise","rest","keepAnimatingRef","useRef","visibleRef","useAnimationFrame","IS_EDGE","_refDark","_refLight","_startupTimeout","useEffect","current","setTimeout","doAnimation","clearTimeout","element","animateOnStart","callback","min","max","Math","PI","start","ms","prog","setProg","animate1","completeCalled","stopNextRound","step","timestamp","style","round","ceil","window","requestAnimationFrame","progressIsControlled","role","remainingDOMAttributes","validateDOMAttributes","createElement","className","classnames","backgroundColor","background","Circle","customColor","shaft","customWidth","strokeDashoffset","getOffset","line","ref","forwardRef","_ref","correctedCustomWidth","correctPercentageStrokeWidth","shapeRendering","fill","cx","cy","r","stroke","offset","strokeWidth","endsWith","number","parseFloat","slice","_default","exports"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorCircular.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, { useEffect, useRef, forwardRef } from 'react'\nimport * as CSS from 'csstype'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { IS_EDGE } from '../../shared/helpers'\nimport { ProgressIndicatorCircularAllProps } from './types'\n\nfunction ProgressIndicatorCircular(\n  props: ProgressIndicatorCircularAllProps\n) {\n  const {\n    size,\n    visible,\n    progress,\n    onComplete,\n    callOnCompleteHandler,\n    title,\n    customColors,\n    customCircleWidth,\n    counterClockwise = false,\n    ...rest\n  } = props\n  const keepAnimatingRef = useRef(true)\n  const visibleRef = useRef(false)\n  const useAnimationFrame = typeof onComplete === 'function' || IS_EDGE\n  const _refDark = useRef<SVGSVGElement>(null)\n  const _refLight = useRef<SVGSVGElement>(null)\n  const _startupTimeout = useRef<NodeJS.Timeout>()\n\n  useEffect(() => {\n    if (useAnimationFrame) {\n      _startupTimeout.current = setTimeout(() => {\n        if (_refDark.current) {\n          doAnimation(_refDark.current, true, callOnCompleteHandler)\n        }\n        if (_refLight.current) {\n          doAnimation(_refLight.current, false)\n        }\n      }, 300)\n    }\n\n    return () => {\n      keepAnimatingRef.current = false\n      if (_startupTimeout.current) {\n        clearTimeout(_startupTimeout.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    visibleRef.current = visible\n  }, [visible])\n\n  const doAnimation = (\n    element: SVGSVGElement,\n    animateOnStart = true,\n    callback = null\n  ) => {\n    const min = 1\n    const max = Math.PI * 100\n    let start = 0,\n      ms = 0,\n      prog = max,\n      setProg = animateOnStart,\n      animate1 = 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 (animate1) {\n        if (!visibleRef.current && prog < 20) {\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        animate1 = false\n        if (!completeCalled) {\n          completeCalled = true\n          if (animateOnStart && typeof callback === 'function') {\n            callback()\n          }\n        } else if (visibleRef.current && ms % 1e3 > 950) {\n          // startAnimationFirstTime() // will not start completely from scratch\n          stopNextRound = false\n        }\n      } else {\n        // make sure we stop next round\n        stopNextRound = !visibleRef.current && prog === min\n        animate1 = 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 (keepAnimatingRef.current) {\n        window.requestAnimationFrame(step)\n      }\n    }\n    if (typeof window !== 'undefined' && window.requestAnimationFrame) {\n      window.requestAnimationFrame(step)\n    }\n  }\n\n  const progressIsControlled = progress > -1\n\n  if (progressIsControlled) {\n    rest.role = 'progressbar'\n    rest['aria-label'] = title\n    rest['title'] = title\n  } else {\n    rest.role = 'alert'\n    rest['aria-busy'] = true\n  }\n\n  const remainingDOMAttributes = validateDOMAttributes(props, { ...rest })\n\n  return (\n    <span\n      className={classnames(\n        'dnb-progress-indicator__circular',\n        size && `dnb-progress-indicator__circular--${size}`,\n        progressIsControlled &&\n          'dnb-progress-indicator__circular--has-progress-value'\n      )}\n      {...remainingDOMAttributes}\n    >\n      <span className=\"dnb-progress-indicator__circular__background-padding\">\n        <span\n          className=\"dnb-progress-indicator__circular__background\"\n          style={{ backgroundColor: customColors?.background }}\n        />\n      </span>\n\n      {/* The first one is the background line */}\n      <Circle\n        className={classnames('light', 'paused')}\n        customColor={customColors?.shaft}\n        customWidth={customCircleWidth}\n      />\n      <Circle\n        className={classnames(\n          'dark',\n          'dark',\n          progressIsControlled || useAnimationFrame ? 'paused' : null\n        )}\n        style={\n          progressIsControlled\n            ? {\n                strokeDashoffset: getOffset(progress, counterClockwise),\n              }\n            : {}\n        }\n        customColor={customColors?.line}\n        customWidth={customCircleWidth}\n        ref={_refDark}\n      />\n      {!progressIsControlled && (\n        <Circle\n          className={classnames(\n            'light',\n            useAnimationFrame ? 'paused' : null\n          )}\n          customColor={customColors?.shaft}\n          customWidth={customCircleWidth}\n          ref={_refLight}\n        />\n      )}\n    </span>\n  )\n}\n\nconst Circle = forwardRef(function Circle(\n  {\n    customColor,\n    customWidth,\n    className,\n    ...rest\n  }: React.HTMLProps<SVGSVGElement> & {\n    customColor?: CSS.Property.BackgroundColor\n    customWidth?: CSS.Property.StrokeWidth\n  },\n  ref: React.RefObject<SVGSVGElement>\n) {\n  const correctedCustomWidth = correctPercentageStrokeWidth(customWidth)\n  return (\n    <svg\n      className={classnames(\n        'dnb-progress-indicator__circular__line',\n        className\n      )}\n      shapeRendering=\"geometricPrecision\"\n      ref={ref}\n      {...rest}\n    >\n      <circle\n        className=\"dnb-progress-indicator__circular__circle\"\n        fill=\"none\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"50%\"\n        style={{\n          stroke: customColor,\n          ...(correctedCustomWidth\n            ? {\n                '--progress-indicator-circular-stroke-width':\n                  correctedCustomWidth,\n              }\n            : undefined),\n        }}\n      />\n    </svg>\n  )\n})\n/**\n *\n * @param progress number between 0-100\n * @param counterClockwise decides direction of movement. Default is `false`\n * @returns\n */\n\nfunction getOffset(progress: number, counterClockwise = false) {\n  const offset = Math.PI * (100 - progress)\n  return `${counterClockwise ? -offset : offset}%`\n}\n\n/**\n * If the custom stroke width is a percentage, returns a corrected width\n * relative to the parent SVG\n * @param strokeWidth\n * @returns\n */\nfunction correctPercentageStrokeWidth(\n  strokeWidth: CSS.Property.StrokeWidth\n) {\n  if (typeof strokeWidth === 'string' && strokeWidth.endsWith('%')) {\n    const number = parseFloat(strokeWidth.slice(0, strokeWidth.length - 1))\n    return `${(100 * number) / (100 - number)}%`\n  }\n}\nexport default ProgressIndicatorCircular\n"],"mappings":"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"}

package/cjs/components/progress-indicator/ProgressIndicatorDocs.d.ts

@@ -1,5 +1,6 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const ProgressIndicatorProperties: PropertiesTableProps;
+export declare const CustomColorsData: PropertiesTableProps;
 export declare const ProgressIndicatorDeprecatedProperties: PropertiesTableProps;
 export declare const ProgressIndicatorEvents: PropertiesTableProps;
 export declare const ProgressIndicatorDeprecatedEvents: PropertiesTableProps;

package/cjs/components/progress-indicator/ProgressIndicatorDocs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProgressIndicatorProperties = exports.ProgressIndicatorEvents = exports.ProgressIndicatorDeprecatedProperties = exports.ProgressIndicatorDeprecatedEvents = void 0;
+exports.ProgressIndicatorProperties = exports.ProgressIndicatorEvents = exports.ProgressIndicatorDeprecatedProperties = exports.ProgressIndicatorDeprecatedEvents = exports.CustomColorsData = void 0;
 const ProgressIndicatorProperties = {
   progress: {
     doc: 'A number between 0-100, if not supplied a continous loading-type animation will be used.',
@@ -19,7 +19,7 @@ const ProgressIndicatorProperties = {
   },
   type: {
     doc: 'Defines the type.',
-    type: [`'circular'`, `'linear'`],
+    type: [`'circular'`, `'linear'`, `'countdown'`],
     defaultValue: `'circular'`,
     status: 'optional'
   },
@@ -31,19 +31,25 @@ const ProgressIndicatorProperties = {
   },
   size: {
     doc: 'Defines the size.',
-    type: [`'default'`, `'small'`, `'medium'`, `'large'`, `'huge'`],
+    type: [`'default'`, `'small'`, `'medium'`, `'large'`, `'huge'`, 'string'],
     defaultValue: `'default'`,
     status: 'optional'
   },
   label: {
-    doc: 'Show a custom label to the right or under the indicator.',
+    doc: 'Content of a custom label. (Overrides `indicator_label` and `showDefaultLabel`)',
+    type: 'React.ReactNode',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  children: {
+    doc: 'Same as `label` prop (`label` prop has priority)',
     type: 'React.ReactNode',
     defaultValue: 'undefined',
     status: 'optional'
   },
   labelDirection: {
-    doc: 'Sets the position of the label.',
-    type: [`'horizontal'`, '`vertical`'],
+    doc: "Sets the position of the label. `'inside'` only works with `type='circular'.",
+    type: [`'horizontal'`, `'vertical'`, `'inside'`],
     defaultValue: `'horizontal'`,
     status: 'optional'
   },
@@ -65,6 +71,18 @@ const ProgressIndicatorProperties = {
     defaultValue: 'undefined',
     status: 'optional'
   },
+  '[customColors](/uilib/components/progress-indicator/properties/#data-object-customcolors)': {
+    doc: 'Send in custom css colors that overrides any css. See below for data structure.',
+    type: 'object',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  customCircleWidth: {
+    doc: 'Send in custom css width for circle progress line. (`undefined` defaults to one eighth of the size).',
+    type: 'string',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
   '[Space](/uilib/layout/space/properties)': {
     doc: 'Spacing properties like `top` or `bottom` are supported.',
     type: ['string', 'object'],
@@ -72,6 +90,27 @@ const ProgressIndicatorProperties = {
   }
 };
 exports.ProgressIndicatorProperties = ProgressIndicatorProperties;
+const CustomColorsData = {
+  line: {
+    doc: 'Override the moving line color.',
+    type: 'string',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  shaft: {
+    doc: 'Override the background line color.',
+    type: 'string',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  background: {
+    doc: 'Set a background color for the center of the circle.',
+    type: 'string',
+    defaultValue: 'undefined',
+    status: 'optional'
+  }
+};
+exports.CustomColorsData = CustomColorsData;
 const ProgressIndicatorDeprecatedProperties = {
   no_animation: {
     doc: 'use `noAnimation`.',
@@ -87,11 +126,6 @@ const ProgressIndicatorDeprecatedProperties = {
     doc: 'use `showDefaultLabel`.',
     type: 'boolean',
     status: 'deprecated'
-  },
-  children: {
-    doc: 'use the `label` prop instead.',
-    type: 'React.ReactNode',
-    status: 'deprecated'
   }
 };
 exports.ProgressIndicatorDeprecatedProperties = ProgressIndicatorDeprecatedProperties;

package/cjs/components/progress-indicator/ProgressIndicatorDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorDocs.js","names":["ProgressIndicatorProperties","progress","doc","type","defaultValue","status","visible","noAnimation","size","label","labelDirection","showDefaultLabel","indicator_label","title","exports","ProgressIndicatorDeprecatedProperties","no_animation","label_direction","show_label","children","ProgressIndicatorEvents","onComplete","ProgressIndicatorDeprecatedEvents","on_complete"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ProgressIndicatorProperties: PropertiesTableProps = {\n  progress: {\n    doc: 'A number between 0-100, if not supplied a continous loading-type animation will be used.',\n    type: ['string', 'number'],\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Defines the visibility of the progress. Toggling the `visible` property to `false` will force a fade-out animation.',\n    type: 'boolean',\n    defaultValue: 'true',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Defines the type.',\n    type: [`'circular'`, `'linear'`],\n    defaultValue: `'circular'`,\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'Disables the fade-in and fade-out animation.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Defines the size.',\n    type: [`'default'`, `'small'`, `'medium'`, `'large'`, `'huge'`],\n    defaultValue: `'default'`,\n    status: 'optional',\n  },\n  label: {\n    doc: 'Show a custom label to the right or under the indicator.',\n    type: 'React.ReactNode',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: 'Sets the position of the label.',\n    type: [`'horizontal'`, '`vertical`'],\n    defaultValue: `'horizontal'`,\n    status: 'optional',\n  },\n  showDefaultLabel: {\n    doc: 'If set to `true` a default label (from text locales) will be shown.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Use this to override the default label from text locales.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.',\n    type: 'string',\n    defaultValue: 'undefined',\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}\n\nexport const ProgressIndicatorDeprecatedProperties: PropertiesTableProps =\n  {\n    no_animation: {\n      doc: 'use `noAnimation`.',\n      type: ' boolean',\n      status: 'deprecated',\n    },\n    label_direction: {\n      doc: 'use `labelDirection`.',\n      type: 'string',\n      status: 'deprecated',\n    },\n    show_label: {\n      doc: 'use `showDefaultLabel`.',\n      type: 'boolean',\n      status: 'deprecated',\n    },\n    children: {\n      doc: 'use the `label` prop instead.',\n      type: 'React.ReactNode',\n      status: 'deprecated',\n    },\n  }\n\nexport const ProgressIndicatorEvents: PropertiesTableProps = {\n  onComplete: {\n    doc: \"Will be called once it's no longer `visible`.\",\n    type: 'function',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\nexport const ProgressIndicatorDeprecatedEvents: PropertiesTableProps = {\n  on_complete: {\n    doc: 'use `onComplete`.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicatorDocs.js","names":["ProgressIndicatorProperties","progress","doc","type","defaultValue","status","visible","noAnimation","size","label","children","labelDirection","showDefaultLabel","indicator_label","title","customCircleWidth","exports","CustomColorsData","line","shaft","background","ProgressIndicatorDeprecatedProperties","no_animation","label_direction","show_label","ProgressIndicatorEvents","onComplete","ProgressIndicatorDeprecatedEvents","on_complete"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ProgressIndicatorProperties: PropertiesTableProps = {\n  progress: {\n    doc: 'A number between 0-100, if not supplied a continous loading-type animation will be used.',\n    type: ['string', 'number'],\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Defines the visibility of the progress. Toggling the `visible` property to `false` will force a fade-out animation.',\n    type: 'boolean',\n    defaultValue: 'true',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Defines the type.',\n    type: [`'circular'`, `'linear'`, `'countdown'`],\n    defaultValue: `'circular'`,\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'Disables the fade-in and fade-out animation.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Defines the size.',\n    type: [\n      `'default'`,\n      `'small'`,\n      `'medium'`,\n      `'large'`,\n      `'huge'`,\n      'string',\n    ],\n    defaultValue: `'default'`,\n    status: 'optional',\n  },\n  label: {\n    doc: 'Content of a custom label. (Overrides `indicator_label` and `showDefaultLabel`)',\n    type: 'React.ReactNode',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Same as `label` prop (`label` prop has priority)',\n    type: 'React.ReactNode',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: \"Sets the position of the label. `'inside'` only works with `type='circular'.\",\n    type: [`'horizontal'`, `'vertical'`, `'inside'`],\n    defaultValue: `'horizontal'`,\n    status: 'optional',\n  },\n  showDefaultLabel: {\n    doc: 'If set to `true` a default label (from text locales) will be shown.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  indicator_label: {\n    doc: 'Use this to override the default label from text locales.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  '[customColors](/uilib/components/progress-indicator/properties/#data-object-customcolors)':\n    {\n      doc: 'Send in custom css colors that overrides any css. See below for data structure.',\n      type: 'object',\n      defaultValue: 'undefined',\n      status: 'optional',\n    },\n  customCircleWidth: {\n    doc: 'Send in custom css width for circle progress line. (`undefined` defaults to one eighth of the size).',\n    type: 'string',\n    defaultValue: 'undefined',\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}\n\nexport const CustomColorsData: PropertiesTableProps = {\n  line: {\n    doc: 'Override the moving line color.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  shaft: {\n    doc: 'Override the background line color.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  background: {\n    doc: 'Set a background color for the center of the circle.',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\n\nexport const ProgressIndicatorDeprecatedProperties: PropertiesTableProps =\n  {\n    no_animation: {\n      doc: 'use `noAnimation`.',\n      type: ' boolean',\n      status: 'deprecated',\n    },\n    label_direction: {\n      doc: 'use `labelDirection`.',\n      type: 'string',\n      status: 'deprecated',\n    },\n    show_label: {\n      doc: 'use `showDefaultLabel`.',\n      type: 'boolean',\n      status: 'deprecated',\n    },\n  }\n\nexport const ProgressIndicatorEvents: PropertiesTableProps = {\n  onComplete: {\n    doc: \"Will be called once it's no longer `visible`.\",\n    type: 'function',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\nexport const ProgressIndicatorDeprecatedEvents: PropertiesTableProps = {\n  on_complete: {\n    doc: 'use `onComplete`.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n"],"mappings":"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"}

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

@@ -2,26 +2,6 @@
  * Web ProgressIndicator Component
  *
  */
-import React from 'react';
-type 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;
-    /**
-     * To visualize a static "percentage" (0-100) as a progress state. Defaults to `null`.
-     */
-    progress?: number;
-    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.
-     */
-    title?: string;
-};
-declare function ProgressIndicatorLine(props: ProgressIndicatorLinearProps & Omit<React.HTMLProps<HTMLElement>, 'size'>): import("react/jsx-runtime").JSX.Element;
+import { ProgressIndicatorLinearAllProps } from './types';
+declare function ProgressIndicatorLine(props: ProgressIndicatorLinearAllProps): import("react/jsx-runtime").JSX.Element;
 export default ProgressIndicatorLine;

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

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _componentHelper = require("../../shared/component-helper");
-var _span;
-const _excluded = ["size", "title", "progress", "visible", "onComplete", "callOnCompleteHandler"];
+const _excluded = ["size", "title", "progress", "visible", "onComplete", "callOnCompleteHandler", "customColors", "style"];
 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); }
@@ -33,7 +32,9 @@ function ProgressIndicatorLine(props) {
       progress,
       visible,
       onComplete,
-      callOnCompleteHandler
+      callOnCompleteHandler,
+      customColors,
+      style
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   const onCompleteIsFn = typeof onComplete === 'function' && typeof callOnCompleteHandler === 'function';
@@ -53,15 +54,22 @@ function ProgressIndicatorLine(props) {
   }
   const remainingDOMAttributes = (0, _componentHelper.validateDOMAttributes)(props, _objectSpread({}, rest));
   return _react.default.createElement("span", _extends({
-    className: 'dnb-progress-indicator__linear' + (size ? ` dnb-progress-indicator__linear--${size}` : "")
+    className: 'dnb-progress-indicator__linear' + (size ? ` dnb-progress-indicator__linear--${size}` : ""),
+    style: _objectSpread(_objectSpread({}, style), (customColors === null || customColors === void 0 ? void 0 : customColors.shaft) && {
+      backgroundColor: customColors === null || customColors === void 0 ? void 0 : customColors.shaft
+    })
   }, remainingDOMAttributes), _react.default.createElement("span", {
     className: "dnb-progress-indicator__linear__bar " + (hasProgressValue ? 'dnb-progress-indicator__linear__bar-transition' : 'dnb-progress-indicator__linear__bar1-animation'),
-    style: hasProgressValue ? {
-      transform
-    } : {}
-  }), !hasProgressValue && (_span || (_span = _react.default.createElement("span", {
-    className: "dnb-progress-indicator__linear__bar dnb-progress-indicator__linear__bar2-animation"
-  }))));
+    style: {
+      backgroundColor: customColors === null || customColors === void 0 ? void 0 : customColors.line,
+      transform: hasProgressValue ? transform : undefined
+    }
+  }), !hasProgressValue && _react.default.createElement("span", {
+    className: "dnb-progress-indicator__linear__bar dnb-progress-indicator__linear__bar2-animation",
+    style: {
+      backgroundColor: customColors === null || customColors === void 0 ? void 0 : customColors.line
+    }
+  }));
 }
 var _default = ProgressIndicatorLine;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicatorLinear.js","names":["_react","_interopRequireWildcard","require","_componentHelper","_span","_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","usePrevious","ref","useRef","useEffect","current","ProgressIndicatorLine","props","size","title","progress","visible","onComplete","callOnCompleteHandler","rest","onCompleteIsFn","visibleCurrent","visiblePrev","hasProgressValue","transform","role","remainingDOMAttributes","validateDOMAttributes","createElement","className","style","_default","exports"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorLinear.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\ntype ProgressIndicatorLinearProps = {\n  /**\n   * Defines the size, like `small`, `default`, `medium` or `large`. Defaults to `default`.\n   */\n  size?: string\n  /**\n   * Defines the visibility of the progress. Toggling the `visible` property to `false` will force a fade-out animation. Defaults to `true`.\n   */\n  visible?: boolean\n  /**\n   * To visualize a static \"percentage\" (0-100) as a progress state. Defaults to `null`.\n   */\n  progress?: number\n  onComplete?: (...args: any[]) => any\n  callOnCompleteHandler?: (...args: any[]) => any\n  /**\n   * Used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.\n   */\n  title?: string\n}\n\nfunction usePrevious<P>(value: P): [P, P] {\n  const ref = useRef<P>()\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n  return [ref.current, value]\n}\n\nfunction ProgressIndicatorLine(\n  props: ProgressIndicatorLinearProps &\n    Omit<React.HTMLProps<HTMLElement>, 'size'>\n) {\n  const {\n    size,\n    title,\n    progress,\n    visible,\n    onComplete,\n    callOnCompleteHandler,\n    ...rest\n  } = props\n\n  const onCompleteIsFn =\n    typeof onComplete === 'function' &&\n    typeof callOnCompleteHandler === 'function'\n\n  const [visibleCurrent, visiblePrev] = usePrevious(visible)\n\n  if (onCompleteIsFn && !visibleCurrent && visiblePrev) {\n    callOnCompleteHandler()\n  }\n\n  const hasProgressValue = progress > -1\n\n  const transform = `translateX(${(progress || 0) - 100}%)`\n\n  if (hasProgressValue) {\n    rest.role = 'progressbar'\n    rest['aria-label'] = title\n    rest['title'] = title\n  } else {\n    rest.role = 'alert'\n    rest['aria-busy'] = true\n  }\n\n  const remainingDOMAttributes = validateDOMAttributes(props, { ...rest })\n\n  return (\n    <span\n      className={classnames(\n        'dnb-progress-indicator__linear',\n        size && `dnb-progress-indicator__linear--${size}`\n      )}\n      {...remainingDOMAttributes}\n    >\n      <span\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        <span\n          className={classnames(\n            'dnb-progress-indicator__linear__bar',\n            'dnb-progress-indicator__linear__bar2-animation'\n          )}\n        />\n      )}\n    </span>\n  )\n}\n\nexport default ProgressIndicatorLine\n"],"mappings":"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"}
+{"version":3,"file":"ProgressIndicatorLinear.js","names":["_react","_interopRequireWildcard","require","_componentHelper","_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","usePrevious","ref","useRef","useEffect","current","ProgressIndicatorLine","props","size","title","progress","visible","onComplete","callOnCompleteHandler","customColors","style","rest","onCompleteIsFn","visibleCurrent","visiblePrev","hasProgressValue","transform","role","remainingDOMAttributes","validateDOMAttributes","createElement","className","shaft","backgroundColor","line","_default","exports"],"sources":["../../../../src/components/progress-indicator/ProgressIndicatorLinear.tsx"],"sourcesContent":["/**\n * Web ProgressIndicator Component\n *\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport classnames from 'classnames'\nimport { validateDOMAttributes } from '../../shared/component-helper'\nimport { ProgressIndicatorLinearAllProps } from './types'\n\nfunction usePrevious<P>(value: P): [P, P] {\n  const ref = useRef<P>()\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n  return [ref.current, value]\n}\n\nfunction ProgressIndicatorLine(props: ProgressIndicatorLinearAllProps) {\n  const {\n    size,\n    title,\n    progress,\n    visible,\n    onComplete,\n    callOnCompleteHandler,\n    customColors,\n    style,\n    ...rest\n  } = props\n\n  const onCompleteIsFn =\n    typeof onComplete === 'function' &&\n    typeof callOnCompleteHandler === 'function'\n\n  const [visibleCurrent, visiblePrev] = usePrevious(visible)\n\n  if (onCompleteIsFn && !visibleCurrent && visiblePrev) {\n    callOnCompleteHandler()\n  }\n\n  const hasProgressValue = progress > -1\n\n  const transform = `translateX(${(progress || 0) - 100}%)`\n\n  if (hasProgressValue) {\n    rest.role = 'progressbar'\n    rest['aria-label'] = title\n    rest['title'] = title\n  } else {\n    rest.role = 'alert'\n    rest['aria-busy'] = true\n  }\n\n  const remainingDOMAttributes = validateDOMAttributes(props, { ...rest })\n\n  return (\n    <span\n      className={classnames(\n        'dnb-progress-indicator__linear',\n        size && `dnb-progress-indicator__linear--${size}`\n      )}\n      style={{\n        ...style,\n        ...(customColors?.shaft && {\n          backgroundColor: customColors?.shaft,\n        }),\n      }}\n      {...remainingDOMAttributes}\n    >\n      <span\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={{\n          backgroundColor: customColors?.line,\n          transform: hasProgressValue ? transform : undefined,\n        }}\n      />\n      {!hasProgressValue && (\n        <span\n          className={classnames(\n            'dnb-progress-indicator__linear__bar',\n            'dnb-progress-indicator__linear__bar2-animation'\n          )}\n          style={{\n            backgroundColor: customColors?.line,\n          }}\n        />\n      )}\n    </span>\n  )\n}\n\nexport default ProgressIndicatorLine\n"],"mappings":"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"}