@odigos/ui-kit 0.0.33 → 0.0.35

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.
Files changed (59) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/eslint.config.mjs +17 -0
  3. package/lib/components/data-card/index.d.ts +2 -1
  4. package/lib/components/dropdown/index.d.ts +1 -0
  5. package/lib/components/input/index.d.ts +1 -1
  6. package/lib/components/input-table/index.d.ts +3 -11
  7. package/lib/components/input-table/map-columns-to-fields/index.d.ts +15 -0
  8. package/lib/components/input-table/types.d.ts +15 -0
  9. package/lib/components.js +9 -10
  10. package/lib/constants/strings/index.d.ts +6 -0
  11. package/lib/constants.js +1 -2
  12. package/lib/containers/action-form/custom-fields/add-cluster-info.d.ts +1 -1
  13. package/lib/containers/action-form/custom-fields/delete-attributes.d.ts +1 -1
  14. package/lib/containers/action-form/custom-fields/error-sampler.d.ts +1 -1
  15. package/lib/containers/action-form/custom-fields/k8s-attributes.d.ts +1 -1
  16. package/lib/containers/action-form/custom-fields/latency-sampler.d.ts +1 -1
  17. package/lib/containers/action-form/custom-fields/pii-masking.d.ts +1 -1
  18. package/lib/containers/action-form/custom-fields/probabilistic-sampler.d.ts +1 -1
  19. package/lib/containers/action-form/custom-fields/rename-attributes.d.ts +1 -1
  20. package/lib/containers/action-form/custom-fields/service-name-sampler.d.ts +5 -0
  21. package/lib/containers/action-form/custom-fields/span-attribute-sampler.d.ts +5 -0
  22. package/lib/containers/data-flow/helpers/build-action-nodes.d.ts +7 -1
  23. package/lib/containers/data-flow/helpers/build-destination-nodes.d.ts +7 -1
  24. package/lib/containers/data-flow/helpers/build-rule-nodes.d.ts +7 -1
  25. package/lib/containers/destination-modal/choose-destination/destinations-list/index.d.ts +1 -1
  26. package/lib/containers/destination-modal/choose-destination/index.d.ts +2 -2
  27. package/lib/containers/instrumentation-rule-drawer/build-card.d.ts +1 -1
  28. package/lib/containers.js +515 -201
  29. package/lib/functions/get-action-icon/index.d.ts +2 -2
  30. package/lib/functions/index.d.ts +1 -0
  31. package/lib/functions/numbers-only/index.d.ts +1 -0
  32. package/lib/functions.js +6 -7
  33. package/lib/hooks/index.d.ts +1 -0
  34. package/lib/hooks/useSessionStorage.d.ts +5 -0
  35. package/lib/hooks.js +4 -5
  36. package/lib/icons.js +7 -7
  37. package/lib/{index-1N9wymEq.js → index-9R2N835W.js} +1 -1
  38. package/lib/{index-f8FRaVkE.js → index-BDqd3uNm.js} +1 -1
  39. package/lib/{index-Do3CYz7N.js → index-BVj4fOL3.js} +1 -1
  40. package/lib/{index-CnZlllYu.js → index-BlZKWuxe.js} +7 -1
  41. package/lib/{index-B_Gl6Qa6.js → index-CCX1HLUr.js} +9 -3
  42. package/lib/{index-CNfdJ1X8.js → index-CEWs8CTN.js} +1 -1
  43. package/lib/{index-CVH8Q8Sl.js → index-CKOBXat_.js} +360 -237
  44. package/lib/{index-CaAOgaiC.js → index-CyG_tD3y.js} +2 -2
  45. package/lib/{index-BjVl4-os.js → index-DmCjUtBQ.js} +4 -5
  46. package/lib/{index-BQQZyvRz.js → index-DqaI44fJ.js} +1 -1
  47. package/lib/{index-BedCNcwV.js → index-THrvNIPj.js} +112 -64
  48. package/lib/{index-Iq7U_fzb.js → index-dLZvpGw3.js} +5 -12
  49. package/lib/mock-data/sources/index.d.ts +2 -0
  50. package/lib/snippets.js +8 -9
  51. package/lib/store.js +1 -1
  52. package/lib/theme.js +1 -1
  53. package/lib/types/actions/index.d.ts +137 -41
  54. package/lib/types/common/index.d.ts +10 -16
  55. package/lib/types.js +85 -20
  56. package/lib/{useSourceSelectionFormData-DiwzViqL.js → useSourceSelectionFormData-DqSNROtZ.js} +73 -37
  57. package/lib/{useTransition-B0eagOib.js → useTransition-D9f1CP9n.js} +1 -1
  58. package/package.json +20 -23
  59. package/lib/index-mOgS3e5E.js +0 -101
@@ -1,2 +1,2 @@
1
- import { ActionType, type SVG } from '@/types';
2
- export declare const getActionIcon: (type: ActionType | "sampler" | "attributes") => SVG;
1
+ import { ActionCategory, ActionType, type SVG } from '@/types';
2
+ export declare const getActionIcon: (type: ActionType | ActionCategory) => SVG;
@@ -36,6 +36,7 @@ export * from './is-time-elapsed';
36
36
  export * from './map-conditions';
37
37
  export * from './map-destination-fields-for-display';
38
38
  export * from './map-exported-signals';
39
+ export * from './numbers-only';
39
40
  export * from './parse-json-string-to-pretty-string';
40
41
  export * from './remove-empty-values-from-object';
41
42
  export * from './safe-json-parse';
@@ -0,0 +1 @@
1
+ export declare const numbersOnly: (value: string) => string;
package/lib/functions.js CHANGED
@@ -1,14 +1,13 @@
1
- export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-B_Gl6Qa6.js';
2
- 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 mapExportedSignals, x as sleep } from './index-Iq7U_fzb.js';
3
- export { k as getActionIcon, l as getEntityId, m as getInstrumentationRuleIcon } from './index-CVH8Q8Sl.js';
4
- export { g as getIdFromSseTarget, i as isLegalK8sLabel } from './index-CnZlllYu.js';
1
+ 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-CCX1HLUr.js';
2
+ 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-dLZvpGw3.js';
3
+ export { l as getActionIcon, m as getEntityId, n as getInstrumentationRuleIcon } from './index-CKOBXat_.js';
4
+ export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
5
5
  import { EntityTypes } from './types.js';
6
6
  export { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
7
7
  import 'react';
8
8
  import 'styled-components';
9
- import './index-Do3CYz7N.js';
10
- import './index-mOgS3e5E.js';
11
- import './index-1N9wymEq.js';
9
+ import './index-BVj4fOL3.js';
10
+ import './index-9R2N835W.js';
12
11
 
13
12
  const cleanObjectEmptyStringsValues = (obj) => {
14
13
  const cleanArray = (arr) => arr.filter((item) => {
@@ -9,6 +9,7 @@ export * from './useGenericForm';
9
9
  export * from './useInstrumentationRuleFormData';
10
10
  export * from './useKeyDown';
11
11
  export * from './useOnClickOutside';
12
+ export * from './useSessionStorage';
12
13
  export * from './useSourceFormData';
13
14
  export * from './useSourceSelectionFormData';
14
15
  export * from './useTimeAgo';
@@ -0,0 +1,5 @@
1
+ export declare const useSessionStorage: () => {
2
+ getItemSS: (key: string, defaultValue: any) => any;
3
+ setItemSS: (key: string, value: any) => void;
4
+ removeItemSS: (key: string) => void;
5
+ };
package/lib/hooks.js CHANGED
@@ -1,9 +1,8 @@
1
- export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-DiwzViqL.js';
2
- export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-B0eagOib.js';
1
+ export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSessionStorage, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-DqSNROtZ.js';
2
+ export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-D9f1CP9n.js';
3
3
  import './types.js';
4
- import './index-CVH8Q8Sl.js';
4
+ import './index-CKOBXat_.js';
5
5
  import 'react';
6
6
  import 'styled-components';
7
- import './index-mOgS3e5E.js';
8
7
  import './index-BV85P9UP.js';
9
- import './index-CnZlllYu.js';
8
+ import './index-BlZKWuxe.js';
package/lib/icons.js CHANGED
@@ -1,11 +1,11 @@
1
- import { T as Theme } from './index-CVH8Q8Sl.js';
2
- export { o as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, H as HeadersCollectionIcon, n as ImageErrorIcon, K as K8sLogo, p as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-CVH8Q8Sl.js';
3
- export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-Do3CYz7N.js';
4
- export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-f8FRaVkE.js';
5
- export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-CNfdJ1X8.js';
1
+ import { T as Theme } from './index-CKOBXat_.js';
2
+ export { p as AddClusterInfoIcon, C as CodeAttributesIcon, q as DeleteAttributeIcon, H as HeadersCollectionIcon, o as ImageErrorIcon, K as K8sLogo, s as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, r as SamplerIcon } from './index-CKOBXat_.js';
3
+ export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, O as OdigosLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-BVj4fOL3.js';
4
+ export { C as CrossCircledIcon, D as DataStreamsIcon, F as FilterIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, a as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-BDqd3uNm.js';
5
+ export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-CEWs8CTN.js';
6
6
  import React from 'react';
7
- export { E as EditIcon } from './index-BQQZyvRz.js';
8
- export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-1N9wymEq.js';
7
+ export { E as EditIcon } from './index-DqaI44fJ.js';
8
+ export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-9R2N835W.js';
9
9
  import './types.js';
10
10
  import 'styled-components';
11
11
 
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { T as Theme } from './index-CVH8Q8Sl.js';
2
+ import { T as Theme } from './index-CKOBXat_.js';
3
3
 
4
4
  const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
5
  const theme = Theme.useTheme();
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { T as Theme } from './index-CVH8Q8Sl.js';
2
+ import { T as Theme } from './index-CKOBXat_.js';
3
3
 
4
4
  const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
5
  const theme = Theme.useTheme();
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { T as Theme } from './index-CVH8Q8Sl.js';
2
+ import { T as Theme } from './index-CKOBXat_.js';
3
3
 
4
4
  const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
5
  const theme = Theme.useTheme();
@@ -28,4 +28,10 @@ const isLegalK8sLabel = (name) => {
28
28
  return regex.test(name);
29
29
  };
30
30
 
31
- export { getIdFromSseTarget as g, isLegalK8sLabel as i };
31
+ const mapExportedSignals = (exportedSignals) => {
32
+ if (!exportedSignals)
33
+ return [];
34
+ return Object.keys(exportedSignals).filter((signal) => exportedSignals[signal]);
35
+ };
36
+
37
+ export { getIdFromSseTarget as g, isLegalK8sLabel as i, mapExportedSignals as m };
@@ -1,8 +1,8 @@
1
1
  import { ProgrammingLanguages, SignalType, StatusType } from './types.js';
2
2
  import 'react';
3
- import { n as ImageErrorIcon } from './index-CVH8Q8Sl.js';
3
+ import { o as ImageErrorIcon } from './index-CKOBXat_.js';
4
4
  import 'styled-components';
5
- import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-Do3CYz7N.js';
5
+ import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-BVj4fOL3.js';
6
6
 
7
7
  const capitalizeFirstLetter = (string) => {
8
8
  return string.charAt(0).toUpperCase() + string.slice(1);
@@ -136,6 +136,12 @@ const mapConditions = (conditions) => {
136
136
  })) || []);
137
137
  };
138
138
 
139
+ const numbersOnly = (value) => {
140
+ // Use a regular expression to replace all non-digit characters with an empty string
141
+ const cleaned = value.replace(/[^\d]/g, '');
142
+ return cleaned;
143
+ };
144
+
139
145
  const parseJsonStringToPrettyString = (value) => {
140
146
  let str = '';
141
147
  try {
@@ -198,4 +204,4 @@ const safeJsonStringify = (obj, indent = 2) => {
198
204
  return JSON.stringify(obj || {}, null, indent);
199
205
  };
200
206
 
201
- export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, parseJsonStringToPrettyString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
207
+ export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, numbersOnly as n, parseJsonStringToPrettyString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { T as Theme } from './index-CVH8Q8Sl.js';
2
+ import { T as Theme } from './index-CKOBXat_.js';
3
3
 
4
4
  const ArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
5
  const theme = Theme.useTheme();