@odigos/ui-kit 0.0.36 → 0.0.37

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.0.37](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.36...ui-kit-v0.0.37) (2025-06-08)
+
+
+### Features
+
+* add 2 Splunk dest types ([#161](https://github.com/odigos-io/ui-kit/issues/161)) ([a634f14](https://github.com/odigos-io/ui-kit/commit/a634f143b99e479b4e956324157e5d540209fb53))
+
+
+### Bug Fixes
+
+* test connection ([#162](https://github.com/odigos-io/ui-kit/issues/162)) ([d62a3d5](https://github.com/odigos-io/ui-kit/commit/d62a3d506bd9f36175ceba982221ac9e2b44d6f9))
+
 ## [0.0.36](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.35...ui-kit-v0.0.36) (2025-06-05)
 
 

package/lib/containers/destination-form/test-connection/index.d.ts

@@ -2,7 +2,6 @@ import { type FC } from 'react';
 import { DestinationFormData, StatusType, TestConnectionFunc, TestConnectionResponse } from '@/types';
 interface TestConnectionProps {
     destination: DestinationFormData;
-    disabled: boolean;
     validateForm: () => boolean;
     status?: StatusType;
     testConnection: TestConnectionFunc;

package/lib/containers.js

@@ -12,7 +12,7 @@ import { E as EditIcon } from './index-t3OxxFsp.js';
 import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-D8AnbGCE.js';
 import { D as DeleteWarning, C as CancelWarning } from './index-CNbTSsNJ.js';
 import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-BbEmZ4Wj.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-CrethNg6.js';
+import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index--2v2LKeo.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { N as NoteBackToSummary, E as EditButton } from './index-oEjS7cX3.js';
@@ -14475,13 +14475,17 @@ const ActionButton = styled(Button) `
           background-color: transparent;
         `}
 `;
-const TestConnection = ({ destination, disabled, validateForm, status, testConnection, onSuccess, onError }) => {
+const TestConnection = ({ destination, validateForm, status, testConnection, onSuccess, onError }) => {
     const theme = Theme.useTheme();
+    const { selectedStreamName } = useDataStreamStore();
     const [loading, setLoading] = useState(false);
     const onClick = async () => {
         if (validateForm()) {
             setLoading(true);
-            const testResult = await testConnection(destination);
+            const testResult = await testConnection({
+                ...destination,
+                currentStreamName: selectedStreamName,
+            });
             // 1st if - check if we got a response (if undefined, then Apollo Client caught an error)
             if (testResult) {
                 // 2nd if - check if the test was successful or not
@@ -14496,7 +14500,7 @@ const TestConnection = ({ destination, disabled, validateForm, status, testConne
         }
     };
     const Icon = !!status ? getStatusIcon(status, theme) : undefined;
-    return (React.createElement(ActionButton, { "$status": status, variant: 'secondary', disabled: disabled, onClick: onClick },
+    return (React.createElement(ActionButton, { "$status": status, variant: 'secondary', onClick: onClick },
         loading ? React.createElement(FadeLoader, null) : Icon ? React.createElement(Icon, null) : null,
         React.createElement(Text, { family: 'secondary', decoration: 'underline', size: 14, color: !!status ? theme.text[status] : undefined }, loading ? 'Checking' : status === StatusType.Success ? 'Connection OK' : status === 'error' ? 'Connection Failed' : 'Test Connection')));
 };
@@ -14591,7 +14595,7 @@ const DestinationForm = ({ isUpdate, categoryItem, formData, formErrors, validat
     };
     return (React.createElement(Container$a, { "$gap": 24 },
         React.createElement(Container$a, { "$gap": 12 },
-            React.createElement(SectionTitle, { title: isUpdate ? 'Update destination' : 'Create destination', description: `Connect ${displayName} with Odigos.`, actionButton: testConnectionSupported && (React.createElement(TestConnection, { destination: formData, disabled: !isFormDirty && !autoFilled, validateForm: validateForm, status: connection?.type, testConnection: testConnection, onError: onTestConnectionError, onSuccess: onTestConnectionSuccess })) }),
+            React.createElement(SectionTitle, { title: isUpdate ? 'Update destination' : 'Create destination', description: `Connect ${displayName} with Odigos.`, actionButton: testConnectionSupported && (React.createElement(TestConnection, { destination: formData, validateForm: validateForm, status: connection?.type, testConnection: testConnection, onError: onTestConnectionError, onSuccess: onTestConnectionSuccess })) }),
             React.createElement(NotesWrapper, null,
                 testConnectionSupported && connection && React.createElement(NotificationNote, { type: connection.type, title: connection.title, message: connection.message }),
                 autoFilled && !connection && !isUpdate && React.createElement(NotificationNote, { type: StatusType.Default, message: `Odigos autocompleted ${displayName} destination details.` })),

package/lib/functions.js

@@ -1,5 +1,5 @@
 export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, n as numbersOnly, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-BbEmZ4Wj.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-CrethNg6.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index--2v2LKeo.js';
 export { l as getActionIcon, m as getEntityId, n as getInstrumentationRuleIcon } from './index-aRNtyuuU.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';

package/lib/{index-CrethNg6.js → index--2v2LKeo.js}

@@ -177,6 +177,8 @@ const getDestinationIcon = (type, forceFromUrl) => {
         [DestinationTypes.Seq]: SeqLogo,
         [DestinationTypes.Signoz]: SignozLogo,
         [DestinationTypes.Splunk]: SplunkLogo,
+        [DestinationTypes.SplunkSapm]: SplunkLogo,
+        [DestinationTypes.SplunkOtlp]: SplunkLogo,
         [DestinationTypes.SumoLogic]: SumoLogicLogo,
         [DestinationTypes.TelemetryHub]: TelemetryHubLogo,
         [DestinationTypes.Tempo]: TempoLogo,

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

@@ -55,6 +55,8 @@ export declare enum DestinationTypes {
     Seq = "seq",
     Signoz = "signoz",
     Splunk = "splunk",
+    SplunkSapm = "splunksapm",
+    SplunkOtlp = "splunkotlp",
     SumoLogic = "sumologic",
     TelemetryHub = "telemetryhub",
     Tempo = "tempo",

package/lib/types.js

@@ -251,6 +251,8 @@ var DestinationTypes;
     DestinationTypes["Seq"] = "seq";
     DestinationTypes["Signoz"] = "signoz";
     DestinationTypes["Splunk"] = "splunk";
+    DestinationTypes["SplunkSapm"] = "splunksapm";
+    DestinationTypes["SplunkOtlp"] = "splunkotlp";
     DestinationTypes["SumoLogic"] = "sumologic";
     DestinationTypes["TelemetryHub"] = "telemetryhub";
     DestinationTypes["Tempo"] = "tempo";

package/package.json

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