chore: Add metrics for attribute editor properties (#3438)

Author: gethinwebster

src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap

@@ -2045,6 +2045,7 @@ The event \`detail\` contains the index of the corresponding item.",
       "type": "string",
     },
     {
+      "defaultValue": "'normal'",
       "description": "Specifies the variant to use for the add button. By default a normal button is used.
 Use \`inline-link\` when using an attribute editor nested inside complex attribute editing
 with expandable sections.",

src/attribute-editor/index.tsx

@@ -9,14 +9,24 @@ import InternalAttributeEditor from './internal';
 
 const AttributeEditor = React.forwardRef(
   <T,>(
-    { items = [], isItemRemovable = () => true, ...props }: AttributeEditorProps<T>,
+    { items = [], addButtonVariant = 'normal', isItemRemovable = () => true, ...props }: AttributeEditorProps<T>,
     ref: React.Ref<AttributeEditorProps.Ref>
   ) => {
-    const baseComponentProps = useBaseComponent('AttributeEditor');
+    const baseComponentProps = useBaseComponent('AttributeEditor', {
+      props: {
+        addButtonVariant: addButtonVariant,
+      },
+      metadata: {
+        definitionItems: props.definition?.length ?? null,
+        hasGridLayout: !!props.gridLayout,
+        hasCustomRowActions: !!props.customRowActions,
+      },
+    });
     return (
       <InternalAttributeEditor
         items={items}
         isItemRemovable={isItemRemovable}
+        addButtonVariant={addButtonVariant}
         {...props}
         {...baseComponentProps}
         ref={ref}

src/attribute-editor/internal.tsx

@@ -22,7 +22,8 @@ import { getGridTemplateColumns } from './utils';
 
 import styles from './styles.css.js';
 
-type InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items'> & InternalBaseComponentProps;
+type InternalAttributeEditorProps<T> = SomeRequired<AttributeEditorProps<T>, 'items' | 'addButtonVariant'> &
+  InternalBaseComponentProps;
 
 const InternalAttributeEditor = React.forwardRef(
   <T,>(
@@ -35,7 +36,7 @@ const InternalAttributeEditor = React.forwardRef(
       isItemRemovable = () => true,
       empty,
       addButtonText,
-      addButtonVariant = 'normal',
+      addButtonVariant,
       removeButtonText,
       removeButtonAriaLabel,
       customRowActions,

src/tag-editor/index.tsx

@@ -305,6 +305,7 @@ const TagEditor = React.forwardRef(
         removeButtonText={i18nStrings?.removeButton}
         disableAddButton={remainingTags <= 0}
         empty={i18n('i18nStrings.emptyTags', i18nStrings?.emptyTags)}
+        addButtonVariant="normal"
         additionalInfo={
           remainingTags < 0 ? (
             <FormFieldError errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>