feat: add new CriticalError status

core-ds · Feb 20, 2025 · 2a6005f · 2a6005f
1 parent dcff49c
commit 2a6005f
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/packages/steps/src/Component.tsx b/packages/steps/src/Component.tsx
@@ -45,6 +45,13 @@ export type StepsProps = {
      */
     checkIsStepError?: (stepNumber: number) => boolean;
 
+    /**
+     * Кастомный метод для управления состоянием шага criticalError
+     * @param stepNumber - номер шага
+     * @return Флаг состояния error
+     */
+    checkIsStepCriticalError?: (stepNumber: number) => boolean;
+
     /**
      * Кастомный метод для управления состоянием шага warning
      * @param stepNumber - номер шага
@@ -93,6 +100,7 @@ export const Steps: React.FC<StepsProps> = ({
     minSpaceBetweenSteps = 24,
     checkIsStepDisabled,
     checkIsStepError,
+    checkIsStepCriticalError,
     checkIsStepWarning,
     checkIsStepWaiting,
     checkIsStepPositive,
@@ -134,6 +142,9 @@ export const Steps: React.FC<StepsProps> = ({
                 const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
                 const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
                 const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;
+                const isCriticalError = checkIsStepCriticalError
+                    ? checkIsStepCriticalError(stepNumber)
+                    : false;
                 const isWarning = checkIsStepWarning ? checkIsStepWarning(stepNumber) : false;
                 const isWaiting = checkIsStepWaiting ? checkIsStepWaiting(stepNumber) : false;
                 const customStepIndicator = checkIsStepCustom && checkIsStepCustom(stepNumber);
@@ -148,6 +159,7 @@ export const Steps: React.FC<StepsProps> = ({
                         disabled={disabled}
                         isPositive={isPositive}
                         isError={isError}
+                        isCriticalError={isCriticalError}
                         isWarning={isWarning}
                         isWaiting={isWaiting}
                         customStepIndicator={customStepIndicator}

diff --git a/packages/steps/src/components/step/Component.tsx b/packages/steps/src/components/step/Component.tsx
@@ -5,6 +5,7 @@ import { getDataTestId } from '@alfalab/core-components-shared';
 import { useFocus } from '@alfalab/hooks';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';
+import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
 
 import { CommonProps } from '../../types/common-props';
@@ -38,6 +39,11 @@ type StepProps = {
      */
     isError: boolean;
 
+    /**
+     * Маркер того, что текущий шаг находится в состоянии "isCriticalError"
+     */
+    isCriticalError: boolean;
+
     /**
      * Маркер того, что текущий шаг находится в состоянии "Warning"
      */
@@ -78,6 +84,7 @@ export const Step: FC<StepProps> = ({
     ordered,
     isPositive,
     isError,
+    isCriticalError,
     isWarning,
     isWaiting,
     customStepIndicator,
@@ -117,6 +124,9 @@ export const Step: FC<StepProps> = ({
         if (customStepIndicator) {
             return <StepIndicator {...customStepIndicator} />;
         }
+        if (isCriticalError) {
+            return <StepIndicator iconColor='negative' content={<CrossCompactMIcon />} />;
+        }
         if (isError) {
             return <StepIndicator iconColor='negative' content={<ExclamationCircleMIcon />} />;
         }

diff --git a/packages/steps/src/docs/description.mdx b/packages/steps/src/docs/description.mdx
@@ -191,6 +191,10 @@ render(() => {
             view: 'negative-alert',
             content: 'Negative',
         },
+        {
+            view: 'negative-cross',
+            content: 'CriticalError',
+        },
         {
             view: 'attention-alert',
             content: 'Warning',