ui: extract data-* attributes

Signed-off-by: Vincenzo Scamporlino <vincenzos@spotify.com>
2025-10-09 15:50:53 +02:00
parent 019f3a64aa
commit f041c1fe10
1 changed files with 16 additions and 7 deletions
@@ -86,16 +86,25 @@ export function extractProps(
  }

  // Ensure keys from props that are defined in propDefs are removed
-  const cleanedProps = Object.keys(props).reduce((acc, key) => {
-    if (!propDefs.hasOwnProperty(key)) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {} as { [key: string]: any });
+  const { cleanedProps, dataProps } = Object.keys(props).reduce(
+    (acc, key) => {
+      if (key.startsWith('data-')) {
+        acc.dataProps[key] = props[key];
+      }
+      if (!propDefs.hasOwnProperty(key)) {
+        acc.cleanedProps[key] = props[key];
+      }
+      return acc;
+    },
+    { dataProps: {}, cleanedProps: {} } as {
+      dataProps: { [key: string]: any };
+      cleanedProps: { [key: string]: any };
+    },
+  );

  const newClassNames = className
    .filter(name => name && name.trim() !== '')
    .join(' ');

-  return { ...cleanedProps, className: newClassNames, style };
+  return { ...cleanedProps, className: newClassNames, style, dataProps };
 }