feat: Accept position in internal ButtonDropdown for analytics purposes (#3560)

Co-authored-by: Francesco Longo <[email protected]>

Author: fralongo

src/button-dropdown/__tests__/analytics-metadata.test.tsx

@@ -300,4 +300,18 @@ describe('Internal Button Dropdown', () => {
       detail: { label: 'Delete', position: '1', href: '#' },
     });
   });
+  test('accepts position', () => {
+    const renderResult = render(
+      <InternalButtonDropdown position="4" items={items}>
+        Action text
+      </InternalButtonDropdown>
+    );
+    const wrapper = createWrapper(renderResult.container).findButtonDropdown()!;
+    wrapper.openDropdown();
+    const enabledSimpleItem = wrapper.findItemById('rm')!.getElement();
+    expect(getGeneratedAnalyticsMetadata(enabledSimpleItem)).toEqual({
+      action: 'click',
+      detail: { label: 'Delete', position: '4,1', href: '#', id: 'rm' },
+    });
+  });
 });

src/button-dropdown/interfaces.ts

@@ -327,6 +327,11 @@ export interface InternalButtonDropdownProps
   fullWidth?: boolean;
 
   analyticsMetadataTransformer?: (input: GeneratedAnalyticsMetadataFragment) => GeneratedAnalyticsMetadataFragment;
+
+  /**
+   * Position of the button dropdown inside a list of elements, for example a button group
+   */
+  position?: string;
 }
 
 export interface CustomTriggerProps {

src/button-dropdown/internal.tsx

@@ -56,6 +56,7 @@ const InternalButtonDropdown = React.forwardRef(
       analyticsMetadataTransformer,
       linkStyle,
       fullWidth,
+      position,
       ...props
     }: InternalButtonDropdownProps,
     ref: React.Ref<ButtonDropdownProps.Ref>
@@ -409,6 +410,7 @@ const InternalButtonDropdown = React.forwardRef(
               variant={variant}
               analyticsMetadataTransformer={analyticsMetadataTransformer}
               linkStyle={linkStyle}
+              position={position}
             />
           </OptionsList>
         </Dropdown>