@odigos/ui-kit 0.0.93 → 0.0.94

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.0.94](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.93...ui-kit-v0.0.94) (2025-08-25)
+
+
+### Features
+
+* **destinations:** add Odigos destination type and logo, update mock data ([#352](https://github.com/odigos-io/ui-kit/issues/352)) ([3167dd1](https://github.com/odigos-io/ui-kit/commit/3167dd1b6220cc3caaaad9bd7f7be71434722d4e))
+
 ## [0.0.93](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.92...ui-kit-v0.0.93) (2025-08-25)
 
 

package/lib/containers.js

@@ -11,7 +11,7 @@ import { u as useKeyDown, a as useContainerSize, b as useClickNode, c as usePopu
 import { E as EditIcon, T as TrashIcon, S as SearchIcon, h as CheckIcon, P as PlusIcon, a as CopyIcon } from './index-1bc2b507.js';
 import { D as DeleteWarning, C as CancelWarning } from './index-9a7beddb.js';
 import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, h as splitCamelString, c as capitalizeFirstLetter, i as isStringABoolean, p as parseBooleanFromString } from './index-d92ef50b.js';
-import { f as filterActions, l as getEntityLabel, k as getEntityIcon, u as sleep, e as formatBytes, i as getContainersIcons, o as getValueForRange, j as getDestinationIcon, d as filterSourcesByStream, c as filterSources, b as filterDestinationsByStream, a as filterDestinations, t as mapDestinationFieldsForDisplay, q as getYamlFieldsForDestination, m as getMetricForEntity, p as getWorkloadId, r as hasUnhealthyInstances, h as getContainersInstrumentedCount, s as isOverTime, n as getRecursiveValues, g as formatDuration } from './index-9e75254d.js';
+import { f as filterActions, l as getEntityLabel, k as getEntityIcon, u as sleep, e as formatBytes, i as getContainersIcons, o as getValueForRange, j as getDestinationIcon, d as filterSourcesByStream, c as filterSources, b as filterDestinationsByStream, a as filterDestinations, t as mapDestinationFieldsForDisplay, q as getYamlFieldsForDestination, m as getMetricForEntity, p as getWorkloadId, r as hasUnhealthyInstances, h as getContainersInstrumentedCount, s as isOverTime, n as getRecursiveValues, g as formatDuration } from './index-bf427e64.js';
 import { m as mapExportedSignals } from './index-6a6bea6e.js';
 import { NoteBackToSummary, EditButton } from './snippets.js';
 import { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';

package/lib/functions.js

@@ -2,7 +2,7 @@ export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsB
 import { K as K8sLogo } from './index-40dfa720.js';
 export { c as compareCondition, g as getActionIcon, d as getEntityId, e as getInstrumentationRuleIcon, f as getProgrammingLanguageIcon } from './index-40dfa720.js';
 export { d as deepClone, i as isEmpty, s as safeJsonParse } from './index-5e5f7bda.js';
-export { f as filterActions, a as filterDestinations, b as filterDestinationsByStream, c as filterSources, d as filterSourcesByStream, e as formatBytes, g as formatDuration, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getRecursiveValues, o as getValueForRange, p as getWorkloadId, q as getYamlFieldsForDestination, r as hasUnhealthyInstances, s as isOverTime, t as mapDestinationFieldsForDisplay, u as sleep } from './index-9e75254d.js';
+export { f as filterActions, a as filterDestinations, b as filterDestinationsByStream, c as filterSources, d as filterSourcesByStream, e as formatBytes, g as formatDuration, i as getContainersIcons, h as getContainersInstrumentedCount, j as getDestinationIcon, k as getEntityIcon, l as getEntityLabel, m as getMetricForEntity, n as getRecursiveValues, o as getValueForRange, p as getWorkloadId, q as getYamlFieldsForDestination, r as hasUnhealthyInstances, s as isOverTime, t as mapDestinationFieldsForDisplay, u as sleep } from './index-bf427e64.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-6a6bea6e.js';
 import { ProgrammingLanguages, PlatformType, EntityTypes } from './types.js';
 import 'react';

package/lib/icons/destinations/index.d.ts

@@ -38,6 +38,7 @@ export * from './lumigo-logo';
 export * from './middleware-logo';
 export * from './new-relic-logo';
 export * from './observe-logo';
+export * from './odigos-destination-logo';
 export * from './one-uptime-logo';
 export * from './open-observe-logo';
 export * from './open-telemetry-logo';

package/lib/icons/destinations/odigos-destination-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const OdigosDestinationLogo: SVG;

package/lib/icons.js

@@ -91,6 +91,29 @@ const GoogleCloudStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
             React.createElement("use", { xlinkHref: '#gcs-1', y: '36' }))));
 };
 
+const OdigosDestinationLogo = ({ size = 16, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '14 14 227 227', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("rect", { fill: 'none', width: '255.71', height: '255.71' }),
+            React.createElement("g", null,
+                React.createElement("rect", { fill: '#121212', x: '18.46', y: '18.46', width: '218.79', height: '218.79', rx: '36.65', ry: '36.65' }),
+                React.createElement("g", null,
+                    React.createElement("path", { fill: '#FFF', d: 'M101.85,120.59l-21.59,21.59c-.56.56-1.31.82-2.04.79-.77-.03-1.52-.38-2.03-1.05-3.49-4.53-6.31-9.41-8.44-14.51-.35-.84-.43-1.75-.26-2.61s.6-1.67,1.24-2.32l16.87-16.87c.88-.88,1.32-2.03,1.32-3.19s-.44-2.32-1.32-3.2l-16.99-16.99c-.89-.89-1.35-2.08-1.33-3.29.01-.55.12-1.09.34-1.62,2.12-5.12,4.91-10.03,8.39-14.58.5-.65,1.23-1.01,1.98-1.05s1.52.21,2.1.79l21.77,21.77c.71.71,1.06,1.63,1.06,2.56s-.35,1.85-1.06,2.56l-9.86,9.86c-.88.88-1.32,2.04-1.32,3.2s.44,2.31,1.32,3.2l9.86,9.86c.71.71,1.06,1.63,1.06,2.56s-.35,1.85-1.06,2.56Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M167.79,54.65l-22.7,22.7c-.49.49-1.07.88-1.7,1.15-.67.29-1.4.44-2.14.44h-26.62c-.72,0-1.42-.14-2.08-.41s-1.25-.67-1.76-1.18l-22.81-22.81c-.58-.58-.84-1.35-.79-2.1s.4-1.48,1.05-1.98c4.54-3.48,9.44-6.29,14.55-8.41.78-.33,1.62-.41,2.42-.28.93.15,1.8.58,2.49,1.27l17.03,17.03c.85.85,1.96,1.29,3.07,1.32,1.2.03,2.41-.41,3.32-1.32l16.96-16.96c.65-.65,1.46-1.07,2.32-1.24s1.77-.1,2.61.26c5.1,2.14,9.98,4.95,14.51,8.44,1.29,1,1.41,2.91.25,4.07Z' }),
+                    React.createElement("circle", { fill: '#FFF', cx: '127.82', cy: '102.43', r: '14.21' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M87.99,150.01l22.7-22.7c.44-.44.95-.8,1.51-1.06.72-.34,1.51-.52,2.33-.52h26.62c.72,0,1.42.14,2.08.41s1.25.67,1.76,1.18l22.81,22.81c.52.52.78,1.19.8,1.87.02.83-.34,1.66-1.05,2.2-4.54,3.48-9.44,6.29-14.55,8.41-.84.35-1.75.43-2.61.25s-1.67-.6-2.31-1.24l-17.03-17.03c-.88-.88-2.04-1.32-3.2-1.32s-2.31.44-3.2,1.32l-16.96,16.96c-.59.59-1.33,1-2.11,1.2-.92.23-1.91.17-2.82-.21-5.1-2.14-9.98-4.95-14.51-8.44-.65-.5-1-1.23-1.04-1.98s.21-1.52.79-2.09Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M153.86,84.07l21.59-21.59c.58-.58,1.35-.84,2.09-.79s1.48.4,1.98,1.04c3.49,4.53,6.31,9.41,8.44,14.51.18.42.28.86.33,1.3.13,1.32-.34,2.66-1.31,3.63l-16.87,16.87c-.88.88-1.32,2.04-1.32,3.2s.44,2.31,1.32,3.2l16.99,16.99c.64.64,1.07,1.45,1.24,2.31s.1,1.76-.25,2.6c-2.12,5.12-4.91,10.03-8.39,14.58-.44.58-1.07.92-1.73,1.03-.83.13-1.71-.12-2.35-.76l-21.77-21.77c-.71-.71-1.06-1.63-1.06-2.56s.35-1.85,1.06-2.56l9.86-9.86c.86-.86,1.3-1.98,1.32-3.1.02-1.19-.42-2.38-1.32-3.29l-9.86-9.86c-.71-.71-1.06-1.63-1.06-2.56s.35-1.85,1.06-2.56Z' })),
+                React.createElement("g", null,
+                    React.createElement("path", { fill: '#FFF', d: 'M174.81,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-15.21c0-.57-.46-1.03-1.03-1.03ZM170.51,203.86c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }),
+                    React.createElement("g", null,
+                        React.createElement("rect", { fill: '#FFF', x: '110.08', y: '182.76', width: '5.35', height: '27.46', rx: '1.03', ry: '1.03' }),
+                        React.createElement("rect", { fill: '#FFF', x: '110.08', y: '172.08', width: '5.35', height: '5.35', rx: '1.03', ry: '1.03' })),
+                    React.createElement("path", { fill: '#FFF', d: 'M201.75,193.68h3.26c.57,0,1.03-.46,1.03-1.03v-3.49c0-.59-.48-1.07-1.07-1.07h-3.15c-.61,0-1.1-.49-1.1-1.1v-3.15c0-.59-.48-1.07-1.07-1.07h-15.28c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v3.05c0,.51.3.98.76,1.19l20.85,9.59c.37.17.6.53.6.94v.47c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-3.67c0-.57-.46-1.03-1.03-1.03h-3.26c-.57,0-1.03.46-1.03,1.03v3.67c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.22c0,.59.48,1.07,1.07,1.07h15.25c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-1v-3.06c0-.51-.3-.98-.76-1.19l-20.85-9.59c-.37-.17-.6-.53-.6-.94v-.44c0-.57.46-1.03,1.03-1.03h14.76c.61,0,1.1.49,1.1,1.1v3.47c0,.57.46,1.03,1.03,1.03Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M107.42,173.12c0-.57-.46-1.03-1.03-1.03h-3.29c-.57,0-1.03.46-1.03,1.03v10.66c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-5.09c.02-.07.03-.15.03-.23v-25.87ZM102.07,203.84c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M144.61,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.2,0,.39-.04.56-.12v1.73c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03.46-1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-23.18c0-.57-.46-1.03-1.03-1.03ZM140.31,200.98v2.88c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v11.87h0Z' }),
+                    React.createElement("path", { fill: '#FFF', d: 'M76.18,188.08h-3.26c-.57,0-1.03-.46-1.03-1.03v-3.26c0-.57-.46-1.03-1.03-1.03h-15.32c-.37,0-.73.15-.99.41l-4.46,4.46c-.26.26-.41.62-.41.99v15.24c0,.57.46,1.03,1.03,1.03h3.26c.57,0,1.03.46,1.03,1.03v3.26c0,.57.46,1.03,1.03,1.03h15.3c.37,0,.73-.15.99-.41l4.48-4.48c.26-.26.41-.62.41-.99v-15.21c0-.57-.46-1.03-1.03-1.03ZM71.88,203.86c0,.57-.46,1.03-1.03,1.03h-14.83c-.57,0-1.03-.46-1.03-1.03v-14.75c0-.57.46-1.03,1.03-1.03h14.83c.57,0,1.03.46,1.03,1.03v14.75Z' }))))));
+};
+
 const SentryLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -168,4 +191,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth =
         React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
 };
 
-export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };
+export { AvatarIcon, CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, FolderIcon, GoogleCloudStorageLogo, LightOffIcon, LightOnIcon, MinusCircledIcon, MoonIcon, OdigosDestinationLogo, PlusCircledIcon, RefreshArrowsIcon, RefreshRightArrowIcon, RotateArrowsIcon, SentryLogo, ServiceMapIcon, SunIcon, TraceViewIcon, UserGroupIcon, UserSettingsIcon };

package/lib/{index-9e75254d.js → index-bf427e64.js}

@@ -2,6 +2,7 @@ import { StatusType, DestinationTypes, EntityTypes } from './types.js';
 import { a as DEFAULT_DATA_STREAM_NAME, f as getProgrammingLanguageIcon, h as KafkaLogo } from './index-40dfa720.js';
 import 'react';
 import 'styled-components';
+import { O as OdigosLogo } from './index-eff01b3d.js';
 import { A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AxiomLogo, B as BlobStorageLogo, d as BetterStackLogo, e as BonreeLogo, C as CauselyLogo, f as ChecklyLogo, g as ChronosphereLogo, h as ClickhouseLogo, i as AwsCloudwatchLogo, j as CoralogixLogo, D as Dash0Logo, k as DatadogLogo, O as OpenTelemetryLogo, l as DynatraceLogo, E as ElasticApmLogo, m as ElasticSearchLogo, G as GoogleCloudPlatformLogo, n as GrafanaLogo, o as GreptimeLogo, p as GroundcoverLogo, H as HoneycombLogo, q as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, r as LightstepLogo, s as LogzioLogo, t as LokiLogo, u as LumigoLogo, M as MiddlewareLogo, N as NewRelicLogo, v as ObserveLogo, w as OneUptimeLogo, x as OpenObserveLogo, y as OpsVerseLogo, z as OracleLogo, P as PrometheusLogo, Q as QrynLogo, F as GigapipeLogo, R as QuickwitLogo, S as AwsS3Logo, T as SeqLogo, U as SignozLogo, V as SplunkLogo, W as SumoLogicLogo, X as TelemetryHubLogo, Y as TempoLogo, Z as TingyunLogo, _ as TraceloopLogo, $ as UptraceLogo, a0 as VictoriaMetricsLogo, a1 as AwsXrayLogo, a2 as NamespacesIcon, a3 as SourcesIcon, a4 as DestinationsIcon, a5 as ActionsIcon, a6 as RulesIcon } from './index-b0883db6.js';
 import { s as safeJsonParse } from './index-5e5f7bda.js';
 
@@ -160,6 +161,7 @@ const getDestinationIcon = (type, forceFromUrl) => {
         [DestinationTypes.Middleware]: MiddlewareLogo,
         [DestinationTypes.NewRelic]: NewRelicLogo,
         [DestinationTypes.Observe]: ObserveLogo,
+        [DestinationTypes.Odigos]: OdigosLogo,
         [DestinationTypes.OneUptime]: OneUptimeLogo,
         [DestinationTypes.OpenObserve]: OpenObserveLogo,
         [DestinationTypes.Opsverse]: OpsVerseLogo,

package/lib/types/destinations/index.d.ts

@@ -40,6 +40,7 @@ export declare enum DestinationTypes {
     Middleware = "middleware",
     NewRelic = "newrelic",
     Observe = "observe",
+    Odigos = "odigos",
     OneUptime = "oneuptime",
     OpenObserve = "openobserve",
     Opsverse = "opsverse",

package/lib/types.js

@@ -287,6 +287,7 @@ var DestinationTypes;
     DestinationTypes["Middleware"] = "middleware";
     DestinationTypes["NewRelic"] = "newrelic";
     DestinationTypes["Observe"] = "observe";
+    DestinationTypes["Odigos"] = "odigos";
     DestinationTypes["OneUptime"] = "oneuptime";
     DestinationTypes["OpenObserve"] = "openobserve";
     DestinationTypes["Opsverse"] = "opsverse";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.93",
+  "version": "0.0.94",
   "author": "Odigos",
   "repository": {
     "type": "git",