@odigos/ui-kit 0.0.127 → 0.0.128

package/lib/components/_v2/button-tab-list/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { type ButtonTabProps } from '../button-tab';
+export interface ButtonTabListProps {
+    buttons: ButtonTabProps[];
+}
+export declare const ButtonTabList: FC<ButtonTabListProps>;

package/lib/components/_v2/checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+export declare enum CheckboxSize {
+    S = "small",
+    L = "large"
+}
+export interface CheckboxProps {
+    label?: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    partiallyChecked?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Checkbox: FC<CheckboxProps>;

package/lib/components/_v2/checkbox-list/index.d.ts

@@ -0,0 +1,24 @@
+import { type FC, SetStateAction, Dispatch } from 'react';
+import { CheckboxProps, CheckboxSize } from '../checkbox';
+export declare enum CheckboxListDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+interface Values {
+    [key: string]: boolean;
+}
+interface Option extends Pick<CheckboxProps, 'label'> {
+    id: string;
+}
+export interface CheckboxListProps {
+    label?: string;
+    size?: CheckboxSize;
+    disabled?: boolean;
+    direction?: CheckboxListDirection;
+    withSelectAll?: boolean;
+    options: Option[];
+    values: Values;
+    setValues: Dispatch<SetStateAction<Values>>;
+}
+export declare const CheckboxList: FC<CheckboxListProps>;
+export {};

package/lib/components/_v2/index.d.ts

@@ -1,6 +1,11 @@
 export * from './button';
 export * from './button-tab';
+export * from './button-tab-list';
+export * from './checkbox';
+export * from './checkbox-list';
 export * from './input';
 export * from './modal';
 export * from './note';
+export * from './radio';
+export * from './radio-group';
 export * from './typography';

package/lib/components/_v2/input/index.d.ts

@@ -4,7 +4,9 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     required?: boolean;
     tooltip?: string;
-    icon?: SVG;
+    leftIcon?: SVG;
+    rightIcon?: SVG;
     errorMessage?: string;
+    helpMessage?: string;
 }
 export declare const Input: FC<InputProps>;

package/lib/components/_v2/note/index.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
+import { StatusType } from '@/types';
 export interface NoteProps {
+    status: StatusType;
     message: string;
 }
 export declare const Note: FC<NoteProps>;

package/lib/components/_v2/radio/index.d.ts

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+export declare enum RadioSize {
+    S = "small",
+    L = "large"
+}
+export interface RadioProps {
+    label?: string;
+    size?: RadioSize;
+    disabled?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+export declare const Radio: FC<RadioProps>;

package/lib/components/_v2/radio-group/index.d.ts

@@ -0,0 +1,23 @@
+import { type FC, type Dispatch, type SetStateAction } from 'react';
+import { RadioProps, RadioSize } from '../radio';
+export declare enum RadioGroupDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+interface Values {
+    [key: string]: boolean;
+}
+interface Option extends Pick<RadioProps, 'label'> {
+    id: string;
+}
+export interface RadioGroupProps {
+    label?: string;
+    size?: RadioSize;
+    disabled?: boolean;
+    direction?: RadioGroupDirection;
+    options: Option[];
+    values: Values;
+    setValues: Dispatch<SetStateAction<Values>>;
+}
+export declare const RadioGroup: FC<RadioGroupProps>;
+export {};

package/lib/components/_v2/typography/index.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import { CSSProperties } from 'styled-components';
 export declare enum TypographyVariants {
     H1 = "h1",
     H2 = "h2",
@@ -10,14 +11,14 @@ export declare enum TypographyVariants {
     Span = "span"
 }
 export declare enum TypographySize {
-    XXS = 12,
-    XS = 14,
-    S = 16,
-    M = 20,
-    L = 24,
-    XL = 32,
-    XXL = 40,
-    XXXL = 48
+    XXS = "xxs",
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
 }
 export declare enum TypographyAlign {
     Left = "left",
@@ -27,10 +28,11 @@ export declare enum TypographyAlign {
 export interface TypographyProps {
     children: React.ReactNode;
     variant?: TypographyVariants;
-    color?: string;
+    color?: CSSProperties['color'];
     size?: TypographySize;
-    weight?: number;
+    weight?: CSSProperties['fontWeight'];
     align?: TypographyAlign;
-    lineHeight?: number;
+    transform?: CSSProperties['textTransform'];
+    lineHeight?: CSSProperties['lineHeight'];
 }
 export declare const Typography: FC<TypographyProps>;

package/lib/components/v2.js

@@ -1 +1 @@
-export{cn as Button,cm as ButtonSize,co as ButtonTab,cl as ButtonVariants,cp as Input,cq as Modal,cr as Note,cv as Typography,cu as TypographyAlign,ct as TypographySize,cs as TypographyVariants}from"../chunks/ui-components-2d8c514a.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{cD as Button,cC as ButtonSize,cE as ButtonTab,cF as ButtonTabList,cB as ButtonVariants,cH as Checkbox,cJ as CheckboxList,cI as CheckboxListDirection,cG as CheckboxSize,cK as Input,cL as Modal,cM as Note,cO as Radio,cQ as RadioGroup,cP as RadioGroupDirection,cN as RadioSize,cU as Typography,cT as TypographyAlign,cS as TypographySize,cR as TypographyVariants}from"../chunks/ui-components-b0804608.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/components.js

@@ -1 +1 @@
-export{V as AutocompleteInput,ag as Badge,aj as Button,t as CancelWarning,ad as CenterThis,C as Checkbox,cy as Code,G as ConditionDetails,H as DataCard,a as DataCardFieldTypes,b5 as DataCardFields,cz as DataFinger,am as DataTab,s as DeleteWarning,bt as DescribeRow,W as Divider,m as DocsButton,r as Drawer,cB as DrawerFooter,cA as DrawerHeader,aK as Dropdown,cC as ErrorBoundary,aT as ExtendArrow,an as FadeLoader,b as FieldError,F as FieldLabel,L as FlexColumn,Z as FlexRow,cD as Header,aS as IconButton,bC as IconGroup,a9 as IconTitleBadge,a4 as IconWrapped,bp as IconsNav,cE as ImageControlled,I as Input,h as InputList,e as InputTable,ac as InteractiveTable,g as KeyValueInputsList,ai as LoadingText,O as Modal,Q as ModalBody,M as MonitorsCheckboxes,a6 as MonitorsIcons,P as NavigationButtons,ae as NoDataFound,R as NotificationNote,cK as Overlay,aF as Popup,bH as PopupForm,bM as ScrollX,ar as ScrollY,l as SectionTitle,S as Segment,aG as SelectionButton,av as SkeletonLoader,Y as Status,b4 as Stepper,cF as TabList,a7 as TableContainer,a8 as TableTitleWrap,ab as TableWrap,be as Tag,k as Text,n as TextArea,f as Toggle,bK as ToggleCodeComponent,$ as Tooltip,af as TraceLoader,aH as VerticalScroll,cJ as WarningModal,cG as getLinksFromText,cH as getStrongsFromText,cI as renderText}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{V as AutocompleteInput,ag as Badge,aj as Button,t as CancelWarning,ad as CenterThis,C as Checkbox,co as Code,G as ConditionDetails,H as DataCard,a as DataCardFieldTypes,b5 as DataCardFields,cp as DataFinger,am as DataTab,s as DeleteWarning,bt as DescribeRow,W as Divider,m as DocsButton,r as Drawer,cr as DrawerFooter,cq as DrawerHeader,aK as Dropdown,cs as ErrorBoundary,aT as ExtendArrow,an as FadeLoader,b as FieldError,F as FieldLabel,L as FlexColumn,Z as FlexRow,ct as Header,aS as IconButton,bC as IconGroup,a9 as IconTitleBadge,a4 as IconWrapped,bp as IconsNav,cu as ImageControlled,I as Input,h as InputList,e as InputTable,ac as InteractiveTable,g as KeyValueInputsList,ai as LoadingText,O as Modal,Q as ModalBody,M as MonitorsCheckboxes,a6 as MonitorsIcons,P as NavigationButtons,ae as NoDataFound,R as NotificationNote,cA as Overlay,aF as Popup,bH as PopupForm,bM as ScrollX,ar as ScrollY,l as SectionTitle,S as Segment,aG as SelectionButton,av as SkeletonLoader,Y as Status,b4 as Stepper,cv as TabList,a7 as TableContainer,a8 as TableTitleWrap,ab as TableWrap,be as Tag,k as Text,n as TextArea,f as Toggle,bK as ToggleCodeComponent,$ as Tooltip,af as TraceLoader,aH as VerticalScroll,cz as WarningModal,cw as getLinksFromText,cx as getStrongsFromText,cy as renderText}from"./chunks/ui-components-b0804608.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/constants.js

@@ -1 +1 @@
-export{y as ACTION_OPTIONS,B as BUTTON_TEXTS,aR as DEFAULT_DATA_STREAM_NAME,b2 as DESTINATION_CATEGORIES,aL as DISPLAY_LANGUAGES,D as DISPLAY_TITLES,U as FORM_ALERTS,bh as INSTRUMENTATION_RULE_OPTIONS,ch as LANGUAGE_OPTIONS,aM as MONITORS_OPTIONS,aN as STORAGE_KEYS,ci as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{y as ACTION_OPTIONS,B as BUTTON_TEXTS,aR as DEFAULT_DATA_STREAM_NAME,b2 as DESTINATION_CATEGORIES,aL as DISPLAY_LANGUAGES,D as DISPLAY_TITLES,U as FORM_ALERTS,bh as INSTRUMENTATION_RULE_OPTIONS,ci as LANGUAGE_OPTIONS,aM as MONITORS_OPTIONS,aN as STORAGE_KEYS,cj as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-b0804608.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/containers.js

@@ -1,4 +1,4 @@
-import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u}from"styled-components";import{D as p,a as m,A as h,K as g,F as y,C as v,b,c as f,I as x,d as $,i as C,e as S,f as k,g as w,h as T,j as D,k as N,T as E,S as O,l as F,m as I,M as A,n as M,u as R,o as L,p as P,q as K,B as j,r as V,s as q,t as z,E as H,v as B,w as W,x as _,y as J,z as U,G,H as Y,J as X,L as Z,N as Q,O as ee,P as te,Q as ie,R as ae,U as ne,V as oe,W as le,X as re,Y as se,Z as ce,_ as de,$ as ue,a0 as pe,a1 as me,a2 as he,a3 as ge,a4 as ye,a5 as ve,a6 as be,a7 as fe,a8 as xe,a9 as $e,aa as Ce,ab as Se,ac as ke,ad as we,ae as Te,af as De,ag as Ne,ah as Ee,ai as Oe,aj as Fe,ak as Ie,al as Ae,am as Me,an as Re,ao as Le,ap as Pe,aq as Ke,ar as je,as as Ve,at as qe,au as ze,av as He,aw as Be,ax as We,ay as _e,az as Je,aA as Ue,aB as Ge,aC as Ye,aD as Xe,aE as Ze,aF as Qe,aG as et,aH as tt,aI as it,aJ as at,aK as nt,aL as ot,aM as lt,aN as rt,aO as st,aP as ct,aQ as dt,aR as ut,aS as pt,aT as mt,aU as ht,aV as gt,aW as yt,aX as vt,aY as bt,aZ as ft,a_ as xt,a$ as $t,b0 as Ct,b1 as St,b2 as kt,b3 as wt,b4 as Tt,b5 as Dt,b6 as Nt,b7 as Et,b8 as Ot,b9 as Ft,ba as It,bb as At,bc as Mt,bd as Rt,be as Lt,bf as Pt,bg as Kt,bh as jt,bi as Vt,bj as qt,bk as zt,bl as Ht,bm as Bt,bn as Wt,bo as _t,bp as Jt,bq as Ut,br as Gt,bs as Yt,bt as Xt,bu as Zt,bv as Qt,bw as ei,bx as ti,by as ii,bz as ai,bA as ni,bB as oi,bC as li,bD as ri,bE as si,bF as ci,bG as di,bH as ui,bI as pi,bJ as mi,bK as hi,bL as gi,bM as yi}from"./chunks/ui-components-2d8c514a.js";import{CheckCircledIcon as vi,CrossCircledIcon as bi,EditIcon as fi,TrashIcon as xi,OdigosLogoText as $i,PlusIcon as Ci,SearchIcon as Si,FilterIcon as ki,DataStreamsIcon as wi,CheckIcon as Ti,OdigosLogo as Di,ArrowIcon as Ni,RefreshLeftArrowIcon as Ei,NotificationIcon as Oi,UserIcon as Fi,ImageErrorIcon as Ii,OverviewIcon as Ai,RulesIcon as Mi,ActionsIcon as Ri,SourcesIcon as Li,DestinationsIcon as Pi,SlackLogo as Ki,CopyIcon as ji,KeyIcon as Vi,TerminalIcon as qi,WarningTriangleIcon as zi,TraceViewIcon as Hi,ErrorTriangleIcon as Bi}from"./icons.js";import{MarkerType as Wi,useNodesState as _i,useEdgesState as Ji,applyNodeChanges as Ui}from"@xyflow/react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Gi=e=>{const{type:t,name:i,notes:a,signals:n,disabled:o,fields:{collectContainerAttributes:l,collectReplicaSetAttributes:r,collectWorkloadId:s,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:y,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:$,samplingPercentage:C,endpointsFilters:S,servicesNameFilters:k,attributeFilters:w}}=e,T=[{title:p.TYPE,value:t},{type:m.ActiveStatus,title:p.STATUS,value:String(!o)},{type:m.Monitors,title:p.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:p.NAME,value:i||""},{title:p.NOTES,value:a||""},{type:m.Divider}];if(t===h.K8sAttributes&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:m.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||g.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:n})}),u?.length&&T.push({type:m.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||g.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:n})})),t===h.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";y?.forEach(({attributeName:t,attributeStringValue:i},a)=>{e+=`${t}: ${i}`,a<y.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.DeleteAttributes){let e="";b?.forEach((t,i)=>{e+=t,i<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([i,a],n)=>{e+=`${i}: ${a}`,n<t.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.PiiMasking){let e="";x?.forEach((t,i)=>{e+=t,i<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===h.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===h.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(C)}),t===h.LatencySampler&&S?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:i,fallbackSamplingRatio:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${i}\n`,o+=`Fallback Sampling Ratio: ${a}`,T.push({title:"Endpoint"+(S.length>1?` #${n+1}`:""),value:o})}),t===h.ServiceNameSampler&&k?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:i},a)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${i}`,T.push({title:"Filter"+(k.length>1?` #${a+1}`:""),value:n})}),t===h.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:i,condition:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${i}\n`;const l=Object.keys(a)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${a[l]?.operation}\n`,o+=`Expected Value: ${a[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${a[l].jsonPath}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},Yi=f.PiiCategories,Xi=d.div`
+import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperativeHandle as o,useMemo as l,Fragment as r,useCallback as s,Children as c}from"react";import d,{css as u}from"styled-components";import{D as p,a as m,A as h,K as g,F as y,C as v,b,c as f,I as x,d as $,i as C,e as S,f as k,g as w,h as T,j as D,k as N,T as E,S as O,l as F,m as I,M as A,n as M,u as R,o as L,p as P,q as K,B as j,r as V,s as q,t as z,E as H,v as B,w as W,x as _,y as J,z as U,G,H as Y,J as X,L as Z,N as Q,O as ee,P as te,Q as ie,R as ae,U as ne,V as oe,W as le,X as re,Y as se,Z as ce,_ as de,$ as ue,a0 as pe,a1 as me,a2 as he,a3 as ge,a4 as ye,a5 as ve,a6 as be,a7 as fe,a8 as xe,a9 as $e,aa as Ce,ab as Se,ac as ke,ad as we,ae as Te,af as De,ag as Ne,ah as Ee,ai as Oe,aj as Fe,ak as Ie,al as Ae,am as Me,an as Re,ao as Le,ap as Pe,aq as Ke,ar as je,as as Ve,at as qe,au as ze,av as He,aw as Be,ax as We,ay as _e,az as Je,aA as Ue,aB as Ge,aC as Ye,aD as Xe,aE as Ze,aF as Qe,aG as et,aH as tt,aI as it,aJ as at,aK as nt,aL as ot,aM as lt,aN as rt,aO as st,aP as ct,aQ as dt,aR as ut,aS as pt,aT as mt,aU as ht,aV as gt,aW as yt,aX as vt,aY as bt,aZ as ft,a_ as xt,a$ as $t,b0 as Ct,b1 as St,b2 as kt,b3 as wt,b4 as Tt,b5 as Dt,b6 as Nt,b7 as Et,b8 as Ot,b9 as Ft,ba as It,bb as At,bc as Mt,bd as Rt,be as Lt,bf as Pt,bg as Kt,bh as jt,bi as Vt,bj as qt,bk as zt,bl as Ht,bm as Bt,bn as Wt,bo as _t,bp as Jt,bq as Ut,br as Gt,bs as Yt,bt as Xt,bu as Zt,bv as Qt,bw as ei,bx as ti,by as ii,bz as ai,bA as ni,bB as oi,bC as li,bD as ri,bE as si,bF as ci,bG as di,bH as ui,bI as pi,bJ as mi,bK as hi,bL as gi,bM as yi}from"./chunks/ui-components-b0804608.js";import{CheckCircledIcon as vi,CrossCircledIcon as bi,EditIcon as fi,TrashIcon as xi,OdigosLogoText as $i,PlusIcon as Ci,SearchIcon as Si,FilterIcon as ki,DataStreamsIcon as wi,CheckIcon as Ti,OdigosLogo as Di,ArrowIcon as Ni,RefreshLeftArrowIcon as Ei,NotificationIcon as Oi,UserIcon as Fi,ImageErrorIcon as Ii,OverviewIcon as Ai,RulesIcon as Mi,ActionsIcon as Ri,SourcesIcon as Li,DestinationsIcon as Pi,SlackLogo as Ki,CopyIcon as ji,KeyIcon as Vi,TerminalIcon as qi,WarningTriangleIcon as zi,TraceViewIcon as Hi,ErrorTriangleIcon as Bi}from"./icons.js";import{MarkerType as Wi,useNodesState as _i,useEdgesState as Ji,applyNodeChanges as Ui}from"@xyflow/react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Gi=e=>{const{type:t,name:i,notes:a,signals:n,disabled:o,fields:{collectContainerAttributes:l,collectReplicaSetAttributes:r,collectWorkloadId:s,collectClusterId:c,labelsAttributes:d,annotationsAttributes:u,clusterAttributes:y,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:$,samplingPercentage:C,endpointsFilters:S,servicesNameFilters:k,attributeFilters:w}}=e,T=[{title:p.TYPE,value:t},{type:m.ActiveStatus,title:p.STATUS,value:String(!o)},{type:m.Monitors,title:p.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:p.NAME,value:i||""},{title:p.NOTES,value:a||""},{type:m.Divider}];if(t===h.K8sAttributes&&(T.push({title:"Collect Container Attributes",value:String(l)}),T.push({title:"Collect ReplicaSet Attributes",value:String(r)}),T.push({title:"Collect Workload ID",value:String(s)}),T.push({title:"Collect Cluster ID",value:String(c)}),d?.length&&T.push({type:m.Divider}),d?.forEach(({labelKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||g.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:n})}),u?.length&&T.push({type:m.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:i},a)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${i||g.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:n})})),t===h.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";y?.forEach(({attributeName:t,attributeStringValue:i},a)=>{e+=`${t}: ${i}`,a<y.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.DeleteAttributes){let e="";b?.forEach((t,i)=>{e+=t,i<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([i,a],n)=>{e+=`${i}: ${a}`,n<t.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.PiiMasking){let e="";x?.forEach((t,i)=>{e+=t,i<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===h.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===h.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(C)}),t===h.LatencySampler&&S?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:i,fallbackSamplingRatio:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${i}\n`,o+=`Fallback Sampling Ratio: ${a}`,T.push({title:"Endpoint"+(S.length>1?` #${n+1}`:""),value:o})}),t===h.ServiceNameSampler&&k?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:i},a)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${i}`,T.push({title:"Filter"+(k.length>1?` #${a+1}`:""),value:n})}),t===h.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:i,condition:a},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${i}\n`;const l=Object.keys(a)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${a[l]?.operation}\n`,o+=`Expected Value: ${a[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${a[l].jsonPath}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},Yi=f.PiiCategories,Xi=d.div`
   display: flex;
   flex-direction: row;
   gap: 32px;
@@ -470,7 +470,7 @@ import e,{useState as t,useEffect as i,forwardRef as a,useRef as n,useImperative
   width: 100%;
   align-items: center;
   justify-content: space-between;
-`,wl=({source:a,fetchSourceLibraries:n})=>{const o=E.useTheme(),[l,s]=t(!1),[c,d]=t(null);return i(()=>{a&&n({variables:{namespace:a.namespace,name:a.name,kind:a.kind}}).then(({data:e})=>{e?.instrumentationInstanceComponents?d(wt(e.instrumentationInstanceComponents).sort((e,t)=>e.name.localeCompare(t.name))):s(!0)})},[n,a]),c||l?e.createElement(Z,{$gap:12},l?e.createElement(we,{$height:"70vh"},e.createElement(Te,{subTitle:"Could not fetch libraries for this source"})):c?.length?e.createElement(Y,{title:"Instrumented Libraries"},c.map(({name:t,healthy:i,nonIdentifyingAttributes:a},n)=>e.createElement(r,{key:`library-${t}`},e.createElement(kl,null,e.createElement(N,{size:12,color:o.text.grey},t),e.createElement(ce,{$gap:4},a.map(({key:i,value:a})=>Qt(a)&&ei(a)&&"is_standard_lib"===i?e.createElement(se,{key:`${t}-${i}`,status:B.Default,title:"STANDARD",withBorder:!0}):null),"boolean"==typeof i&&e.createElement(se,{status:i?B.Success:B.Error,title:i?"HEALTHY":"UNHEALTHY",withBorder:!0}))),n!==c.length-1&&e.createElement(le,{length:"100%",margin:"0"})))):e.createElement(we,{$height:"70vh",$gap:12},e.createElement(Te,{title:"No libraries found",subTitle:""}),e.createElement(ae,{type:B.Warning,message:"This feature is in early development, and has very limited support"}))):e.createElement(we,{$height:"70vh"},e.createElement(Re,null))};var Tl;!function(e){e.Overview="Overview",e.Pods="Pods",e.Libraries="Libraries"}(Tl||(Tl={}));const Dl=[ai.Deployment,ai.StatefulSet,ai.DaemonSet,ai.DeploymentConfig],Nl=[ni.Python,ni.Go],El=d.div`
+`,wl=({source:a,fetchSourceLibraries:n})=>{const o=E.useTheme(),[l,s]=t(!1),[c,d]=t(null);return i(()=>{a&&n({variables:{namespace:a.namespace,name:a.name,kind:a.kind}}).then(({data:e})=>{e?.instrumentationInstanceComponents?d(wt(e.instrumentationInstanceComponents).sort((e,t)=>e.name.localeCompare(t.name))):s(!0)})},[n,a]),c||l?e.createElement(Z,{$gap:12},l?e.createElement(we,{$height:"70vh"},e.createElement(Te,{subTitle:"Could not fetch libraries for this source"})):c?.length?e.createElement(Y,{title:"Instrumented Libraries"},c.map(({name:t,healthy:i,nonIdentifyingAttributes:a},n)=>e.createElement(r,{key:`library-${t}`},e.createElement(kl,null,e.createElement(N,{size:12,color:o.text.grey},t),e.createElement(ce,{$gap:4},a.map(({key:i,value:a})=>Qt(a)&&ei(a)&&"is_standard_lib"===i?e.createElement(se,{key:`${t}-${i}`,status:B.Default,title:"STANDARD",withBorder:!0}):null),"boolean"==typeof i&&e.createElement(se,{status:i?B.Success:B.Error,title:i?"HEALTHY":"UNHEALTHY",withBorder:!0}))),n!==c.length-1&&e.createElement(le,{length:"100%",margin:"0"})))):e.createElement(we,{$height:"70vh",$gap:12},e.createElement(Te,{title:"No libraries found",subTitle:""}),e.createElement(ae,{type:B.Warning,message:"This feature is in early development, and has very limited support"}))):e.createElement(we,{$height:"70vh"},e.createElement(Re,null))};var Tl;!function(e){e.Overview="Overview",e.Pods="Pods",e.Libraries="Libraries"}(Tl||(Tl={}));const Dl=[ai.Deployment,ai.StatefulSet,ai.DaemonSet,ai.DeploymentConfig],Nl=[ni.Python,ni.Go,ni.Java],El=d.div`
   width: 100%;
   height: 100%;
   max-height: calc(100vh - 220px);

package/lib/functions/get-status-color/index.d.ts

@@ -0,0 +1,3 @@
+import { StatusType } from '@/types';
+import { DefaultTheme } from 'styled-components';
+export declare const getStatusColor: (theme: DefaultTheme, status: StatusType, weight: keyof typeof theme.v2.colors.purple | keyof typeof theme.v2.colors.red | keyof typeof theme.v2.colors.yellow | keyof typeof theme.v2.colors.green) => string;

package/lib/functions/get-status-icon/index.d.ts

@@ -1,3 +1,3 @@
 import { StatusType, type SVG } from '@/types';
 import type { DefaultTheme } from 'styled-components';
-export declare const getStatusIcon: (type: StatusType, theme: DefaultTheme) => SVG;
+export declare const getStatusIcon: (status: StatusType, theme: DefaultTheme) => SVG;

package/lib/functions/index.d.ts

@@ -28,6 +28,7 @@ export * from './get-platform-label';
 export * from './get-programming-language-icon';
 export * from './get-recursive-values';
 export * from './get-sse-target-from-id';
+export * from './get-status-color';
 export * from './get-status-icon';
 export * from './get-status-type-from-odigos-health';
 export * from './get-value-for-range';

package/lib/functions.js

@@ -1 +1 @@
-export{b1 as capitalizeFirstLetter,c0 as cleanObjectEmptyStringsValues,aY as compareCondition,b3 as deepClone,a3 as filterActions,aB as filterDestinations,aC as filterDestinationsByStream,az as filterSources,aA as filterSourcesByStream,c1 as flattenObjectKeys,aq as formatBytes,bJ as formatDuration,z as getActionIcon,X as getConditionsBooleans,au as getContainersIcons,bD as getContainersInstrumentedCount,at as getDestinationIcon,aa as getEntityIcon,ao as getEntityId,a5 as getEntityLabel,c2 as getIdFromSseTarget,as as getInstrumentationRuleIcon,c3 as getMainContainerLanguage,b6 as getMetricForEntity,c4 as getMonitorIcon,c5 as getPlatformIcon,c6 as getPlatformLabel,bf as getProgrammingLanguageIcon,bL as getRecursiveValues,c7 as getSseTargetFromId,a1 as getStatusIcon,bq as getStatusTypeFromOdigosHealth,c8 as getValueForRange,bj as getWorkloadId,b0 as getYamlFieldsForDestination,br as hasUnhealthyInstances,i as isEmpty,c9 as isLegalK8sLabel,bE as isOverTime,bv as isStringABoolean,ca as isTimeElapsed,cb as isValidVersion,_ as mapConditions,aX as mapDestinationFieldsForDisplay,ap as mapExportedSignals,cc as numbersOnly,bw as parseBooleanFromString,cd as parseJsonStringToPrettyString,ce as removeEmptyValuesFromObject,aZ as safeJsonParse,cf as safeJsonStringify,ah as sleep,aJ as splitCamelString,cg as stringifyNonStringValues}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{b1 as capitalizeFirstLetter,c0 as cleanObjectEmptyStringsValues,aY as compareCondition,b3 as deepClone,a3 as filterActions,aB as filterDestinations,aC as filterDestinationsByStream,az as filterSources,aA as filterSourcesByStream,c1 as flattenObjectKeys,aq as formatBytes,bJ as formatDuration,z as getActionIcon,X as getConditionsBooleans,au as getContainersIcons,bD as getContainersInstrumentedCount,at as getDestinationIcon,aa as getEntityIcon,ao as getEntityId,a5 as getEntityLabel,c2 as getIdFromSseTarget,as as getInstrumentationRuleIcon,c3 as getMainContainerLanguage,b6 as getMetricForEntity,c4 as getMonitorIcon,c5 as getPlatformIcon,c6 as getPlatformLabel,bf as getProgrammingLanguageIcon,bL as getRecursiveValues,c7 as getSseTargetFromId,c8 as getStatusColor,a1 as getStatusIcon,bq as getStatusTypeFromOdigosHealth,c9 as getValueForRange,bj as getWorkloadId,b0 as getYamlFieldsForDestination,br as hasUnhealthyInstances,i as isEmpty,ca as isLegalK8sLabel,bE as isOverTime,bv as isStringABoolean,cb as isTimeElapsed,cc as isValidVersion,_ as mapConditions,aX as mapDestinationFieldsForDisplay,ap as mapExportedSignals,cd as numbersOnly,bw as parseBooleanFromString,ce as parseJsonStringToPrettyString,cf as removeEmptyValuesFromObject,aZ as safeJsonParse,cg as safeJsonStringify,ah as sleep,aJ as splitCamelString,ch as stringifyNonStringValues}from"./chunks/ui-components-b0804608.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/hooks.js

@@ -1 +1 @@
-export{x as useActionFormData,ck as useBodyScroll,aD as useClickNode,bl as useClickNotification,aw as useConnection,ay as useContainerSize,bF as useCopy,aP as useDataStreamFormData,a$ as useDestinationFormData,bG as useGenericForm,bg as useInstrumentationRuleFormData,q as useKeyDown,aI as useOnClickOutside,aE as usePopup,aO as useSessionStorage,bx as useSourceFormData,bB as useSourceSelectionFormData,bk as useTimeAgo,bi as useTransition}from"./chunks/ui-components-2d8c514a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{x as useActionFormData,cl as useBodyScroll,aD as useClickNode,bl as useClickNotification,aw as useConnection,ay as useContainerSize,bF as useCopy,aP as useDataStreamFormData,a$ as useDestinationFormData,bG as useGenericForm,bg as useInstrumentationRuleFormData,q as useKeyDown,aI as useOnClickOutside,aE as usePopup,aO as useSessionStorage,bx as useSourceFormData,bB as useSourceSelectionFormData,bk as useTimeAgo,bi as useTransition}from"./chunks/ui-components-b0804608.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-f206ac21.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/icons/common/dot-icon/index.d.ts

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

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

@@ -4,6 +4,7 @@ export * from './code-brackets-icon';
 export * from './code-icon';
 export * from './command-icon';
 export * from './copy-icon';
+export * from './dot-icon';
 export * from './edit-icon';
 export * from './edited-icon';
 export * from './extend-arrow-icon';