feat(AvatarGroupCounter): pass noAnimation prop (#2010)

mondaycom · Mar 12, 2024 · 048b163 · 048b163
1 parent 7486fb5
commit 048b163
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/core/src/components/AvatarGroup/AvatarGroup.tsx b/packages/core/src/components/AvatarGroup/AvatarGroup.tsx
@@ -15,6 +15,7 @@ export type AvatarGroupCounterVisualProps = {
   prefix?: string;
   maxDigits?: number;
   ariaLabelItemsName?: string;
+  noAnimation?: boolean;
 };
 
 export interface AvatarGroupProps extends VibeComponentProps {

diff --git a/packages/core/src/components/AvatarGroup/AvatarGroupCounter.tsx b/packages/core/src/components/AvatarGroup/AvatarGroupCounter.tsx
@@ -45,7 +45,8 @@ const AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({
     count: counterValue = counterTooltipAvatars.length,
     prefix: counterPrefix = "+",
     maxDigits: counterMaxDigits = 3,
-    ariaLabelItemsName: counterAriaLabelItemsName = "items"
+    ariaLabelItemsName: counterAriaLabelItemsName = "items",
+    noAnimation
   } = counterProps || {};
 
   const counterSizeStyle = getStyle(styles, size?.toString());
@@ -62,9 +63,18 @@ const AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({
         prefix={counterPrefix}
         maxDigits={counterMaxDigits}
         ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}
+        noAnimation={noAnimation}
       />
     );
-  }, [counterAriaLabel, counterAriaLabelItemsName, counterColor, counterMaxDigits, counterPrefix, counterValue]);
+  }, [
+    counterAriaLabel,
+    counterAriaLabelItemsName,
+    counterColor,
+    counterMaxDigits,
+    counterPrefix,
+    counterValue,
+    noAnimation
+  ]);
 
   if (!counterTooltipAvatars.length && !counterValue) {
     return null;