From aef06afc6d7a0daef3775be823d31c432462ee96 Mon Sep 17 00:00:00 2001 From: Eduard Carrerars Date: Wed, 28 Jan 2026 17:42:03 +0100 Subject: [PATCH 1/3] feat(progressbar): indeterminate progress when value is -1 --- .../ProgressBarValue.styles.tsx | 36 ++++++++++++++----- .../ProgressBarValue/ProgressBarValue.tsx | 16 ++++++--- 2 files changed, 38 insertions(+), 14 deletions(-) diff --git a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx index 2a874df3..a273926a 100644 --- a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx +++ b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx @@ -1,12 +1,30 @@ import { Progress } from "antd"; -import styled from "styled-components"; +import styled, { keyframes, css } from "styled-components"; -export const StyledProgress = styled(Progress)` -.ant-progress-outer { - margin-right: 0px; - padding-right: 0px; -} -.ant-progress-text { - display: none; -} +const indeterminateAnimation = keyframes` + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(400%); + } +`; + +export const StyledProgress = styled(Progress)<{ $isIndeterminate?: boolean }>` + .ant-progress-outer { + margin-right: 0px; + padding-right: 0px; + } + .ant-progress-text { + display: none; + } + + ${(props) => + props.$isIndeterminate && + css` + .ant-progress-bg { + width: 25% !important; + animation: ${indeterminateAnimation} 1.5s ease-in-out infinite; + } + `} `; diff --git a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.tsx b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.tsx index 528f73fd..f358220f 100644 --- a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.tsx +++ b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.tsx @@ -1,7 +1,8 @@ -import React from 'react'; -import { StyledProgress } from './ProgressBarValue.styles'; +import React from "react"; +import { StyledProgress } from "./ProgressBarValue.styles"; export const ProgressBarValue = ({ value }: { value?: number }) => { + const isIndeterminate = value === -1; const textValue = `${(value || 0).toLocaleString("en-US", { minimumIntegerDigits: 1, maximumFractionDigits: 4, @@ -10,8 +11,13 @@ export const ProgressBarValue = ({ value }: { value?: number }) => { return (
- -
{textValue}
+ + {!isIndeterminate && ( +
{textValue}
+ )}
); -}; \ No newline at end of file +}; From 9dead23224f23771589d29534572ebf184eab77f Mon Sep 17 00:00:00 2001 From: Eduard Carreras Date: Thu, 29 Jan 2026 14:16:23 +0100 Subject: [PATCH 2/3] Update src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- .../ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx index a273926a..8d439639 100644 --- a/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx +++ b/src/components/widgets/ProgressBar/ProgressBarValue/ProgressBarValue.styles.tsx @@ -6,7 +6,7 @@ const indeterminateAnimation = keyframes` transform: translateX(-100%); } 100% { - transform: translateX(400%); + transform: translateX(500%); } `; From 0b408be0dfe232797c90c7605682d3eea7bdc3b9 Mon Sep 17 00:00:00 2001 From: semantic-release-bot Date: Thu, 29 Jan 2026 14:41:36 +0000 Subject: [PATCH 3/3] chore(release): 1.21.0 [skip ci] # [1.21.0](https://github.com/gisce/react-formiga-components/compare/v1.20.0...v1.21.0) (2026-01-29) ### Features * **progressbar:** indeterminate progress when value is -1 ([aef06af](https://github.com/gisce/react-formiga-components/commit/aef06afc6d7a0daef3775be823d31c432462ee96)) --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6ea3422c..87cb608a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@gisce/react-formiga-components", - "version": "1.20.0", + "version": "1.21.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@gisce/react-formiga-components", - "version": "1.20.0", + "version": "1.21.0", "license": "MIT", "dependencies": { "@ant-design/icons": "^6.0.0", diff --git a/package.json b/package.json index 7143cc2c..3298bb93 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "storybook", "library" ], - "version": "1.20.0", + "version": "1.21.0", "module": "./dist/react-formiga-components.es.js", "types": "./dist/index.d.ts", "exports": {