chore: Expose component configuration in DOM metadata property (#1391)

cloudscape-design · Aug 2, 2023 · 232149b · 232149b
1 parent 392b450
commit 232149b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/button/index.tsx b/src/button/index.tsx
@@ -39,7 +39,7 @@ const Button = React.forwardRef(
     }: ButtonProps,
     ref: React.Ref<ButtonProps.Ref>
   ) => {
-    const baseComponentProps = useBaseComponent('Button');
+    const baseComponentProps = useBaseComponent('Button', { variant, disabled, loading });
     const baseProps = getBaseProps(props);
     return (
       <InternalButton

diff --git a/src/internal/hooks/use-base-component/index.ts b/src/internal/hooks/use-base-component/index.ts
@@ -15,9 +15,9 @@ export interface InternalBaseComponentProps {
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
-export default function useBaseComponent<T = any>(componentName: string) {
+export default function useBaseComponent<T = any>(componentName: string, componentConfiguration?: Record<string, any>) {
   useTelemetry(componentName);
   useFocusVisible();
-  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);
+  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION, componentConfiguration);
   return { __internalRootRef: elementRef };
 }
diff --git a/src/select/index.tsx b/src/select/index.tsx
@@ -20,7 +20,10 @@ const Select = React.forwardRef(
     }: SelectProps,
     ref: React.Ref<SelectProps.Ref>
   ) => {
-    const baseComponentProps = useBaseComponent('Select');
+    const baseComponentProps = useBaseComponent('Select', {
+      placeholder: restProps.placeholder,
+      disabled: restProps.disabled,
+    });
     const externalProps = getExternalProps(restProps);
     return (
       <InternalSelect