@odigos/ui-kit 0.0.236 → 0.0.238

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 (152) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/chunks/index-CCaTS6aq.js +145 -0
  3. package/lib/chunks/{index-CmhFl_vY.js → index-ChkHWnzu.js} +4 -4
  4. package/lib/chunks/{index-zIhroDGj.js → index-D6SlbWIi.js} +1 -1
  5. package/lib/chunks/ui-components-rpRyPe3l.js +2235 -0
  6. package/lib/components/data-card/data-card-fields/index.d.ts +0 -1
  7. package/lib/components/index.d.ts +0 -20
  8. package/lib/components/v2.js +1 -1
  9. package/lib/components.js +1 -1
  10. package/lib/constants/sampling/index.d.ts +5 -6
  11. package/lib/constants.js +1 -1
  12. package/lib/containers/_v2/overview/search/builder.d.ts +1 -1
  13. package/lib/containers/_v2/sampling-rules/converters.d.ts +2 -0
  14. package/lib/containers/index.d.ts +0 -32
  15. package/lib/containers/v2.js +96 -96
  16. package/lib/containers.js +19 -556
  17. package/lib/contexts.js +1 -1
  18. package/lib/functions/decimals-only/index.d.ts +1 -0
  19. package/lib/functions/index.d.ts +1 -0
  20. package/lib/functions.js +1 -1
  21. package/lib/hooks/useActionFormData.d.ts +1 -1
  22. package/lib/hooks.js +1 -1
  23. package/lib/snippets/_v2/sampling-rule-form-sections/percentage.d.ts +1 -1
  24. package/lib/snippets/_v2/sampling-rule-form-sections/preset-with-custom-input.d.ts +5 -2
  25. package/lib/snippets/index.d.ts +0 -2
  26. package/lib/snippets/v2.js +1 -1
  27. package/lib/snippets.js +1 -1
  28. package/lib/store.js +1 -1
  29. package/lib/theme.js +1 -1
  30. package/lib/types/common/index.d.ts +2 -1
  31. package/lib/types.js +1 -1
  32. package/lib/visuals.js +1 -1
  33. package/package.json +1 -1
  34. package/lib/chunks/index-Cm0_bD--.js +0 -145
  35. package/lib/chunks/ui-components-DHsbbgZi.js +0 -2708
  36. package/lib/components/auto-complete-input/index.d.ts +0 -22
  37. package/lib/components/data-finger/index.d.ts +0 -12
  38. package/lib/components/docs-button/index.d.ts +0 -8
  39. package/lib/components/header/index.d.ts +0 -8
  40. package/lib/components/icon-title-badge/index.d.ts +0 -11
  41. package/lib/components/icons-nav/index.d.ts +0 -17
  42. package/lib/components/input-list/index.d.ts +0 -13
  43. package/lib/components/input-table/index.d.ts +0 -13
  44. package/lib/components/input-table/map-columns-to-fields/index.d.ts +0 -15
  45. package/lib/components/input-table/types.d.ts +0 -15
  46. package/lib/components/interactive-table/index.d.ts +0 -27
  47. package/lib/components/interactive-table/table-row.d.ts +0 -13
  48. package/lib/components/key-value-input-list/index.d.ts +0 -20
  49. package/lib/components/monitors-checkboxes/index.d.ts +0 -13
  50. package/lib/components/navigation-buttons/index.d.ts +0 -16
  51. package/lib/components/section-title/index.d.ts +0 -12
  52. package/lib/components/segment/index.d.ts +0 -17
  53. package/lib/components/selection-button/index.d.ts +0 -17
  54. package/lib/components/stepper/index.d.ts +0 -11
  55. package/lib/components/tag/index.d.ts +0 -9
  56. package/lib/components/textarea/index.d.ts +0 -8
  57. package/lib/components/toggle/index.d.ts +0 -12
  58. package/lib/components/trace-loader/index.d.ts +0 -6
  59. package/lib/containers/action-drawer/build-card.d.ts +0 -3
  60. package/lib/containers/action-drawer/index.d.ts +0 -8
  61. package/lib/containers/action-form/custom-fields/add-cluster-info.d.ts +0 -5
  62. package/lib/containers/action-form/custom-fields/delete-attributes.d.ts +0 -5
  63. package/lib/containers/action-form/custom-fields/error-sampler.d.ts +0 -5
  64. package/lib/containers/action-form/custom-fields/index.d.ts +0 -7
  65. package/lib/containers/action-form/custom-fields/k8s-attributes.d.ts +0 -5
  66. package/lib/containers/action-form/custom-fields/latency-sampler.d.ts +0 -5
  67. package/lib/containers/action-form/custom-fields/pii-masking.d.ts +0 -5
  68. package/lib/containers/action-form/custom-fields/probabilistic-sampler.d.ts +0 -5
  69. package/lib/containers/action-form/custom-fields/rename-attributes.d.ts +0 -5
  70. package/lib/containers/action-form/custom-fields/service-name-sampler.d.ts +0 -5
  71. package/lib/containers/action-form/custom-fields/span-attribute-sampler.d.ts +0 -5
  72. package/lib/containers/action-form/custom-fields/url-templatization.d.ts +0 -5
  73. package/lib/containers/action-form/index.d.ts +0 -11
  74. package/lib/containers/action-modal/index.d.ts +0 -7
  75. package/lib/containers/action-table/build-spec-cell.d.ts +0 -3
  76. package/lib/containers/action-table/index.d.ts +0 -7
  77. package/lib/containers/await-pipeline/index.d.ts +0 -4
  78. package/lib/containers/data-flow/column/add.d.ts +0 -8
  79. package/lib/containers/data-flow/column/base.d.ts +0 -21
  80. package/lib/containers/data-flow/column/frame.d.ts +0 -10
  81. package/lib/containers/data-flow/column/head.d.ts +0 -15
  82. package/lib/containers/data-flow/column/index.d.ts +0 -13
  83. package/lib/containers/data-flow/column/namespace-divider.d.ts +0 -7
  84. package/lib/containers/data-flow/column/source-visual-state.d.ts +0 -9
  85. package/lib/containers/data-flow/index.d.ts +0 -12
  86. package/lib/containers/data-flow-actions-menu/add-entity/index.d.ts +0 -4
  87. package/lib/containers/data-flow-actions-menu/data-stream-select/index.d.ts +0 -9
  88. package/lib/containers/data-flow-actions-menu/filters/index.d.ts +0 -4
  89. package/lib/containers/data-flow-actions-menu/index.d.ts +0 -9
  90. package/lib/containers/data-flow-actions-menu/search/index.d.ts +0 -6
  91. package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts +0 -25
  92. package/lib/containers/data-flow-actions-menu/search/search-results/index.d.ts +0 -6
  93. package/lib/containers/data-flow-actions-menu/styled.d.ts +0 -10
  94. package/lib/containers/data-stream-drawer/index.d.ts +0 -10
  95. package/lib/containers/data-stream-form/index.d.ts +0 -11
  96. package/lib/containers/data-stream-modal/index.d.ts +0 -7
  97. package/lib/containers/data-stream-selection-form/index.d.ts +0 -13
  98. package/lib/containers/destination-drawer/build-card.d.ts +0 -3
  99. package/lib/containers/destination-drawer/index.d.ts +0 -10
  100. package/lib/containers/destination-form/dynamic-fields/index.d.ts +0 -10
  101. package/lib/containers/destination-form/index.d.ts +0 -15
  102. package/lib/containers/destination-form/test-connection/index.d.ts +0 -12
  103. package/lib/containers/destination-modal/choose-destination/destinations-list/index.d.ts +0 -10
  104. package/lib/containers/destination-modal/choose-destination/index.d.ts +0 -11
  105. package/lib/containers/destination-modal/index.d.ts +0 -13
  106. package/lib/containers/destination-selection-form/destination-list/index.d.ts +0 -8
  107. package/lib/containers/destination-selection-form/index.d.ts +0 -12
  108. package/lib/containers/destination-table/index.d.ts +0 -9
  109. package/lib/containers/dropdowns/condition-dropdown/index.d.ts +0 -15
  110. package/lib/containers/dropdowns/error-dropdown/index.d.ts +0 -16
  111. package/lib/containers/dropdowns/index.d.ts +0 -7
  112. package/lib/containers/dropdowns/kind-dropdown/index.d.ts +0 -15
  113. package/lib/containers/dropdowns/language-dropdown/index.d.ts +0 -15
  114. package/lib/containers/dropdowns/monitor-dropdown/index.d.ts +0 -13
  115. package/lib/containers/dropdowns/namespace-dropdown/index.d.ts +0 -15
  116. package/lib/containers/dropdowns/pods-agent-injection-status-dropdown/index.d.ts +0 -16
  117. package/lib/containers/instrumentation-rule-drawer/build-card.d.ts +0 -3
  118. package/lib/containers/instrumentation-rule-drawer/index.d.ts +0 -8
  119. package/lib/containers/instrumentation-rule-form/custom-fields/code-attributes.d.ts +0 -5
  120. package/lib/containers/instrumentation-rule-form/custom-fields/custom-instrumentation.d.ts +0 -5
  121. package/lib/containers/instrumentation-rule-form/custom-fields/headers-collection.d.ts +0 -5
  122. package/lib/containers/instrumentation-rule-form/custom-fields/index.d.ts +0 -7
  123. package/lib/containers/instrumentation-rule-form/custom-fields/payload-collection.d.ts +0 -5
  124. package/lib/containers/instrumentation-rule-form/index.d.ts +0 -11
  125. package/lib/containers/instrumentation-rule-modal/index.d.ts +0 -7
  126. package/lib/containers/instrumentation-rule-table/build-spec-cell.d.ts +0 -3
  127. package/lib/containers/instrumentation-rule-table/index.d.ts +0 -7
  128. package/lib/containers/multi-source-control/index.d.ts +0 -10
  129. package/lib/containers/setup-summary/index.d.ts +0 -10
  130. package/lib/containers/side-nav/index.d.ts +0 -16
  131. package/lib/containers/slack-invite/index.d.ts +0 -4
  132. package/lib/containers/source-modal/index.d.ts +0 -8
  133. package/lib/containers/source-selection-form/index.d.ts +0 -16
  134. package/lib/containers/source-selection-form/source-list/index.d.ts +0 -8
  135. package/lib/containers/source-table/index.d.ts +0 -9
  136. package/lib/containers/system-overview/describe/index.d.ts +0 -11
  137. package/lib/containers/system-overview/index.d.ts +0 -7
  138. package/lib/containers/system-overview/tokens/expires-at.d.ts +0 -6
  139. package/lib/containers/system-overview/tokens/index.d.ts +0 -8
  140. package/lib/containers/system-overview/tokens/token-actions.d.ts +0 -7
  141. package/lib/containers/table-cell-conditions/index.d.ts +0 -8
  142. package/lib/containers/toggle-dark-mode/index.d.ts +0 -2
  143. package/lib/containers/trace-view/build-spans.d.ts +0 -2
  144. package/lib/containers/trace-view/index.d.ts +0 -9
  145. package/lib/containers/trace-view/span/index.d.ts +0 -38
  146. package/lib/containers/trace-view/span-drawer/build-details-card.d.ts +0 -3
  147. package/lib/containers/trace-view/span-drawer/build-logs-card.d.ts +0 -3
  148. package/lib/containers/trace-view/span-drawer/build-process-card.d.ts +0 -3
  149. package/lib/containers/trace-view/span-drawer/build-tags-card.d.ts +0 -3
  150. package/lib/containers/trace-view/span-drawer/index.d.ts +0 -9
  151. package/lib/snippets/edit-button/index.d.ts +0 -7
  152. package/lib/snippets/note-back-to-summary/index.d.ts +0 -6
package/lib/contexts.js CHANGED
@@ -1 +1 @@
1
- export{eH as ActionFormContextProvider,eN as DataStreamFormContextProvider,eG as DestinationFormContextProvider,hm as OdigosProvider,eI as RuleFormContextProvider,cC as SamplingRuleFormType,d4 as SamplingRulesFormProvider,eF as SourceInstrumentFormContextProvider,hn as StorybookProvider,eD as checkVersionSupport,cs as useActionFormContext,cz as useDataStreamFormContext,cv as useDestinationFormContext,a4 as useOdigos,cy as useRuleFormContext,cB as useSamplingRulesFormContext,cW as useSourceInstrumentFormContext,ho as useStorybook}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{dq as ActionFormContextProvider,dR as DataStreamFormContextProvider,dp as DestinationFormContextProvider,gJ as OdigosProvider,dr as RuleFormContextProvider,b1 as SamplingRuleFormType,bO as SamplingRulesFormProvider,dn as SourceInstrumentFormContextProvider,gK as StorybookProvider,dl as checkVersionSupport,aG as useActionFormContext,a_ as useDataStreamFormContext,aK as useDestinationFormContext,ak as useOdigos,aX as useRuleFormContext,b0 as useSamplingRulesFormContext,bv as useSourceInstrumentFormContext,gL as useStorybook}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
@@ -0,0 +1 @@
1
+ export declare const decimalsOnly: (value: string) => string;
@@ -48,6 +48,7 @@ export * from './is-valid-version';
48
48
  export * from './map-conditions';
49
49
  export * from './map-destination-fields-for-display';
50
50
  export * from './map-signals';
51
+ export * from './decimals-only';
51
52
  export * from './numbers-only';
52
53
  export * from './parse-boolean-from-string';
53
54
  export * from './parse-json-string-to-pretty-string';
package/lib/functions.js CHANGED
@@ -1 +1 @@
1
- export{bG as capitalizeFirstLetter,gM as cleanObjectEmptyStringsValues,bB as compareCondition,x as deepClone,b5 as entityIdKey,aP as filterActions,bi as filterDestinations,bg as filterDestinationsByStream,bh as filterSources,a6 as filterSourcesByStream,gN as flattenObjectKeys,b8 as formatBytes,ci as formatDuration,g as generateId,aC as getActionIcon,aL as getConditionsBooleans,ad as getContainersIcons,cc as getContainersInstrumentedCount,gO as getDeepValue,ba as getDestinationIcon,gP as getDetectedLanguageIcons,aW as getEntityIcon,aA as getEntityId,b4 as getEntityIdKey,aR as getEntityLabel,gQ as getIdFromSseTarget,b9 as getInstrumentationRuleIcon,gR as getMainContainerLanguage,bN as getMetricForEntity,gS as getMonitorIcon,gT as getPlatformIcon,gU as getPlatformLabel,bW as getProgrammingLanguageIcon,ck as getRecursiveValues,bb as getSourceLanguageIcons,gV as getSseTargetFromId,gW as getStatusColor,eQ as getStatusFromPodStatus,aN as getStatusIcon,l as getStatusTypeFromOdigosHealth,gX as getValueForRange,c3 as getVirtualServiceIcon,a8 as getWorkloadId,bF as getYamlFieldsForDestination,q as hasUnhealthyInstances,al as isEmpty,gY as isLegalK8sLabel,cd as isOverTime,z as isStringABoolean,gZ as isTimeElapsed,g_ as isValidVersion,aM as mapConditions,bA as mapDestinationFieldsForDisplay,b7 as mapExportedSignals,bH as mapSupportedSignals,g$ as numbersOnly,G as parseBooleanFromString,h0 as parseJsonStringToPrettyString,cx as prepareDestinationFormData,h1 as removeEmptyValuesFromObject,bC as safeJsonParse,h2 as safeJsonStringify,h3 as setDeepValue,a$ as sleep,s as splitCamelString,h4 as stringifyNonStringValues,aF as trimVersion}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{fT as capitalizeFirstLetter,fU as cleanObjectEmptyStringsValues,aJ as compareCondition,fV as decimalsOnly,a0 as deepClone,dK as entityIdKey,dP as filterActions,dO as filterDestinations,bF as filterDestinationsByStream,dN as filterSources,am as filterSourcesByStream,fW as flattenObjectKeys,dL as formatBytes,fX as formatDuration,g as generateId,bC as getActionIcon,q as getConditionsBooleans,at as getContainersIcons,fY as getContainersInstrumentedCount,fZ as getDeepValue,bk as getDestinationIcon,f_ as getDetectedLanguageIcons,dB as getEntityIcon,bz as getEntityId,dH as getEntityIdKey,dA as getEntityLabel,f$ as getIdFromSseTarget,bJ as getInstrumentationRuleIcon,g0 as getMainContainerLanguage,g1 as getMetricForEntity,g2 as getMonitorIcon,g3 as getPlatformIcon,g4 as getPlatformLabel,aZ as getProgrammingLanguageIcon,g5 as getRecursiveValues,p as getSourceLanguageIcons,g6 as getSseTargetFromId,g7 as getStatusColor,dV as getStatusFromPodStatus,l as getStatusIcon,U as getStatusTypeFromOdigosHealth,g8 as getValueForRange,o as getVirtualServiceIcon,ao as getWorkloadId,bG as getYamlFieldsForDestination,W as hasUnhealthyInstances,aA as isEmpty,g9 as isLegalK8sLabel,c0 as isOverTime,a1 as isStringABoolean,ga as isTimeElapsed,gb as isValidVersion,gc as mapConditions,bE as mapDestinationFieldsForDisplay,aN as mapExportedSignals,aO as mapSupportedSignals,gd as numbersOnly,a2 as parseBooleanFromString,ge as parseJsonStringToPrettyString,aP as prepareDestinationFormData,gf as removeEmptyValuesFromObject,bl as safeJsonParse,gg as safeJsonStringify,gh as setDeepValue,gi as sleep,O as splitCamelString,gj as stringifyNonStringValues,gk as trimVersion}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
@@ -1,7 +1,7 @@
1
1
  import { type Action, type ActionFormData } from '@/types';
2
2
  export declare const useActionFormData: () => {
3
3
  formData: ActionFormData;
4
- formErrors: Partial<Record<"type" | "disabled" | "name" | "notes" | "signals" | "fields", string>>;
4
+ formErrors: Partial<Record<"disabled" | "type" | "name" | "notes" | "signals" | "fields", string>>;
5
5
  handleFormChange: (key?: string | undefined, val?: any, obj?: ActionFormData | undefined) => void;
6
6
  resetFormData: (overrideForm?: ActionFormData | undefined) => void;
7
7
  validateForm: (params?: {
package/lib/hooks.js CHANGED
@@ -1 +1 @@
1
- export{hk as IGNORE_OUTSIDE_CLICK_ATTR,az as useActionFormData,hl as useBodyScroll,bj as useClickNode,c1 as useClickNotification,bf as useContainerSize,u as useCopy,bu as useDataStreamFormData,bE as useDestinationFormData,ce as useGenericForm,bY as useInstrumentationRuleFormData,d as useKeyDown,bo as useOnClickOutside,bk as usePopup,fr as useScrollTo,bt as useSessionStorage,a7 as useSourceFormData,ca as useSourceSelectionFormData,c0 as useTimeAgo}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{gC as IGNORE_OUTSIDE_CLICK_ATTR,gD as useActionFormData,gE as useBodyScroll,dz as useClickNode,h as useClickNotification,dM as useContainerSize,u as useCopy,gF as useDataStreamFormData,gG as useDestinationFormData,bD as useGenericForm,gH as useInstrumentationRuleFormData,z as useKeyDown,dw as useOnClickOutside,d as usePopup,ew as useScrollTo,dy as useSessionStorage,an as useSourceFormData,gI as useSourceSelectionFormData,f as useTimeAgo}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
@@ -1,5 +1,5 @@
1
1
  import { type FC } from 'react';
2
- import type { SamplingRuleCategory, ViewRuleData, SamplingRuleFormState } from '@/types';
2
+ import { type SamplingRuleCategory, type ViewRuleData, type SamplingRuleFormState } from '@/types';
3
3
  export type PercentageSectionProps = {
4
4
  readOnly: true;
5
5
  data: ViewRuleData;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type PercentagePreset, type DurationPreset } from '@/types';
2
+ import { InputTypes, type PercentagePreset, type DurationPreset } from '@/types';
3
3
  export declare const PERCENTAGE_OPTIONS: {
4
4
  value: PercentagePreset;
5
5
  label: string;
@@ -25,5 +25,8 @@ export interface PresetWithCustomInputProps<T extends string = string> {
25
25
  customPlaceholder: string;
26
26
  customValue: string;
27
27
  onCustomChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
28
+ customInputType?: InputTypes;
29
+ customMin?: number;
30
+ customMax?: number;
28
31
  }
29
- export declare const PresetWithCustomInput: <T extends string>({ description, options, selected, onSelect, customName, customLabel, customPlaceholder, customValue, onCustomChange, }: PresetWithCustomInputProps<T>) => import("react/jsx-runtime").JSX.Element;
32
+ export declare const PresetWithCustomInput: <T extends string>({ description, options, selected, onSelect, customName, customLabel, customPlaceholder, customValue, onCustomChange, customInputType, customMin, customMax, }: PresetWithCustomInputProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,5 @@
1
1
  export * from './add-button';
2
2
  export * from './copy-text';
3
- export * from './edit-button';
4
- export * from './note-back-to-summary';
5
3
  export * from './pod-container';
6
4
  export * from './react-flow';
7
5
  export * from './source-container';
@@ -1 +1 @@
1
- export{A as ActionType,eP as Actions,dm as ColoredSpan,g6 as ColoredSpanVariant,eO as RichTitle}from"../chunks/ui-components-DHsbbgZi.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,i as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,h as WIDE_DRAWER_WIDTH,W as WideDrawer}from"../chunks/index-Cm0_bD--.js";export{Y as YamlSectionCard}from"../chunks/index-zIhroDGj.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{A as ActionType,dU as Actions,c5 as ColoredSpan,fb as ColoredSpanVariant,dT as RichTitle}from"../chunks/ui-components-rpRyPe3l.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,i as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,h as WIDE_DRAWER_WIDTH,W as WideDrawer}from"../chunks/index-CCaTS6aq.js";export{Y as YamlSectionCard}from"../chunks/index-D6SlbWIi.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
package/lib/snippets.js CHANGED
@@ -1 +1 @@
1
- export{ar as AddButton,r as CopyText,c8 as EditButton,c6 as Flow,hp as MapItemNode,hq as NoDataNode,by as NoteBackToSummary,P as PodContainer,ab as SourceContainer}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{gM as AddButton,X as CopyText,w as Flow,gN as MapItemNode,gO as NoDataNode,Z as PodContainer,ar as SourceContainer}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
package/lib/store.js CHANGED
@@ -1 +1 @@
1
- export{bd as ProgressKeys,c5 as useActiveNodeStore,ch as useDarkMode,a5 as useDataStreamStore,c as useDrawerStore,a3 as useEntityStore,aO as useFilterStore,aE as useModalStore,bX as useNotificationStore,bc as useProgressStore,b1 as useSelectedStore,bv as useSetupStore}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{bw as ProgressKeys,v as useActiveNodeStore,gx as useDarkMode,al as useDataStreamStore,y as useDrawerStore,t as useEntityStore,du as useFilterStore,dC as useModalStore,c as useNotificationStore,bu as useProgressStore,dE as useSelectedStore,dQ as useSetupStore}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
package/lib/theme.js CHANGED
@@ -1 +1 @@
1
- export{hg as Provider,hh as animations,hi as opacity,hj as palettes}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{gy as Provider,gz as animations,gA as opacity,gB as palettes}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
@@ -102,7 +102,8 @@ export declare enum FieldTypes {
102
102
  export declare enum InputTypes {
103
103
  Text = "text",
104
104
  Password = "password",
105
- Number = "number"
105
+ Number = "number",
106
+ Decimal = "decimal"
106
107
  }
107
108
  export declare enum StatusType {
108
109
  Warning = "warning",
package/lib/types.js CHANGED
@@ -1 +1 @@
1
- export{gp as ActionCategory,ag as ActionKeyTypes,ae as ActionType,gq as AddNodeTypes,gr as BooleanOperation,bS as CodeAttributesKeyTypes,aD as Crud,bQ as CustomInstrumentationsKeyTypes,b3 as DesiredStateProgress,gs as DestinationTypes,gt as EdgeTypes,E as EntityTypes,as as FieldTypes,bR as GolangCustomProbe,bO as HeadersCollectionKeyTypes,ak as InputTypes,gu as InstallationMethod,bU as InstrumentationRuleType,gv as IntrumentationStatus,bP as JavaCustomProbe,gw as JsonOperation,af as K8sAttributesFrom,a9 as K8sResourceKind,gx as ListDirection,c2 as NodeTypes,gy as NumberOperation,gz as OtelDistroName,bz as OtherEntityTypes,O as OtherStatus,cS as OtherStatusType,bT as PayloadCollectionKeyTypes,gA as PlatformType,gB as PodContainerLifecycleStatus,gC as PodContainerStatus,gD as PodPhase,gE as Profile,Z as ProgrammingLanguages,gF as SIGNAL_KEY_TO_TYPE,bK as SIGNAL_TYPE_TO_KEY,gG as SignalKey,bD as SignalType,gH as SortDirection,p as StatusType,gI as StringOperation,b_ as Tier,eS as WorkloadRolloutStatus}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{fu as ActionCategory,au as ActionKeyTypes,aF as ActionType,fv as AddNodeTypes,fw as BooleanOperation,aQ as CodeAttributesKeyTypes,i as Crud,aV as CustomInstrumentationsKeyTypes,dG as DesiredStateProgress,fx as DestinationTypes,fy as EdgeTypes,E as EntityTypes,aE as FieldTypes,aT as GolangCustomProbe,aR as HeadersCollectionKeyTypes,az as InputTypes,fz as InstallationMethod,aW as InstrumentationRuleType,fA as IntrumentationStatus,aU as JavaCustomProbe,fB as JsonOperation,aC as K8sAttributesFrom,ap as K8sResourceKind,fC as ListDirection,m as NodeTypes,fD as NumberOperation,fE as OtelDistroName,fF as OtherEntityTypes,R as OtherStatus,bp as OtherStatusType,aS as PayloadCollectionKeyTypes,fG as PlatformType,fH as PodContainerLifecycleStatus,fI as PodContainerStatus,fJ as PodPhase,fK as Profile,ae as ProgrammingLanguages,fL as SIGNAL_KEY_TO_TYPE,fM as SIGNAL_TYPE_TO_KEY,fN as SignalKey,aM as SignalType,fO as SortDirection,S as StatusType,fP as StringOperation,bq as Tier,dX as WorkloadRolloutStatus}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
package/lib/visuals.js CHANGED
@@ -1 +1 @@
1
- export{gJ as VISUAL_ODIGOS_LOGO_HEIGHT,gK as VISUAL_ODIGOS_LOGO_WIDTH,go as VisualGreenRings,gL as VisualOdigosLogo,dx as VisualPurpleRings}from"./chunks/ui-components-DHsbbgZi.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
1
+ export{fQ as VISUAL_ODIGOS_LOGO_HEIGHT,fR as VISUAL_ODIGOS_LOGO_WIDTH,ft as VisualGreenRings,fS as VisualOdigosLogo,cf as VisualPurpleRings}from"./chunks/ui-components-rpRyPe3l.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"virtua";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odigos/ui-kit",
3
- "version": "0.0.236",
3
+ "version": "0.0.238",
4
4
  "author": "Odigos",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -1,145 +0,0 @@
1
- import{cA as e,a,as as t,J as l,L as r,fs as i,cn as s,cP as n,cu as o,cq as d,bC as c,cr as u,cp as p,ak as h,a4 as g,b_ as m,F as v,n as f,cm as b,W as y,Y as x,cL as S,ft as C,fu as k,K as w,fv as T,Q as $,fw as P,R as A,U as M,fx as L,fy as O,fz as z,fA as X,fB as R,fC as D,fD as I,e5 as N,fE as E,fF as H,fG as B,fH as V,fI as U,di as j,B as q,fJ as G,fK as J,fL as K,fM as W,fN as F,fO as Z,fP as Y,fQ as Q,fR as _,fS as ee,cF as ae,fT as te,fU as le,cM as re,fV as ie,fW as se,fX as ne,fY as oe,fZ as de,d7 as ce,f_ as ue,f$ as pe,g0 as he,g1 as ge,g2 as me,g3 as ve,g4 as fe,g5 as be,g6 as ye,dm as xe,M as Se,g7 as Ce,g8 as ke,g9 as we,ga as Te,gb as $e,gc as Pe,gd as Ae,ge as Me,gf as Le,gg as Oe,gh as ze,cw as Xe,gi as Re,p as De,gj as Ie,gk as Ne,gl as Ee,gm as He,gn as Be,eL as Ve,bW as Ue,Z as je,x as qe,br as Ge,co as Je,go as Ke,b6 as We,b as Fe,N as Ze,c4 as Ye,a0 as Qe,eO as _e,a1 as ea}from"./ui-components-DHsbbgZi.js";import{jsx as aa,jsxs as ta,Fragment as la}from"react/jsx-runtime";import{OdigosLogoTextEnterprise as ra,OdigosLogoTextCommunity as ia,EditIcon as sa,ArrowLeftIcon as na,ArrowRightIcon as oa,VSquareIcon as da}from"../icons.js";import{useCallback as ca,useMemo as ua,useState as pa,useRef as ha,useEffect as ga,forwardRef as ma,useImperativeHandle as va}from"react";import fa from"styled-components";import"./index-zIhroDGj.js";const ba=({isOpen:t,onClose:l,onDeny:r,onApprove:i})=>aa(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:t,onClose:l,denyButton:{label:"Keep editing",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:"Discard changes",variant:a.Primary,onClick:()=>{i?.(),l()}}}),ya=({isOpen:t,onClose:l,onDeny:r,onApprove:i,action:s="delete",target:n})=>{const o=s.charAt(0).toUpperCase()+s.substring(1),d=n?.endsWith("s")?"these":"this";return aa(e,{title:`${o}${n?` ${n}`:""}?`,description:`Are you sure you want to ${s}${n?` ${d} ${n}`:""}?`,isOpen:t,onClose:l,denyButton:{label:"Go back",variant:a.Secondary,onClick:()=>{r?.(),l()}},approveButton:{label:o,variant:a.Primary,onClick:()=>{i?.(),l()}}})},xa=({componentType:e,inputType:a,name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S,setValue:C,errorMessage:k,warnMessage:w,helpMessage:T,dropdownOptions:$,dropdownNoSearch:P,dropdownNoCheckbox:A,timeUnits:M,timeDefaultUnit:L})=>{switch(e){case t.Input:return aa(p,{name:g,type:a,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S??"",onChange:e=>{const t=e.target.value;C(a===h.Number?""===t?null:Number(t):t)},errorMessage:k,warnMessage:w,helpMessage:T},g);case t.MultiInput:return aa(u,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:w,helpMessage:T},g);case t.KeyValuePair:return aa(d,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(S)?S:c(S,[]),setValues:e=>C(e),errorMessage:k,warnMessage:w,helpMessage:T},g);case t.TextArea:return aa(o,{name:g,label:m,tooltip:v,badge:f,required:y,disabled:x,placeholder:b,value:S??"",onChange:e=>C(e.target.value),errorMessage:k,warnMessage:w,helpMessage:T},g);case t.Dropdown:return aa(n,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,withSearch:!P,options:$?.map(e=>({id:e.id||"",label:e.value||"",withCheckbox:!A}))||[],values:S?[String(S)]:[],setValues:e=>C(e[0]),errorMessage:k,warnMessage:w,helpMessage:T},g);case t.Checkbox:return aa(s,{name:g,label:m,tooltip:v,badge:f,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:w,helpMessage:T},g);case t.Time:return aa(i,{name:g,label:m,tooltip:v,badge:f,placeholder:b,required:y,disabled:x,value:S??"",setValue:e=>C(e),units:M,defaultUnit:L,errorMessage:k,warnMessage:w,helpMessage:T},g);case t.Toggle:return aa(l,{name:g,labelAlign:r.Right,label:m,tooltip:v,badge:f,value:!0===S||"true"===S,onChange:e=>C(e),disabled:x,errorMessage:k,warnMessage:w,helpMessage:T},g);default:return null}},Sa=({size:e=200})=>{const{tier:a}=g();return a===m.Onprem?aa(ra,{size:e}):aa(ia,{size:e})},Ca=[{value:"50",label:"50%"},{value:"25",label:"25%"},{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"custom",label:"Custom"}],ka=[{value:"10",label:"10%"},{value:"1",label:"1%"},{value:"0.5",label:"0.5%"},{value:"0.1",label:"0.1%"},{value:"custom",label:"Custom"}],wa=[{value:"5000",label:"5s"},{value:"1000",label:"1s"},{value:"500",label:"500ms"},{value:"100",label:"100ms"},{value:"50",label:"50ms"},{value:"custom",label:"Custom"}],Ta=({description:e,options:a,selected:t,onSelect:l,customName:r,customLabel:i,customPlaceholder:s,customValue:n,onCustomChange:o})=>ta(v,{$gap:16,$alignItems:"flex-end",children:[ta(f,{$gap:6,children:[aa(b,{label:e}),aa(y,{size:x.S,options:a,selected:t,setSelected:l})]}),"custom"===t&&aa(p,{name:r,label:i,placeholder:s,type:h.Number,value:n,onChange:o,width:160})]}),$a=()=>{},Pa=e=>e.readOnly?aa(Aa,{rule:e.rule}):aa(Ma,{ruleType:e.ruleType,formState:e.formState,onChange:e.onChange}),Aa=({rule:e})=>{const a=null!=e.durationAtLeastMs;return e.error?aa(S,{richTitle:{title:C},children:aa(l,{name:"sampling-view-toggle-keep-errors",onChange:$a,value:!0,size:w.S,label:k,labelAlign:r.Right})}):a?aa(S,{richTitle:{title:T},children:ta("div",{children:[aa($,{size:M.XXXS,color:A.Secondary,children:P}),aa($,{size:M.XS,children:`${e.durationAtLeastMs}ms`})]})}):null},Ma=({ruleType:e,formState:a,onChange:t})=>{const i=ca(e=>t({durationPreset:e}),[t]),s=ca(e=>t({customDurationMs:e.target.value}),[t]);return"Error"===e?aa(S,{richTitle:{title:C,subTitle:L},children:aa(l,{name:"sampling-toggle-keep-errors",value:!0,onChange:$a,size:w.S,label:k,labelAlign:r.Right})}):"Duration"===e?aa(S,{richTitle:{title:T,subTitle:O},children:aa(Ta,{description:P,options:wa,selected:a.durationPreset,onSelect:i,customName:"sampling-input-custom-duration",customLabel:z,customPlaceholder:"200ms",customValue:a.customDurationMs,onCustomChange:s})}):null},La=fa.div`
2
- display: flex;
3
- gap: 32px;
4
- `,Oa=fa.div`
5
- display: flex;
6
- flex-direction: column;
7
- gap: 4px;
8
- `,za=fa.div`
9
- display: flex;
10
- flex-wrap: wrap;
11
- align-items: flex-end;
12
- gap: 16px;
13
- `,Xa=fa.div`
14
- display: flex;
15
- align-items: flex-end;
16
- gap: 16px;
17
- padding: 12px 16px;
18
- border-radius: 8px;
19
- background-color: ${({theme:e})=>e.v2.colors.black[500]};
20
- `,Ra=fa.div`
21
- display: flex;
22
- align-items: flex-end;
23
- gap: 10px;
24
- flex: 1;
25
- `,Da=fa.div`
26
- display: flex;
27
- align-items: center;
28
- height: 32px;
29
- `,Ia=fa.div`
30
- display: flex;
31
- align-items: flex-end;
32
- gap: 16px;
33
- margin-bottom: 12px;
34
- `,Na="Any",Ea="Kafka topic",Ha=()=>aa("div",{style:{marginBottom:"8px"},children:aa($,{size:M.XS,weight:500,children:"And"})}),Ba=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"httpClient",label:"HTTP Client"}],Va=[{value:"all",label:"All Operations"},{value:"httpServer",label:"HTTP Server"},{value:"kafkaConsumer",label:"Kafka Consumer"},{value:"kafkaProducer",label:"Kafka Producer"}],Ua=[{id:"",label:Na},{id:"GET",label:"GET"},{id:"POST",label:"POST"},{id:"PUT",label:"PUT"},{id:"DELETE",label:"DELETE"},{id:"PATCH",label:"PATCH"}];const ja=e=>e.readOnly?aa(qa,{data:e.data}):aa(Ga,{category:e.category,formState:e.formState,onChange:e.onChange}),qa=({data:e})=>{const a=ua(()=>function(e){if("noisy"===e.category){const a=e.rule.operation;if(a?.httpServer)return[{id:"type",title:W,value:K},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||F},{id:"method",title:G,value:a.httpServer.method||Na}];if(a?.httpClient){const e=[{id:"type",title:W,value:Z}];return a.httpClient.serverAddress&&e.push({id:"serverAddress",title:"Server address",value:a.httpClient.serverAddress}),e.push({id:"route",title:B,value:a.httpClient.templatedPath||a.httpClient.templatedPathPrefix||F}),e.push({id:"method",title:G,value:a.httpClient.method||Na}),e}return[{id:"type",title:W,value:Y}]}const a=e.rule.operation;return a?.httpServer?[{id:"type",title:W,value:K},{id:"route",title:B,value:a.httpServer.route||a.httpServer.routePrefix||F},{id:"method",title:G,value:a.httpServer.method||Na}]:a?.kafkaConsumer?[{id:"type",title:W,value:Q},{id:"topic",title:Ea,value:a.kafkaConsumer.kafkaTopic||F}]:a?.kafkaProducer?[{id:"type",title:W,value:_},{id:"topic",title:Ea,value:a.kafkaProducer.kafkaTopic||F}]:[{id:"type",title:W,value:Y}]}(e),[e]);return aa(S,{richTitle:{title:X},children:aa(La,{children:a.map(({id:e,title:a,value:t})=>ta(Oa,{children:[aa($,{size:M.XXXS,color:A.Secondary,nowrap:!0,children:a}),aa($,{size:M.XS,nowrap:!0,children:t})]},e))})})},Ga=({category:e,formState:t,onChange:l})=>{const r=ua(()=>"noisy"===e?Ba:Va,[e]),i=ca(e=>l({operationType:e,route:"",serverAddress:"",method:"",kafkaTopic:""}),[l]),s=ca(e=>a=>{a&&l({routeType:e,route:""})},[l]),n=ca(e=>l({route:e.target.value}),[l]),o=ca(e=>l({serverAddress:e.target.value}),[l]),d=ca(e=>l({method:e[0]||""}),[l]),c=ca(e=>l({kafkaTopic:e.target.value}),[l]),u="httpServer"===t.operationType||"httpClient"===t.operationType,h="kafkaConsumer"===t.operationType||"kafkaProducer"===t.operationType,g="httpClient"===t.operationType?H:B,m="httpClient"===t.operationType?V:U;return ta(S,{richTitle:{title:`2. ${X}`,subTitle:R},children:[aa(f,{$alignItems:"flex-start",children:aa(y,{size:x.S,options:r,selected:t.operationType,setSelected:i})}),u&&ta(za,{children:["httpClient"===t.operationType&&ta(Ia,{children:[aa(p,{name:"sampling-input-server-address",label:I,placeholder:D,value:t.serverAddress,onChange:o}),aa(Ha,{})]}),ta(Xa,{children:[ta(Ra,{children:[aa(Da,{children:aa(N,{"data-id":"sampling-radio-route",value:"route"===t.routeType,onChange:s("route")})}),aa(p,{name:"sampling-input-route",label:g,placeholder:E,value:"route"===t.routeType?t.route:"",onChange:n,disabled:"route"!==t.routeType})]}),ta(Ra,{children:[aa(Da,{children:aa(N,{"data-id":"sampling-radio-route-prefix",value:"routePrefix"===t.routeType,onChange:s("routePrefix")})}),aa(p,{name:"sampling-input-route-prefix",label:m,placeholder:E,value:"routePrefix"===t.routeType?t.route:"",onChange:n,disabled:"routePrefix"!==t.routeType})]})]}),ta(Ia,{children:[aa(Ha,{}),aa(j,{label:G,items:Ua,selectedIds:[t.method||""],setSelectedIds:e=>d(e),buttonProps:{"data-id":"sampling-btn-method",label:Ua.find(e=>e.id===t.method)?.label||Na,size:q.S,variant:a.Secondary}})]})]}),h&&aa(p,{name:"sampling-input-kafka-topic",label:J,placeholder:"Type kafka topic",value:t.kafkaTopic,onChange:c,width:"320px"})]})},Ja=[{value:"all",label:"Drop All"},{value:"sample",label:"Sample"}],Ka=[{value:"all",label:"Keep All"},{value:"sample",label:"Sample"}];const Wa=e=>e.readOnly?aa(Fa,{data:e.data}):aa(Za,{category:e.category,formState:e.formState,onChange:e.onChange}),Fa=({data:e})=>{const a=ua(()=>function(e){switch(e.category){case"highlyRelevant":return null!=e.rule.percentageAtLeast?{title:te,method:ne,description:ie,value:`${e.rule.percentageAtLeast}%`}:{title:te,method:de,description:null,value:null};case"noisy":return null!=e.rule.percentageAtMost?{title:le,method:ne,description:se,value:`${e.rule.percentageAtMost}%`}:{title:le,method:oe,description:null,value:null};case"costReduction":return{title:le,method:ne,description:se,value:`${e.rule.percentageAtMost}%`}}}(e),[e]),t=[{id:"method",title:G,value:a.method},...null!=a.description?[{id:"value",title:a.description,value:a.value}]:[]];return aa(S,{richTitle:{title:a.title},children:aa(La,{children:t.map(({id:e,title:a,value:t})=>ta(Oa,{children:[aa($,{size:M.XXXS,color:A.Secondary,nowrap:!0,children:a}),aa($,{size:M.XS,nowrap:!0,children:t})]},e))})})},Za=({category:e,formState:a,onChange:t})=>{const l="highlyRelevant"===e,r=l?Ka:Ja,i=`${l?4:3}. ${l?te:le}`,s=l?ee:ae,n=l?ie:se,o="noisy"===e?ka:Ca,d=ca(e=>t({percentageMode:e}),[t]),c=ca(e=>t({percentagePreset:e}),[t]),u=ca(e=>t({customPercentage:e.target.value}),[t]);return ta(S,{richTitle:{title:i,subTitle:s},children:["costReduction"!==e&&aa(f,{$alignItems:"flex-start",children:aa(y,{size:x.S,options:r,selected:a.percentageMode,setSelected:d})}),("costReduction"===e||"sample"===a.percentageMode)&&aa(Ta,{description:n,options:o,selected:a.percentagePreset,onSelect:c,customName:"sampling-input-custom-percentage",customLabel:re,customPlaceholder:"5%",customValue:a.customPercentage,onCustomChange:u})]})},Ya=fa.div`
35
- display: flex;
36
- align-items: flex-end;
37
- gap: 16px;
38
- `,Qa=fa.div`
39
- width: 280px;
40
- flex-shrink: 0;
41
- `,_a=fa.div`
42
- flex: 1;
43
- min-width: 0;
44
- `;function et(e){return"highlyRelevant"===e.category?e.rule.error?"Error":null!=e.rule.durationAtLeastMs?"Duration":"Relevance":fe[e.category]}const at=e=>e.readOnly?aa(tt,{data:e.data}):aa(lt,{formState:e.formState,onChange:e.onChange}),tt=({data:e})=>{const a=ua(()=>[{id:"name",title:ue,value:e.rule.name||ce},{id:"type",title:pe,value:et(e)}],[e]),t=e.rule.notes||F;return ta(S,{children:[aa(La,{children:a.map(({id:e,title:a,value:t})=>ta(Oa,{children:[aa($,{size:M.XXXS,color:A.Secondary,nowrap:!0,children:a}),aa($,{size:M.XS,nowrap:!0,children:t})]},e))}),ta(Oa,{children:[aa($,{size:M.XXXS,color:A.Secondary,children:he}),aa($,{size:M.XS,children:t})]})]})},lt=({formState:e,onChange:a})=>{const t=ca(e=>a({name:e.target.value}),[a]),l=ca(e=>a({notes:e.target.value}),[a]);return aa(S,{children:ta(Ya,{children:[aa(Qa,{children:aa(p,{name:"sampling-input-rule-name",label:ue,tooltip:"Optional. Give this rule a name for easier identification.",placeholder:ge,value:e.name,onChange:t})}),aa(_a,{children:aa(p,{name:"sampling-input-note",label:he,tooltip:ve,placeholder:me,value:e.notes,onChange:l})})]})})},rt=[{value:"Relevance",label:"Relevance"},{value:"Error",label:"Error"},{value:"Duration",label:"Duration"}],it=({formState:e,onChange:a})=>{const t=ca(e=>a({ruleType:e,keepErrors:"Error"===e}),[a]);return aa(S,{richTitle:{title:`3. ${pe}`,subTitle:be},children:aa(f,{$alignItems:"flex-start",children:aa(y,{size:x.S,options:rt,selected:e.ruleType,setSelected:t})})})},st=fa.div`
45
- display: flex;
46
- align-items: center;
47
- gap: 24px;
48
- padding: 8px 16px;
49
- border-radius: 12px;
50
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
51
- `,nt=fa.div`
52
- flex: 1;
53
- min-width: 0;
54
- white-space: pre;
55
- overflow-x: auto;
56
- `,ot=({title:e,summary:t,onEdit:l,renderAction:r})=>{const i=ua(()=>{const a=[];return e&&(a.push({text:e,variant:ye.Default}),a.push({text:" - ",variant:ye.Default})),a.push(...t),a},[e,t]);return ta(st,{children:[aa(nt,{children:aa(xe,{parts:i})}),r&&r(),l&&aa(Se,{"data-id":"sampling-btn-edit-auto-rule",label:Ce,rightIcon:sa,variant:a.Text,size:q.S,onClick:l})]})},dt=e=>{const a=ua(()=>{if(e.readOnly)return e.summary;switch(e.category){case"noisy":return Te(Le(e.formState));case"highlyRelevant":return we(Me(e.formState));case"costReduction":return ke(Ae(e.formState))}},[e]);if(e.readOnly)return aa(ot,{title:$e,summary:a,renderAction:e.renderAction});const t=1===a.length&&"default"===a[0].variant;return aa(ot,{title:t?Pe:$e,summary:t?[]:a,renderAction:e.renderAction})},ct=fa.div`
57
- display: flex;
58
- flex-wrap: wrap;
59
- gap: 8px;
60
- `,ut=fa.div`
61
- display: flex;
62
- align-items: center;
63
- gap: 8px;
64
- padding: 8px 12px;
65
- border-radius: 8px;
66
- cursor: pointer;
67
- background: ${({theme:e,$selected:a})=>a?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
68
- border: 1px solid ${({theme:e,$selected:a})=>a?e.v2.colors.silver[500]:e.v2.colors.silver[800]};
69
-
70
- &:hover {
71
- background: ${({theme:e})=>e.v2.colors.silver[700]};
72
- }
73
- `,pt=fa.div`
74
- display: flex;
75
- width: 32px;
76
- height: 32px;
77
- justify-content: center;
78
- align-items: center;
79
- flex-shrink: 0;
80
- `,ht=fa.div`
81
- display: flex;
82
- flex-direction: column;
83
- gap: 4px;
84
- `,gt=fa.div`
85
- display: flex;
86
- align-items: center;
87
- gap: 8px;
88
- padding: 8px;
89
- border-radius: 8px;
90
- background-color: ${({theme:e})=>e.v2.colors.silver[900]};
91
- `,mt=fa.div`
92
- display: flex;
93
- width: 24px;
94
- height: 24px;
95
- justify-content: center;
96
- align-items: center;
97
- flex-shrink: 0;
98
- `,vt={[je.JavaScript]:"Node.js",[je.DotNet]:".NET",[je.Php]:"PHP",[je.Java]:"Java",[je.Go]:"Go",[je.Python]:"Python",[je.Ruby]:"Ruby",[je.Rust]:"Rust"},ft=[je.Python,je.Java,je.JavaScript,je.DotNet,je.Php,je.Ruby,je.Go].map(e=>({id:e,label:vt[e]??e.charAt(0).toUpperCase()+e.slice(1),Icon:Ue(e)})),bt=[{value:"all",label:"Entire Cluster"},{value:"source",label:"Specific Source"},{value:"namespace",label:"Specific Namespace"},{value:"language",label:"Specific Programming Language"}];function yt(e){const a=vt[e];return a||e.charAt(0).toUpperCase()+e.slice(1)}const xt=e=>e.readOnly?aa(St,{scopes:e.scopes}):aa(Ct,{formState:e.formState,onChange:e.onChange,sourceOptions:e.sourceOptions,namespaceOptions:e.namespaceOptions}),St=({scopes:e})=>{if(Oe(e))return aa(S,{richTitle:{title:ze},children:aa(Xe,{status:De.Default,message:Re,fullWidth:!0})});const a=e.sources??[],t=e.namespaces??[],l=e.languages??[];return aa(S,{richTitle:{title:ze},children:ta(ht,{children:[a.map((e,a)=>{const t=[e.namespace,e.kind,e.name].filter(Boolean),l=t.length?t.join(" / "):Ie;return aa(gt,{children:aa($,{size:M.XS,color:A.Primary,children:l})},`src-${a}`)}),t.map((e,a)=>aa(gt,{children:aa($,{size:M.XS,color:A.Primary,children:e})},`ns-${a}`)),l.map((e,a)=>{const t=Ue(e);return ta(gt,{children:[t&&aa(mt,{children:aa(t,{size:18})}),aa($,{size:M.XS,color:A.Primary,children:yt(e)})]},`lang-${a}`)})]})})},Ct=({formState:e,onChange:a,sourceOptions:t=[],namespaceOptions:l=[]})=>{const[r,i]=pa("all"),{sources:n,namespaces:o,languages:d}=e.sourceScopes,c=n.length>0||o.length>0||d.length>0,u=ua(()=>bt.map(e=>({...e,disabled:"all"===e.value&&c})),[c]),p=ua(()=>n.map(e=>{return a=e.namespace,t=e.kind,l=e.name,`${a}/${t}/${l}`;var a,t,l}),[n]),h=ua(()=>[...o],[o]),g=ua(()=>new Set(d),[d]),m=ca(e=>{i(e)},[]),v=ca(t=>{const l=t.map(e=>function(e){const a=e.split("/");return 3!==a.length?null:{namespace:a[0],kind:a[1],name:a[2]}}(e)).filter(e=>null!==e).map(e=>({namespace:e.namespace,kind:e.kind,name:e.name}));a({sourceScopes:{...e.sourceScopes,sources:l}})},[e.sourceScopes,a]),b=ca(t=>{a({sourceScopes:{...e.sourceScopes,namespaces:t}})},[e.sourceScopes,a]),C=ca(t=>{const l=e.sourceScopes.languages,r=l.includes(t)?l.filter(e=>e!==t):[...l,t];a({sourceScopes:{...e.sourceScopes,languages:r}})},[e.sourceScopes,a]);return ta(S,{richTitle:{title:`1. ${ze}`,subTitle:Ne},children:[aa(Xe,!c&&"all"===r?{status:De.Default,message:Re,fullWidth:!0,smallIcon:!0}:{status:De.Info,message:Ee,fullWidth:!0,smallIcon:!0}),aa(f,{$alignItems:"flex-start",children:aa(y,{size:x.S,options:u,selected:r,setSelected:m})}),"source"===r&&aa(He,{multiple:!0,"data-id":"sampling-autocomplete-source",options:t,value:p,onSelect:v,placeholder:Be}),"namespace"===r&&aa(He,{multiple:!0,"data-id":"sampling-autocomplete-namespace",options:l,value:h,onSelect:b,placeholder:"Search namespace"}),"language"===r&&aa(ct,{children:ft.map(({id:e,label:a,Icon:t})=>{const l=g.has(e);return ta(ut,{$selected:l,onClick:()=>C(e),children:[aa(s,{name:`sampling-scope-lang-${e}`,size:Ve.S,value:l,onChange:()=>C(e)}),aa(pt,{children:aa(t,{size:20})}),aa($,{size:M.XS,nowrap:!0,children:a})]},e)})})]})},kt=(e,a)=>!a?.length||!!a?.find(a=>a===e),wt=({title:e="Signals",required:a,errorMessage:t,allowedSignals:l,selectedSignals:r,setSelectedSignals:i,disabled:n})=>{const[o,d]=pa(1===r.length),c=ha(JSON.stringify(r));ga(()=>{let e=qe(r).filter(e=>kt(e,l));e.length||(e=Ge.filter(({id:e})=>kt(e,l)).map(({id:e})=>e));const a=JSON.stringify(e);c.current!==a&&(c.current=a,i(e),d(1===e.length))},[l,r]);return ta(f,{$gap:12,children:[aa(b,{label:e,required:a}),aa(v,{$gap:12,children:Ge.map(e=>{const a=kt(e.id,l),t=((e,a)=>!!a?.find(a=>a===e))(e.id,r);return a?aa(s,{label:e.value,disabled:n||!a||o&&t,value:t,onChange:a=>((e,a)=>{const t=e,l=a?[...r,t]:r.filter(e=>e!==t);i(l),d(1===l.length)})(e.id,a)},e.id):null})}),aa(Je,{errorMessage:t})]})},Tt=({minSupportedVersion:a,currentVersion:t})=>aa(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>aa(Ke,{scale:2.4,icon:()=>aa("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:aa("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${t}.`}),$t=fa.div`
99
- display: flex;
100
- flex-direction: column;
101
- justify-content: flex-end;
102
- width: ${({$width:e})=>e};
103
- gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
104
- `,Pt=fa.div`
105
- display: flex;
106
- align-items: center;
107
- min-height: 24px;
108
- padding: 12px;
109
- border-radius: 16px 16px 0 0;
110
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
111
- `,At=fa.div`
112
- display: flex;
113
- flex-direction: column;
114
- gap: ${({$gap:e})=>e}px;
115
- padding: 12px 12px 0 12px;
116
- width: calc(100% - 24px);
117
- height: ${({$heightOffset:e,$columnHasHeader:a})=>`calc(100vh - 180px - ${e}px ${a?"- 48px":""})`};
118
- border-radius: ${({$columnHasHeader:e,$isLeft:a,$isRight:t})=>e?a?"0 0 0 16px":t?"0 16px 0 0":"0":a?"16px 0 0 16px":t?"0 16px 16px 0":"16px"};
119
- background-color: ${({theme:e})=>e.v2.colors.silver[900]};
120
- overflow-y: auto;
121
- overflow-x: hidden;
122
- `,Mt=({isLeft:e,isRight:a,heightOffset:t=0,width:l,header:r,list:i})=>ta($t,{$width:l,$columnHasHeader:!!r,children:[r&&aa(Pt,{children:r}),aa(At,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:t,$columnHasHeader:!!r,children:i.length?i.length>1?aa(We,{gap:8,elements:i}):aa(la,{children:i[0]}):aa(Fe,{$height:"100%",children:aa(Ze,{})})})]}),Lt="75vw",Ot=fa.div`
123
- display: flex;
124
- flex-direction: column;
125
- border-radius: 16px;
126
- background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
127
- overflow: hidden;
128
- `,zt=fa.div`
129
- display: flex;
130
- gap: 12px;
131
- padding: 16px 16px 0 16px;
132
- background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
133
- position: sticky;
134
- top: 0;
135
- `,Xt=fa.div`
136
- padding: 12px 12px 0 12px;
137
- `,Rt=fa.div`
138
- display: flex;
139
- gap: 12px;
140
- padding: 16px;
141
- `,Dt=fa.div`
142
- padding: 5vh 10vw;
143
- border-radius: 12px;
144
- background-color: ${({theme:e})=>e.v2.colors.silver[800]};
145
- `,It=ma(({isOpen:t,withOverlay:l,disableAnimation:r,onClose:i,onBack:s,onNext:n,nextIsSkip:o,onSave:d,disableSave:c,connectionIds:u,header:p,subHeader:h,leftColumn:g,rightColumn:m,search:v,filters:f,errorMessage:b,isFormDirty:y,hideDirtyNote:x,isFetching:S,progress:C},k)=>{const[w,T]=pa(!1),[$,P]=pa(!1),[A,L]=pa(void 0);va(k,()=>({clearErrors:()=>L(void 0)}));const O=$,z=ca(()=>{y&&!w?T(!0):(T(!1),i?.())},[y,w,i]),X=c||$||"boolean"==typeof y&&!y,R=ca(async()=>{P(!0);const e=await d();P(!1),e?.error?L(e.error):(u?.setValue([]),i?.())},[d,u,i]),D=!!v||!!u||!!f,I=!!h,N=(D?48:0)+(I?50:0),E=ua(()=>S?{status:De.Info,message:"Fetching Data..."}:$&&!C?{status:De.Info,message:"Saving Changes..."}:A||b?{status:De.Error,message:A||b}:"boolean"==typeof y&&y&&!x?{status:De.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof y||y||x?void 0:{status:De.Success,message:"The values reflect the current configuration of the selected cluster."},[S,$,C,A,b,y,x]),H=ua(()=>s?{label:"Back",leftIcon:na,variant:a.Secondary,onClick:s}:{label:"Cancel",variant:a.Secondary,onClick:z,disabled:O},[s,z,O]),[B,V]=pa(!1),U=ua(()=>n?o?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:oa,variant:a.Secondary,onClick:()=>V(!0)}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:oa,variant:a.Primary,onClick:n}:{"data-id":"wide-drawer-save",label:"Save",variant:a.Primary,onClick:R,disabled:X},[n,o,R,X]);return ta(Ye,{width:Lt,isOpen:t,disableAnimation:r,hideOverlay:!$&&!l,header:{...p,onClose:i?z:void 0,onCloseDisabled:O},footer:{note:E,actions:[H,U]},children:[$?aa(Fe,{$height:"calc(100vh - 136px)",children:aa(Dt,{children:aa(Qe,{titleSize:M.S,subTitleSize:M.XXXS,withGradient:!0,withSpinner:!0,...C})})}):ta(Ot,{children:[D&&ta(zt,{children:[u&&aa(_e,{icon:da,title:"Selected Clusters",badge:{label:u.value.length}}),v&&aa(ea,{width:"100%",...v}),f]}),I&&aa(Xt,{children:aa(_e,{icon:h.icon,title:h.title,subTitle:h.description,badge:h.badge})}),ta(Rt,{children:[aa(Mt,{isLeft:!0,heightOffset:N,...g}),aa(Mt,{isRight:!0,heightOffset:N,...m})]})]}),aa(ba,{isOpen:w,onClose:()=>T(!1),onApprove:z}),aa(e,{title:"Skip setup?",description:"Without completing setup, Odigos won't be able to collect and send your telemetry data. This may interrupt your data flow and limit the platform's ability to provide value.",isOpen:B,onClose:()=>V(!1),denyButton:{label:"Go Back",variant:a.Secondary,onClick:()=>V(!1)},approveButton:{label:"Skip",variant:a.Primary,onClick:()=>{n?.(),V(!1)}}})]})});It.displayName=It.name;export{ot as A,ba as C,xa as D,ka as N,ja as O,Ta as P,at as R,wt as S,Tt as U,It as W,Ca as a,dt as b,xt as c,it as d,Pa as e,Wa as f,ya as g,Lt as h,Sa as i,wa as j};