@omnsight/osint-entity-components 0.2.3 → 0.2.5

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.3",
+  "version": "0.2.5",
   "engines": {
     "node": ">=24.0.0"
   },

package/src/avatars/SourceAvatar.tsx

@@ -1,4 +1,5 @@
 import "../avatars/layouts/EntityStyles.css";
+import { LinkIcon } from "@heroicons/react/24/solid";
 import { ActionIcon, Avatar, Group, Tooltip, Text } from "@mantine/core";
 import type { Source, Relation } from "omni-osint-crud-client";
 import { RelationTooltip } from "./layouts/RelationTooltip";
@@ -58,10 +59,46 @@ export const SourceAvatarRow: React.FC<Props> = ({
         </Text>
       </Tooltip>
       {data.url && (
-        <ActionIcon variant="subtle" size="sm">
-          <SourceIcon source={data} />
+        <ActionIcon
+          variant="subtle"
+          size="sm"
+          component="a"
+          href={data.url}
+          target="_blank"
+        >
+          <LinkIcon />
         </ActionIcon>
       )}
     </Group>
   );
 };
+
+export const SourceLink: React.FC<Props> = ({
+  data,
+  relation,
+  renderTooltip = defaultRenderSourceTooltip,
+}) => {
+  if (!data.url) {
+    return null;
+  }
+  return (
+    <Tooltip
+      key={data._id}
+      label={renderTooltip(data, relation)}
+      position="left"
+      withArrow
+      withinPortal
+      multiline
+    >
+      <ActionIcon
+        variant="subtle"
+        size="sm"
+        component="a"
+        href={data.url}
+        target="_blank"
+      >
+        <LinkIcon />
+      </ActionIcon>
+    </Tooltip>
+  );
+};

package/src/avatars/index.ts

@@ -8,5 +8,5 @@ export { EmptyAvatar } from './EmptyAvatar';
 export { EventAvatar } from './EventAvatar';
 export { OrganizationAvatar } from './OrganizationAvatar';
 export { PersonAvatar } from './PersonAvatar';
-export { SourceAvatar, SourceAvatarRow } from './SourceAvatar';
+export { SourceAvatar, SourceAvatarRow, SourceLink } from './SourceAvatar';
 export { WebsiteAvatar } from './WebsiteAvatar';

package/src/avatars/layouts/AvatarSpan.tsx

@@ -3,9 +3,14 @@ import { Avatar } from '@mantine/core';
 import { EmptyAvatar } from '../EmptyAvatar';
 
 interface Props {
+  showEmptyAvatar?: boolean;
   children: React.ReactNode[];
 }
 
-export const AvatarSpan: React.FC<Props> = ({ children }) => {
-  return <Avatar.Group>{children.length === 0 ? <EmptyAvatar /> : children}</Avatar.Group>;
+export const AvatarSpan: React.FC<Props> = ({ showEmptyAvatar = true, children }) => {
+  return (
+    <Avatar.Group>
+      {children.length === 0 && showEmptyAvatar ? <EmptyAvatar /> : children}
+    </Avatar.Group>
+  );
 };

package/src/cards/MonittoringSourceCard.tsx

@@ -1,7 +1,7 @@
+import React from "react";
 import { Group, Paper, RingProgress, Stack, Text, Title, ScrollArea } from "@mantine/core";
 import { type MonitoringSource } from "omni-monitoring-client";
 import { useTranslation } from "react-i18next";
-import React from "react";
 
 interface Props {
   monitoringSource: MonitoringSource;