@bitrise/bitkit 13.50.0 → 13.52.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "13.50.0",
+  "version": "13.52.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"

package/src/Components/ProgressIndicator/ProgressIndicator.tsx

@@ -5,11 +5,14 @@ import Icon, { IconProps } from '../Icon/Icon';
 import Text, { TextProps } from '../Text/Text';
 import Divider, { DividerProps } from '../Divider/Divider';
 import Link, { LinkProps } from '../Link/Link';
+import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 
 type ProgressStage = {
   label: string;
   isInvalid?: boolean;
   isDisabled?: boolean;
+  isSkipped?: boolean;
+  tooltip?: Omit<TooltipProps, 'children'>;
   helperText?: string;
   action?: {
     onClick?: () => void;
@@ -74,7 +77,7 @@ const RealStage = ({
   extendLines,
   lastBlock,
   segmentIndex,
-  stage: { action, helperText, isDisabled, isInvalid, label },
+  stage: { action, tooltip, helperText, isDisabled, isInvalid, isSkipped, label },
   variant,
 }: Pick<ProgressIndicatorProps, 'variant'> & {
   segmentIndex: number;
@@ -106,6 +109,10 @@ const RealStage = ({
     iconColor = 'icon.disabled';
     textColor = 'text.disabled';
   }
+  if (isSkipped) {
+    iconName = 'StepstatusSkip';
+    textColor = 'text.disabled';
+  }
   const style = useMultiStyleConfig('ProgressIndicator', { variant });
 
   return (
@@ -121,7 +128,9 @@ const RealStage = ({
           ) : (
             <div />
           ))}
-        <Icon color={iconColor} name={iconName} transform={iconTransform} />
+        <Tooltip isDisabled={!tooltip} {...tooltip}>
+          <Icon color={iconColor} name={iconName} transform={iconTransform} />
+        </Tooltip>
         {lastBlock ? (
           <div />
         ) : (

package/src/Components/Tabs/Tab.tsx

@@ -1,4 +1,4 @@
-import { MouseEvent, useEffect } from 'react';
+import { MouseEvent } from 'react';
 import { Button, forwardRef, TabProps as ChakraTabProps, useTab, useTabsStyles } from '@chakra-ui/react';
 import Badge, { BadgeProps } from '../Badge/Badge';
 import Icon, { TypeIconName } from '../Icon/Icon';
@@ -29,12 +29,6 @@ const Tab = forwardRef<TabProps, 'button'>((props, ref) => {
     ...rest,
   });
 
-  useEffect(() => {
-    if (tabProps['aria-selected']) {
-      document.getElementById(tabProps.id)?.scrollIntoView({ behavior: 'smooth', inline: 'center' });
-    }
-  }, [tabProps]);
-
   return (
     <Button
       as={href ? 'a' : 'button'}