feat: adding customization parameter

Author: Jakub007d

packages/module/src/WidgetLayout/GridTile.tsx

@@ -178,8 +178,8 @@ const GridTile = ({
 
   return (
     <Card
-      ouiaId={`${widgetType}-widget`}
-      className={clsx('grid-tile', {
+      ouiaId={`${widgetConfig.config?.customization?.scope}-${widgetType}-widget`}
+      className={clsx('grid-tile', widgetConfig.config?.customization?.scope, {
         static: widgetConfig.static,
       })}
     >
@@ -222,7 +222,7 @@ const GridTile = ({
         </Flex>
       </CardHeader>
       <Divider />
-      <CardBody className="pf-v6-u-p-0">{children}</CardBody>
+      <CardBody className={clsx('pf-v6-u-p-0', widgetConfig.config?.customization?.className)}>{children}</CardBody>
     </Card>
   );
 };

packages/module/src/WidgetLayout/types.ts

@@ -43,6 +43,10 @@ export interface WidgetConfiguration {
   icon?: React.ReactNode;
   headerLink?: WidgetHeaderLink;
   title?: string;
+  customization?: {
+    scope?: string;
+    className?: string;
+  };
 }
 
 /**