@omnsight/osint-entity-components 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/package.json +3 -2
- package/src/assets/icons/generated/mdi-account-tie.tsx +2 -13
- package/src/assets/icons/generated/mdi-factory.tsx +2 -13
- package/src/assets/icons/generated/mdi-tank.tsx +2 -13
- package/src/assets/icons/generated/mingcute-government-line.tsx +2 -19
- package/src/avatars/EventAvatar.tsx +4 -4
- package/src/avatars/OrganizationAvatar.tsx +4 -4
- package/src/avatars/PersonAvatar.tsx +4 -4
- package/src/avatars/SourceAvatar.tsx +4 -4
- package/src/avatars/WebsiteAvatar.tsx +4 -4
- package/src/avatars/index.ts +1 -1
- package/src/icons/Event/icons.ts +18 -18
- package/src/icons/Organization/icons.ts +7 -6
- package/src/icons/Person/icons.ts +5 -3
- package/src/icons/Source/icons.ts +6 -5
- package/src/icons/Website/icons.ts +4 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Omni OSINT Entity Components
|
|
2
2
|
|
|
3
|
-
This package contains a collection of React components for rendering OSINT entities, such as People, Organizations, Events, and more. It is designed to be used within the Omni OSINT ecosystem.
|
|
3
|
+
This [package](https://www.npmjs.com/package/@omnsight/osint-entity-components) contains a collection of React components for rendering OSINT entities, such as People, Organizations, Events, and more. It is designed to be used within the Omni OSINT ecosystem.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.2",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": ">=24.0.0"
|
|
9
9
|
},
|
|
@@ -77,6 +77,7 @@
|
|
|
77
77
|
"postcss-simple-vars": "^7.0.1",
|
|
78
78
|
"typescript": "~5.9.3",
|
|
79
79
|
"typescript-eslint": "^8.57.0",
|
|
80
|
-
"vite": "^8.0.1"
|
|
80
|
+
"vite": "^8.0.1",
|
|
81
|
+
"vite-plugin-dts": "^4.5.4"
|
|
81
82
|
}
|
|
82
83
|
}
|
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
// From: https://icon-sets.iconify.design/mdi/account-tie
|
|
2
|
-
import type { SVGProps } from
|
|
2
|
+
import type { SVGProps } from 'react';
|
|
3
3
|
export const IconMdiAccountTie = ({
|
|
4
4
|
size = 24,
|
|
5
5
|
...props
|
|
6
6
|
}: SVGProps<SVGSVGElement> & {
|
|
7
7
|
size?: number | string;
|
|
8
|
-
}) =>
|
|
9
|
-
<svg
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
fill="currentColor"
|
|
12
|
-
viewBox="0 0 24 24"
|
|
13
|
-
width={size}
|
|
14
|
-
height={size}
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
<path d="M12 3c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4m4 10.54c0 1.06-.28 3.53-2.19 6.29L13 15l.94-1.88c-.62-.07-1.27-.12-1.94-.12s-1.32.05-1.94.12L11 15l-.81 4.83C8.28 17.07 8 14.6 8 13.54c-2.39.7-4 1.96-4 3.46v4h16v-4c0-1.5-1.6-2.76-4-3.46" />
|
|
18
|
-
</svg>
|
|
19
|
-
);
|
|
8
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width={size} height={size} {...props}><path d="M12 3c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4m4 10.54c0 1.06-.28 3.53-2.19 6.29L13 15l.94-1.88c-.62-.07-1.27-.12-1.94-.12s-1.32.05-1.94.12L11 15l-.81 4.83C8.28 17.07 8 14.6 8 13.54c-2.39.7-4 1.96-4 3.46v4h16v-4c0-1.5-1.6-2.76-4-3.46" /></svg>;
|
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
// From: https://icon-sets.iconify.design/mdi/factory
|
|
2
|
-
import type { SVGProps } from
|
|
2
|
+
import type { SVGProps } from 'react';
|
|
3
3
|
export const IconMdiFactory = ({
|
|
4
4
|
size = 24,
|
|
5
5
|
...props
|
|
6
6
|
}: SVGProps<SVGSVGElement> & {
|
|
7
7
|
size?: number | string;
|
|
8
|
-
}) =>
|
|
9
|
-
<svg
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
fill="currentColor"
|
|
12
|
-
viewBox="0 0 24 24"
|
|
13
|
-
width={size}
|
|
14
|
-
height={size}
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
<path d="M4 18v2h4v-2zm0-4v2h10v-2zm6 4v2h4v-2zm6-4v2h4v-2zm0 4v2h4v-2zM2 22V8l5 4V8l5 4V8l5 4 1-10h3l1 10v10z" />
|
|
18
|
-
</svg>
|
|
19
|
-
);
|
|
8
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width={size} height={size} {...props}><path d="M4 18v2h4v-2zm0-4v2h10v-2zm6 4v2h4v-2zm6-4v2h4v-2zm0 4v2h4v-2zM2 22V8l5 4V8l5 4V8l5 4 1-10h3l1 10v10z" /></svg>;
|
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
// From: https://icon-sets.iconify.design/mdi/tank
|
|
2
|
-
import type { SVGProps } from
|
|
2
|
+
import type { SVGProps } from 'react';
|
|
3
3
|
export const IconMdiTank = ({
|
|
4
4
|
size = 24,
|
|
5
5
|
...props
|
|
6
6
|
}: SVGProps<SVGSVGElement> & {
|
|
7
7
|
size?: number | string;
|
|
8
|
-
}) =>
|
|
9
|
-
<svg
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
fill="currentColor"
|
|
12
|
-
viewBox="0 0 24 24"
|
|
13
|
-
width={size}
|
|
14
|
-
height={size}
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
<path d="M20 12H4v-1h2l1-5h5l1 5h7zm-6.78-5 .4 2H22V7zM22 16a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3 3 3 0 0 1 3-3h14a3 3 0 0 1 3 3M6 16a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1m7 0a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1m7 0a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1" />
|
|
18
|
-
</svg>
|
|
19
|
-
);
|
|
8
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width={size} height={size} {...props}><path d="M20 12H4v-1h2l1-5h5l1 5h7zm-6.78-5 .4 2H22V7zM22 16a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3 3 3 0 0 1 3-3h14a3 3 0 0 1 3 3M6 16a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1m7 0a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1m7 0a1 1 0 0 0-1-1 1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1" /></svg>;
|
|
@@ -1,25 +1,8 @@
|
|
|
1
1
|
// From: https://icon-sets.iconify.design/mingcute/government-line
|
|
2
|
-
import type { SVGProps } from
|
|
2
|
+
import type { SVGProps } from 'react';
|
|
3
3
|
export const IconMingcuteGovernmentLine = ({
|
|
4
4
|
size = 24,
|
|
5
5
|
...props
|
|
6
6
|
}: SVGProps<SVGSVGElement> & {
|
|
7
7
|
size?: number | string;
|
|
8
|
-
}) =>
|
|
9
|
-
<svg
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
fill="currentColor"
|
|
12
|
-
viewBox="0 0 24 24"
|
|
13
|
-
width={size}
|
|
14
|
-
height={size}
|
|
15
|
-
{...props}
|
|
16
|
-
>
|
|
17
|
-
<g fill="none">
|
|
18
|
-
<path d="m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z" />
|
|
19
|
-
<path
|
|
20
|
-
fill="currentColor"
|
|
21
|
-
d="M21 7a1 1 0 0 1 .117 1.993L21 9v10a1 1 0 0 1 .117 1.993L21 21H3a1 1 0 0 1-.117-1.993L3 19V9a1 1 0 0 1-.117-1.993L3 7zm-2 2H5v10h2v-7a1 1 0 1 1 2 0v7h2v-7a1 1 0 1 1 2 0v7h2v-7a1 1 0 1 1 2 0v7h2zm-1-5a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z"
|
|
22
|
-
/>
|
|
23
|
-
</g>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
8
|
+
}) => <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width={size} height={size} {...props}><g fill="none"><path d="m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z" /><path fill="currentColor" d="M21 7a1 1 0 0 1 .117 1.993L21 9v10a1 1 0 0 1 .117 1.993L21 21H3a1 1 0 0 1-.117-1.993L3 19V9a1 1 0 0 1-.117-1.993L3 7zm-2 2H5v10h2v-7a1 1 0 1 1 2 0v7h2v-7a1 1 0 1 1 2 0v7h2v-7a1 1 0 1 1 2 0v7h2zm-1-5a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z" /></g></svg>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../avatars/layouts/EntityStyles.css";
|
|
2
2
|
import { Avatar, Tooltip } from "@mantine/core";
|
|
3
3
|
import type { Event, Relation } from "omni-osint-crud-client";
|
|
4
|
-
import { RelationTooltip } from "
|
|
5
|
-
import { EventIcon } from "
|
|
6
|
-
import { EventCard } from "
|
|
4
|
+
import { RelationTooltip } from "./layouts/RelationTooltip";
|
|
5
|
+
import { EventIcon } from "../icons";
|
|
6
|
+
import { EventCard } from "../cards";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
data: Event;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../avatars/layouts/EntityStyles.css";
|
|
2
2
|
import { Avatar, Tooltip } from "@mantine/core";
|
|
3
3
|
import type { Organization, Relation } from "omni-osint-crud-client";
|
|
4
|
-
import { RelationTooltip } from "
|
|
5
|
-
import { OrganizationIcon } from "
|
|
6
|
-
import { OrganizationCard } from "
|
|
4
|
+
import { RelationTooltip } from "./layouts/RelationTooltip";
|
|
5
|
+
import { OrganizationIcon } from "../icons";
|
|
6
|
+
import { OrganizationCard } from "../cards";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
data: Organization;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../avatars/layouts/EntityStyles.css";
|
|
2
2
|
import { Avatar, Tooltip } from "@mantine/core";
|
|
3
3
|
import type { Person, Relation } from "omni-osint-crud-client";
|
|
4
|
-
import { RelationTooltip } from "
|
|
5
|
-
import { PersonIcon } from "
|
|
6
|
-
import { PersonCard } from "
|
|
4
|
+
import { RelationTooltip } from "./layouts/RelationTooltip";
|
|
5
|
+
import { PersonIcon } from "../icons";
|
|
6
|
+
import { PersonCard } from "../cards";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
data: Person;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../avatars/layouts/EntityStyles.css";
|
|
2
2
|
import { ActionIcon, Avatar, Group, Tooltip, Text } from "@mantine/core";
|
|
3
3
|
import type { Source, Relation } from "omni-osint-crud-client";
|
|
4
|
-
import { RelationTooltip } from "
|
|
5
|
-
import { SourceIcon } from "
|
|
6
|
-
import { SourceCard } from "
|
|
4
|
+
import { RelationTooltip } from "./layouts/RelationTooltip";
|
|
5
|
+
import { SourceIcon } from "../icons";
|
|
6
|
+
import { SourceCard } from "../cards";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
data: Source;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "
|
|
1
|
+
import "../avatars/layouts/EntityStyles.css";
|
|
2
2
|
import { Avatar, Tooltip } from "@mantine/core";
|
|
3
3
|
import type { Website, Relation } from "omni-osint-crud-client";
|
|
4
|
-
import { RelationTooltip } from "
|
|
5
|
-
import { WebsiteIcon } from "
|
|
6
|
-
import { WebsiteCard } from "
|
|
4
|
+
import { RelationTooltip } from "./layouts/RelationTooltip";
|
|
5
|
+
import { WebsiteIcon } from "../icons";
|
|
6
|
+
import { WebsiteCard } from "../cards";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
data: Website;
|
package/src/avatars/index.ts
CHANGED
|
@@ -8,5 +8,5 @@ export { EmptyAvatar } from './EmptyAvatar';
|
|
|
8
8
|
export { EventAvatar } from './EventAvatar';
|
|
9
9
|
export { OrganizationAvatar } from './OrganizationAvatar';
|
|
10
10
|
export { PersonAvatar } from './PersonAvatar';
|
|
11
|
-
export { SourceAvatar } from './SourceAvatar';
|
|
11
|
+
export { SourceAvatar, SourceAvatarRow } from './SourceAvatar';
|
|
12
12
|
export { WebsiteAvatar } from './WebsiteAvatar';
|
package/src/icons/Event/icons.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { IconRiExchangeBoxFill } from '
|
|
17
|
-
import { IconMingcutePhoneCallFill } from '
|
|
18
|
-
import { IconBoxiconsAnnouncement } from '
|
|
1
|
+
import { IconRiSpyFill } from '../../assets/icons/generated/ri-spy-fill';
|
|
2
|
+
import { IconFluentEmojiHighContrastMilitaryHelmet } from '../../assets/icons/generated/fluent-emoji-high-contrast-military-helmet';
|
|
3
|
+
import { IconMdiTank } from '../../assets/icons/generated/mdi-tank';
|
|
4
|
+
import { IconFaSolidShip } from '../../assets/icons/generated/fa-solid-ship';
|
|
5
|
+
import { IconMdiAirplane } from '../../assets/icons/generated/mdi-airplane';
|
|
6
|
+
import { IconGameIconsMissileLauncher } from '../../assets/icons/generated/game-icons-missile-launcher';
|
|
7
|
+
import { IconGameIconsBombingRun } from '../../assets/icons/generated/game-icons-bombing-run';
|
|
8
|
+
import { IconGameIconsPistolGun } from '../../assets/icons/generated/game-icons-pistol-gun';
|
|
9
|
+
import { IconMdiHandcuffs } from '../../assets/icons/generated/mdi-handcuffs';
|
|
10
|
+
import { IconIonTrainSharp } from '../../assets/icons/generated/ion-train-sharp';
|
|
11
|
+
import { IconFlowbiteTruckSolid } from '../../assets/icons/generated/flowbite-truck-solid';
|
|
12
|
+
import { IconEmojioneMonotoneShip } from '../../assets/icons/generated/emojione-monotone-ship';
|
|
13
|
+
import { IconFluentEmojiHighContrastBrokenChain } from '../../assets/icons/generated/fluent-emoji-high-contrast-broken-chain';
|
|
14
|
+
import { IconHugeiconsTradeUp } from '../../assets/icons/generated/hugeicons-trade-up';
|
|
15
|
+
import { IconIcSharpOilBarrel } from '../../assets/icons/generated/ic-sharp-oil-barrel';
|
|
16
|
+
import { IconRiExchangeBoxFill } from '../../assets/icons/generated/ri-exchange-box-fill';
|
|
17
|
+
import { IconMingcutePhoneCallFill } from '../../assets/icons/generated/mingcute-phone-call-fill';
|
|
18
|
+
import { IconBoxiconsAnnouncement } from '../../assets/icons/generated/boxicons-announcement';
|
|
19
19
|
|
|
20
20
|
interface IconOption {
|
|
21
21
|
value: string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { IconStreamlineFlexDeepfakeTechnology1Solid } from '../../assets/icons/generated/streamline-flex-deepfake-technology-1-solid';
|
|
2
|
+
import { IconPixelTechnology } from '../../assets/icons/generated/pixel-technology';
|
|
3
|
+
import { IconRiSeedlingLine } from '../../assets/icons/generated/ri-seedling-line';
|
|
4
|
+
import { IconMdiFactory } from '../../assets/icons/generated/mdi-factory';
|
|
5
|
+
import { IconCodiconOrganization } from '../../assets/icons/generated/codicon-organization';
|
|
6
|
+
import { IconMingcuteGovernmentLine } from '../../assets/icons/generated/mingcute-government-line';
|
|
7
|
+
|
|
7
8
|
|
|
8
9
|
import { BuildingOfficeIcon } from '@heroicons/react/24/solid';
|
|
9
10
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { IconMdiAccountSchool } from '
|
|
2
|
-
import { IconMdiAccountTieHat } from '
|
|
3
|
-
import { IconMdiAccountTie } from '
|
|
1
|
+
import { IconMdiAccountSchool } from '../../assets/icons/generated/mdi-account-school';
|
|
2
|
+
import { IconMdiAccountTieHat } from '../../assets/icons/generated/mdi-account-tie-hat';
|
|
3
|
+
import { IconMdiAccountTie } from '../../assets/icons/generated/mdi-account-tie';
|
|
4
|
+
|
|
5
|
+
|
|
4
6
|
interface IconOption {
|
|
5
7
|
value: string;
|
|
6
8
|
label: string;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import { IconBasilDocumentSolid } from '../../assets/icons/generated/basil-document-solid';
|
|
2
|
+
import { IconBoxiconsBook } from '../../assets/icons/generated/boxicons-book';
|
|
3
|
+
import { IconUitSocialMediaLogo } from '../../assets/icons/generated/uit-social-media-logo';
|
|
4
|
+
import { IconGgWebsite } from '../../assets/icons/generated/gg-website';
|
|
5
|
+
import { IconStreamlineCyberNewspaper2 } from '../../assets/icons/generated/streamline-cyber-newspaper-2';
|
|
6
|
+
|
|
6
7
|
|
|
7
8
|
interface IconOption {
|
|
8
9
|
value: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { IconMdiForum } from '
|
|
2
|
-
import { IconStreamlineCyberNewspaper2 } from '
|
|
3
|
-
import { IconMingcuteGovernmentLine } from '
|
|
1
|
+
import { IconMdiForum } from '../../assets/icons/generated/mdi-forum';
|
|
2
|
+
import { IconStreamlineCyberNewspaper2 } from '../../assets/icons/generated/streamline-cyber-newspaper-2';
|
|
3
|
+
import { IconMingcuteGovernmentLine } from '../../assets/icons/generated/mingcute-government-line';
|
|
4
|
+
|
|
4
5
|
|
|
5
6
|
import { BuildingOfficeIcon } from '@heroicons/react/24/solid';
|
|
6
7
|
|