@synerise/ds-progress-bar 0.6.18 → 0.6.19

package/CHANGELOG.md

@@ -3,25 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.6.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@0.6.17...@synerise/ds-progress-bar@0.6.18) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-progress-bar
-
-
-
-
-
-## [0.6.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@0.6.14...@synerise/ds-progress-bar@0.6.17) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-progress-bar
-
-
+## [0.6.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@0.6.14...@synerise/ds-progress-bar@0.6.15) (2022-07-28)
 
 
+### Bug Fixes
 
-## [0.6.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-progress-bar@0.6.14...@synerise/ds-progress-bar@0.6.16) (2022-08-04)
-
-**Note:** Version bump only for package @synerise/ds-progress-bar
+* **progress-bar:** fix bar when is over 99% ([413ec7f](https://github.com/Synerise/synerise-design/commit/413ec7f4aec1febdea73279ba69ee08836e29573))
+* **progress-bar:** fix bar when is over 99% ([cf69288](https://github.com/Synerise/synerise-design/commit/cf692889473701ae1bb726f3d28da7cd0d362cd2))
 
 
 

package/dist/ProgressBar.d.ts

@@ -8,6 +8,7 @@ declare class ProgressBar extends React.PureComponent<ProgressProps> {
         strokeColor: string;
         showLabel: boolean;
         description: string;
+        maxPercent: boolean;
     };
     render(): React.ReactNode;
 }

package/dist/ProgressBar.js

@@ -27,7 +27,17 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
         className = _this$props.className,
         thick = _this$props.thick,
         labelFormatter = _this$props.labelFormatter,
-        containerStyles = _this$props.containerStyles;
+        containerStyles = _this$props.containerStyles,
+        maxPercent = _this$props.maxPercent;
+
+    var maxBorderWidth = function maxBorderWidth() {
+      if (percent === 100) {
+        return maxPercent;
+      }
+
+      return false;
+    };
+
     return /*#__PURE__*/React.createElement(S.Container, {
       className: (className || '') + " progress-bar-container",
       "data-testid": "progress-bar-container",
@@ -41,6 +51,7 @@ var ProgressBar = /*#__PURE__*/function (_React$PureComponent) {
       "data-testid": "progress-bar-max-percent"
     }, " (" + percent + "%)"))), /*#__PURE__*/React.createElement(S.AntdProgressBar, {
       percent: percent,
+      maxPercent: maxBorderWidth(),
       type: type,
       thick: thick,
       status: status,
@@ -62,7 +73,8 @@ _defineProperty(ProgressBar, "defaultProps", {
   strokeLinecap: 'round',
   strokeColor: '#76dc25',
   showLabel: false,
-  description: ''
+  description: '',
+  maxPercent: true
 });
 
 export default ProgressBar;

package/dist/ProgressBar.styles.js

@@ -15,7 +15,7 @@ export var MaxValue = styled.strong.withConfig({
 export var AntdProgressBar = styled(Progress).withConfig({
   displayName: "ProgressBarstyles__AntdProgressBar",
   componentId: "sc-1gqovic-2"
-})(["&.ant-progress-line{width:100%;height:", ";margin-top:", ";margin:14px 0;border-radius:3px;color:", ";overflow:hidden;box-sizing:content-box;.ant-progress-outer{display:flex;}.ant-progress-inner{width:100%;}.ant-progress-outer,.ant-progress-inner{background:", ";}.ant-progress-outer,.ant-progress-inner,.ant-progress-bg{height:6px !important;}.ant-progress-bg:first-child{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:2px solid ", ";}}"], function (props) {
+})(["&.ant-progress-line{width:100%;height:", ";margin-top:", ";margin:14px 0;border-radius:3px;color:", ";overflow:hidden;box-sizing:content-box;.ant-progress-outer{display:flex;}.ant-progress-inner{width:100%;}.ant-progress-outer,.ant-progress-inner{background:", ";}.ant-progress-outer,.ant-progress-inner,.ant-progress-bg{height:6px !important;}.ant-progress-bg:first-child{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:", ";}}"], function (props) {
   return props.thick ? '3px' : '6px';
 }, function (props) {
   return props.thick ? '3px' : '0px';
@@ -24,5 +24,5 @@ export var AntdProgressBar = styled(Progress).withConfig({
 }, function (props) {
   return props.theme.palette['grey-100'];
 }, function (props) {
-  return props.theme.palette.white;
+  return props.maxPercent ? "0px" : "2px solid " + props.theme.palette.white;
 });

package/dist/ProgressBar.types.d.ts

@@ -7,4 +7,5 @@ export interface ProgressProps extends AntProgressProps {
     thick?: boolean;
     labelFormatter?: (amount?: string | number, percent?: string | number) => React.ReactNode;
     containerStyles?: React.CSSProperties;
+    maxPercent?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-progress-bar",
-  "version": "0.6.18",
+  "version": "0.6.19",
   "description": "Progress-Bar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,7 +32,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-typography": "^0.12.5"
+    "@synerise/ds-typography": "^0.12.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -40,7 +40,7 @@
     "react": ">=16.9.0 < 17.0.0"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.22.6"
+    "@synerise/ds-utils": "^0.22.3"
   },
-  "gitHead": "28486eab4b37b485cbe2a383e3ae9b8e9d789862"
+  "gitHead": "1ff23a390382403be15699d1963ad8f6c26e5ba6"
 }