@odigos/ui-kit 0.0.146 → 0.0.147
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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.147](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.146...ui-kit-v0.0.147) (2025-12-14)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* update YAML formatting in YamlSectionCard to remove unnecessary spaces after colons ([#535](https://github.com/odigos-io/ui-kit/issues/535)) ([3fd4db9](https://github.com/odigos-io/ui-kit/commit/3fd4db9ae22a0b1ba831375468eedd5d290b3d66))
|
|
9
|
+
|
|
3
10
|
## [0.0.146](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.145...ui-kit-v0.0.146) (2025-12-14)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import o,{useMemo as s}from"react";import t from"styled-components";import{VIcon as a,CopyIcon as i,YamlIcon as e}from"../icons.js";import{c7 as n,i as r,j as l,k as c,f as m,q as p,aJ as d,h as u,cf as f}from"./ui-components-ad4d911e.js";const y=t.div`
|
|
2
2
|
padding: 0 12px;
|
|
3
|
-
`,b=({yaml:t})=>{const{clickCopy:b,isCopied:h}=n(),k=s(()=>[{id:r(),type:l.Button,buttonProps:{leftIcon:h?a:i,onClick:()=>b(t||""),disabled:h,size:c.S,variant:m.Secondary}}],[t,h]);return t?o.createElement(u,{icon:e,title:"YAML",actions:k},o.createElement(y,null,o.createElement(f,{code:t,language:"yaml",theme:"duotoneDark"}))):o.createElement(p,null,o.createElement(d,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};export{b as Y};
|
|
3
|
+
`,b=({yaml:t})=>{const{clickCopy:b,isCopied:h}=n(),k=s(()=>[{id:r(),type:l.Button,buttonProps:{leftIcon:h?a:i,onClick:()=>b(t||""),disabled:h,size:c.S,variant:m.Secondary}}],[t,h]);return t?o.createElement(u,{icon:e,title:"YAML",actions:k},o.createElement(y,null,o.createElement(f,{code:t.replaceAll(": |",":"),language:"yaml",theme:"duotoneDark"}))):o.createElement(p,null,o.createElement(d,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};export{b as Y};
|
package/lib/containers/v2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as t,useMemo as a,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as c,S as d,a as u,T as g,b as p,B as b,O as m,C as y,c as h,d as f,L as w,e as k,f as C,g as v,P as x,h as $,i as R,j as L,k as P,l as I,m as A,n as S,o as D,p as V,q as z,r as M,s as O,I as N,t as j,v as T,w as F,x as H,y as U,W}from"../chunks/ui-components-ad4d911e.js";import{ConnectionsIcon as E,OdigosLogo as Y,RefreshIcon as q,SettingsIcon as G,DeleteIcon as B,VIcon as K,XIcon as J,PodIcon as Q,ChevronUpIcon as X,ChevronDownIcon as Z,TerminalIcon as _,VSquareIcon as ee,XSquareIcon as te,PipelineCollectorIcon as ae,DownloadIcon as le,GatewayIcon as oe,YamlIcon as ie}from"../icons.js";import{Y as ne}from"../chunks/index-
|
|
1
|
+
import e,{useState as t,useMemo as a,useCallback as l,useEffect as o}from"react";import i,{useTheme as n}from"styled-components";import{F as s,u as r,D as c,S as d,a as u,T as g,b as p,B as b,O as m,C as y,c as h,d as f,L as w,e as k,f as C,g as v,P as x,h as $,i as R,j as L,k as P,l as I,m as A,n as S,o as D,p as V,q as z,r as M,s as O,I as N,t as j,v as T,w as F,x as H,y as U,W}from"../chunks/ui-components-ad4d911e.js";import{ConnectionsIcon as E,OdigosLogo as Y,RefreshIcon as q,SettingsIcon as G,DeleteIcon as B,VIcon as K,XIcon as J,PodIcon as Q,ChevronUpIcon as X,ChevronDownIcon as Z,TerminalIcon as _,VSquareIcon as ee,XSquareIcon as te,PipelineCollectorIcon as ae,DownloadIcon as le,GatewayIcon as oe,YamlIcon as ie}from"../icons.js";import{Y as ne}from"../chunks/index-c204fc21.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const se="75vw",re=i.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
border-radius: 16px;
|
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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,useTheme as p}from"styled-components";import{z as m,A as h,E as g,K as y,G as v,H as b,J as f,M as x,N as $,Q as k,R as C,U as S,V as w,X as T,Y as D,Z as N,_ as E,o as O,$ as F,a0 as I,a1 as A,a2 as M,a3 as R,a4 as L,a5 as P,a6 as K,a7 as j,a8 as V,a9 as q,aa as z,ab as H,ac as B,n as W,ad as _,ae as U,af as J,ag as G,ah as Y,ai as X,aj as Z,F as Q,ak as ee,al as te,am as ie,an as ae,ao as ne,ap as oe,aq as le,ar as re,as as se,at as ce,a as de,au as ue,av as pe,aw as me,ax as he,ay as ge,az as ye,aA as ve,aB as be,aC as fe,aD as xe,aE as $e,aF as ke,aG as Ce,aH as Se,aI as we,q as Te,aJ as De,aK as Ne,aL as Ee,aM as Oe,aN as Fe,aO as Ie,aP as Ae,aQ as Me,aR as Re,r as Le,aS as Pe,aT as Ke,aU as je,aV as Ve,aW as qe,aX as ze,aY as He,aZ as Be,a_ as We,a$ as _e,b0 as Ue,b1 as Je,b2 as Ge,b3 as Ye,b4 as Xe,b5 as Ze,b6 as Qe,b7 as et,b8 as tt,b9 as it,ba as at,bb as nt,bc as ot,bd as lt,be as rt,bf as st,bg as ct,bh as dt,bi as ut,bj as pt,bk as mt,bl as ht,bm as gt,bn as yt,bo as vt,bp as bt,bq as ft,br as xt,bs as $t,bt as kt,bu as Ct,bv as St,bw as wt,bx as Tt,by as Dt,bz as Nt,bA as Et,bB as Ot,bC as Ft,bD as It,bE as At,bF as Mt,bG as Rt,bH as Lt,bI as Pt,bJ as Kt,bK as jt,bL as Vt,bM as qt,bN as zt,g as Ht,bO as Bt,bP as Wt,bQ as _t,bR as Ut,bS as Jt,bT as Gt,bU as Yt,bV as Xt,bW as Zt,bX as Qt,bY as ei,i as ti,bZ as ii,b_ as ai,b$ as ni,c0 as oi,c1 as li,c2 as ri,c3 as si,c4 as ci,c5 as di,c6 as ui,c7 as pi,u as mi,c8 as hi,c9 as gi,ca as yi,cb as vi,cc as bi,cd as fi,ce as xi}from"./chunks/ui-components-ad4d911e.js";import{VSquareIcon as $i,XSquareIcon as ki,EditIcon as Ci,TrashIcon as Si,OdigosLogoText as wi,PlusIcon as Ti,SearchIcon as Di,FilterIcon as Ni,DataStreamIcon as Ei,VIcon as Oi,OdigosLogo as Fi,ArrowIcon as Ii,RefreshLeftArrowIcon as Ai,NotificationIcon as Mi,UserIcon as Ri,ImageErrorIcon as Li,OverviewIcon as Pi,InstrumentationRuleIcon as Ki,ActionIcon as ji,SourceIcon as Vi,DestinationIcon as qi,SlackLogo as zi,RefreshIcon as Hi,KeyIcon as Bi,TerminalIcon as Wi,ExclamationTriangleIcon as _i,TraceViewIcon as Ui}from"./icons.js";import{MarkerType as Ji,useNodesState as Gi,useEdgesState as Yi,applyNodeChanges as Xi}from"@xyflow/react";import{Y as Zi}from"./chunks/index-
|
|
1
|
+
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,useTheme as p}from"styled-components";import{z as m,A as h,E as g,K as y,G as v,H as b,J as f,M as x,N as $,Q as k,R as C,U as S,V as w,X as T,Y as D,Z as N,_ as E,o as O,$ as F,a0 as I,a1 as A,a2 as M,a3 as R,a4 as L,a5 as P,a6 as K,a7 as j,a8 as V,a9 as q,aa as z,ab as H,ac as B,n as W,ad as _,ae as U,af as J,ag as G,ah as Y,ai as X,aj as Z,F as Q,ak as ee,al as te,am as ie,an as ae,ao as ne,ap as oe,aq as le,ar as re,as as se,at as ce,a as de,au as ue,av as pe,aw as me,ax as he,ay as ge,az as ye,aA as ve,aB as be,aC as fe,aD as xe,aE as $e,aF as ke,aG as Ce,aH as Se,aI as we,q as Te,aJ as De,aK as Ne,aL as Ee,aM as Oe,aN as Fe,aO as Ie,aP as Ae,aQ as Me,aR as Re,r as Le,aS as Pe,aT as Ke,aU as je,aV as Ve,aW as qe,aX as ze,aY as He,aZ as Be,a_ as We,a$ as _e,b0 as Ue,b1 as Je,b2 as Ge,b3 as Ye,b4 as Xe,b5 as Ze,b6 as Qe,b7 as et,b8 as tt,b9 as it,ba as at,bb as nt,bc as ot,bd as lt,be as rt,bf as st,bg as ct,bh as dt,bi as ut,bj as pt,bk as mt,bl as ht,bm as gt,bn as yt,bo as vt,bp as bt,bq as ft,br as xt,bs as $t,bt as kt,bu as Ct,bv as St,bw as wt,bx as Tt,by as Dt,bz as Nt,bA as Et,bB as Ot,bC as Ft,bD as It,bE as At,bF as Mt,bG as Rt,bH as Lt,bI as Pt,bJ as Kt,bK as jt,bL as Vt,bM as qt,bN as zt,g as Ht,bO as Bt,bP as Wt,bQ as _t,bR as Ut,bS as Jt,bT as Gt,bU as Yt,bV as Xt,bW as Zt,bX as Qt,bY as ei,i as ti,bZ as ii,b_ as ai,b$ as ni,c0 as oi,c1 as li,c2 as ri,c3 as si,c4 as ci,c5 as di,c6 as ui,c7 as pi,u as mi,c8 as hi,c9 as gi,ca as yi,cb as vi,cc as bi,cd as fi,ce as xi}from"./chunks/ui-components-ad4d911e.js";import{VSquareIcon as $i,XSquareIcon as ki,EditIcon as Ci,TrashIcon as Si,OdigosLogoText as wi,PlusIcon as Ti,SearchIcon as Di,FilterIcon as Ni,DataStreamIcon as Ei,VIcon as Oi,OdigosLogo as Fi,ArrowIcon as Ii,RefreshLeftArrowIcon as Ai,NotificationIcon as Mi,UserIcon as Ri,ImageErrorIcon as Li,OverviewIcon as Pi,InstrumentationRuleIcon as Ki,ActionIcon as ji,SourceIcon as Vi,DestinationIcon as qi,SlackLogo as zi,RefreshIcon as Hi,KeyIcon as Bi,TerminalIcon as Wi,ExclamationTriangleIcon as _i,TraceViewIcon as Ui}from"./icons.js";import{MarkerType as Ji,useNodesState as Gi,useEdgesState as Yi,applyNodeChanges as Xi}from"@xyflow/react";import{Y as Zi}from"./chunks/index-c204fc21.js";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Qi=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:p,overwriteExistingValues:v,attributeNamesToDelete:b,renames:f,piiCategories:x,fallbackSamplingRatio:$,samplingPercentage:k,endpointsFilters:C,servicesNameFilters:S,attributeFilters:w}}=e,T=[{title:m.TYPE,value:t},{type:h.ActiveStatus,title:m.STATUS,value:String(!o)},{type:h.Monitors,title:m.SIGNALS_FOR_PROCESSING,value:n?.map(e=>e.toLowerCase()).join(", ")||""},{title:m.NAME,value:i||""},{title:m.NOTES,value:a||""},{type:h.Divider}];if(t===g.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:h.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||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${a+1}`:""),value:n})}),u?.length&&T.push({type:h.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||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${a+1}`:""),value:n})})),t===g.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:i},a)=>{e+=`${t}: ${i}`,a<p.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,i)=>{e+=t,i<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.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===g.PiiMasking){let e="";x?.forEach((t,i)=>{e+=t,i<x.length-1&&(e+=", ")}),T.push({title:"Categories",value:e})}return t===g.ErrorSampler&&T.push({title:"Sampling Ratio",value:String($)}),t===g.ProbabilisticSampler&&T.push({title:"Sampling Percentage",value:String(k)}),t===g.LatencySampler&&C?.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"+(C.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&S?.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"+(S.length>1?` #${a+1}`:""),value:n})}),t===g.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},ea=x.PiiCategories,ta=d.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
gap: 32px;
|