feat(releases-widget): Allow to display only the icon (#3695)

packages/translation/src/lang/en.json

@@ -2257,6 +2257,9 @@
         "showDetails": {
           "label": "Show Details"
         },
+        "showOnlyIcon": {
+          "label": "Show Only Icon"
+        },
         "topReleases": {
           "label": "Top Releases",
           "description": "The max number of latest releases to show. Zero means no limit."

packages/widgets/src/releases/component.tsx

@@ -198,12 +198,15 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
                 className="releases-repository-header-nameVersion-wrapper"
                 gap={5}
                 justify="space-between"
+                miw={0}
                 style={{ flex: 1 }}
               >
-                <Text className="releases-repository-header-name" size="xs">
+                {!options.showOnlyIcon && (
-                  {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
+                  <Text className="releases-repository-header-name" size="xs">
-                  {repository.name || repository.identifier}
+                    {/* eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing */}
-                </Text>
+                    {repository.name || repository.identifier}
+                  </Text>
+                )}
 
                 <Tooltip
                   className="releases-repository-header-version-tooltip"
@@ -225,7 +228,7 @@ export default function ReleasesWidget({ options }: WidgetComponentProps<"releas
                 </Tooltip>
               </Group>
 
-              <Group className="releases-repository-header-releaseDate-wrapper" gap={5}>
+              <Group className="releases-repository-header-releaseDate-wrapper" gap={5} style={{ flex: "0 0 auto" }}>
                 <Text
                   className="releases-repository-header-releaseDate"
                   size="xs"

packages/widgets/src/releases/index.ts

@@ -30,6 +30,9 @@ export const { definition, componentLoader } = createWidgetDefinition("releases"
       showDetails: factory.switch({
         defaultValue: true,
       }),
+      showOnlyIcon: factory.switch({
+        defaultValue: false,
+      }),
       topReleases: factory.number({
         withDescription: true,
         defaultValue: 0,