@odigos/ui-kit 0.0.140 → 0.0.141
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 +12 -0
- package/lib/chunks/{ui-components-eab2149b.js → ui-components-c3adf029.js} +1 -1
- package/lib/components/_v2/table/index.d.ts +1 -1
- package/lib/components/_v2/table/table-columns/index.d.ts +2 -0
- package/lib/components/_v2/table/table-rows/actions/index.d.ts +1 -2
- package/lib/components/_v2/table/table-rows/index.d.ts +1 -1
- package/lib/components/_v2/table/types.d.ts +1 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/v2.js +4 -4
- package/lib/containers.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.141](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.140...ui-kit-v0.0.141) (2025-12-11)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* table enhancements ([#519](https://github.com/odigos-io/ui-kit/issues/519)) ([88c0fb3](https://github.com/odigos-io/ui-kit/commit/88c0fb3b95da62014227d7353260ed988390d9c6))
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* update TableRowAction interface and simplify action handling in table rows ([#521](https://github.com/odigos-io/ui-kit/issues/521)) ([11dfda4](https://github.com/odigos-io/ui-kit/commit/11dfda49337a69195db5ae531126dbcedd2eb6d6))
|
|
14
|
+
|
|
3
15
|
## [0.0.140](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.139...ui-kit-v0.0.140) (2025-12-10)
|
|
4
16
|
|
|
5
17
|
|
|
@@ -2116,7 +2116,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2116
2116
|
right: ${({$rightPosition:e})=>e};
|
|
2117
2117
|
top: 50%;
|
|
2118
2118
|
transform: translateY(-50%);
|
|
2119
|
-
`,Vu=({rowActions:e,rowActionsPushRightPosition:t="12px"
|
|
2119
|
+
`,Vu=({rowActions:e,rowActionsPushRightPosition:t="12px"})=>xt.createElement(Wu,{$rightPosition:t},e.map(e=>xt.createElement(Ui,{key:e.id,...e}))),Hu=({columns:e,rows:t,getRowActions:o,rowActionsPushRightPosition:n,withCheckboxes:i})=>{const[a,r]=yt(null);return xt.createElement(xt.Fragment,null,t.map((s,l)=>{const{onClick:c,isSelected:d=!1,onSelect:p,onDeselect:u,cells:h}=s,m=a===l,g=!!c,x=o(s),$=(e,o,n)=>({$isLastRow:l===t.length-1,$isFirstCell:o,$isLastCell:n,$hovered:m,$selected:d,$withClick:e,onClick:()=>e&&c?.(),onMouseEnter:()=>e&&r(l),onMouseLeave:()=>e&&r(null)});return xt.createElement("tr",{key:`row-${l}`},i&&xt.createElement(ju,{key:"checkbox-column",...$(!1,!0,!1)},xt.createElement(Sp,{value:d,onChange:()=>d?u?.():p?.()})),e.map(({key:t,textAlign:o},a)=>{const r=h.find(e=>e.key===t),s=0===a&&!i,c=a===e.length-1;return xt.createElement(ju,{key:`row-${l}-cell-${a}`,...$(g,s,c)},r?.component?xt.createElement(fa,{$justifyContent:"right"===o?"flex-end":"flex-start"},xt.createElement(r.component,null)):xt.createElement(Di,{size:Si.XS,align:o},r?.rawValue||"-"),x.length&&m&&c?xt.createElement(Vu,{rowActions:x,rowActionsPushRightPosition:n}):null)}))}))},qu=({columns:e,sortDirection:t,sortByKey:o,onSort:n,withCheckboxes:i,allSelected:a,onSelectAll:r})=>{const s=Ft();return xt.createElement("tr",null,i&&xt.createElement(Pu,{key:"checkbox-column",$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Sp,{value:a||!1,onChange:r})),e.map(({key:a,label:r,sortable:l,minWidth:c,textAlign:d},p)=>{const u=0===p&&!i,h=p===e.length-1;return xt.createElement(Pu,{key:`column-${a}`,$minWidth:c,$isFirst:u,$isLast:h},xt.createElement(Uu,{$withClick:l||!1,$textAlign:d,onClick:()=>l?n(a):null},xt.createElement(Di,{size:Si.XS,align:d},r),l&&xt.createElement(Ge,{fill:o===a?s.v2.colors.white[500]:s.v2.colors.grey[400],rotate:t===go.Ascending?0:180})),!h&&xt.createElement(Bu,null))}))},Gu=({maxHeight:e="unset",isLoading:t,columns:o,rows:n,getRowActions:i,rowActionsPushRightPosition:a,withCheckboxes:r})=>{const[s,l]=yt(go.Ascending),[c,d]=yt(""),p=vt(e=>{d(e),l(e=>e===go.Ascending?go.Descending:go.Ascending)},[]),u=ft(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue||o.component?.({})?.props?.children)||null};return c?[...n].sort((t,o)=>{const n=e(t,c),i=e(o,c);return(s===go.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):n},[n,c,s]);return xt.createElement(_u,{$maxHeight:e},xt.createElement(Ru,null,xt.createElement(Lu,null,xt.createElement(qu,{columns:o,sortDirection:s,sortByKey:c,onSort:p,withCheckboxes:r,allSelected:n.every(e=>e.isSelected),onSelectAll:e=>{e?n.forEach(e=>e.onSelect?.()):n.forEach(e=>e.onDeselect?.())}})),xt.createElement(Mu,null,xt.createElement(Hu,{columns:o,rows:u,getRowActions:i||(()=>[]),rowActionsPushRightPosition:a,withCheckboxes:r}))),!u.length&&xt.createElement(ya,{style:{marginTop:"0.5rem"}},t?xt.createElement(ss,{scale:1.2}):xt.createElement(el,null)))},Ku=It.div`
|
|
2120
2120
|
display: flex;
|
|
2121
2121
|
align-items: center;
|
|
2122
2122
|
justify-content: center;
|
|
@@ -7,7 +7,7 @@ export interface TableProps {
|
|
|
7
7
|
isLoading?: boolean;
|
|
8
8
|
columns: TableColumn[];
|
|
9
9
|
rows: TableRow[];
|
|
10
|
-
|
|
10
|
+
getRowActions?: (row: TableRow) => TableRowAction[];
|
|
11
11
|
rowActionsPushRightPosition?: CSSProperties['width'];
|
|
12
12
|
withCheckboxes?: boolean;
|
|
13
13
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { type CSSProperties, type FC } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { TableRowAction } from '../../types';
|
|
3
3
|
interface ActionsProps {
|
|
4
4
|
rowActions: TableRowAction[];
|
|
5
5
|
rowActionsPushRightPosition?: CSSProperties['width'];
|
|
6
|
-
row: TableRow;
|
|
7
6
|
}
|
|
8
7
|
export declare const Actions: FC<ActionsProps>;
|
|
9
8
|
export {};
|
|
@@ -3,7 +3,7 @@ import type { TableColumn, TableRow, TableRowAction } from '../types';
|
|
|
3
3
|
interface TableRowsProps {
|
|
4
4
|
columns: TableColumn[];
|
|
5
5
|
rows: TableRow[];
|
|
6
|
-
|
|
6
|
+
getRowActions: (row: TableRow) => TableRowAction[];
|
|
7
7
|
rowActionsPushRightPosition?: CSSProperties['width'];
|
|
8
8
|
withCheckboxes?: boolean;
|
|
9
9
|
}
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge,f as Button,l as ButtonSize,d4 as ButtonTab,d5 as ButtonTabList,g as ButtonVariants,C as Checkbox,d9 as CheckboxList,d8 as CheckboxListDirection,d7 as CheckboxSize,v as CliCommand,t as DataCard,D as Drawer,da as DropData,db as Header,I as IconButton,c7 as IconButtonSize,dc as Input,L as Loader,dd as Modal,de as Navbar,df as Note,dh as Radio,dj as RadioGroup,di as RadioGroupDirection,dg as RadioSize,S as Search,i as SectionCard,k as SectionCardActionType,d6 as SectionCardSize,y as Segment,z as StatusCard,m as Table,dk as Tag,A as TextCard,c as Toggle,d as ToggleSize,dl as ToggleVariant,T as Typography,b as TypographySize,dm as TypographyVariants}from"../chunks/ui-components-
|
|
1
|
+
export{B as Badge,f as Button,l as ButtonSize,d4 as ButtonTab,d5 as ButtonTabList,g as ButtonVariants,C as Checkbox,d9 as CheckboxList,d8 as CheckboxListDirection,d7 as CheckboxSize,v as CliCommand,t as DataCard,D as Drawer,da as DropData,db as Header,I as IconButton,c7 as IconButtonSize,dc as Input,L as Loader,dd as Modal,de as Navbar,df as Note,dh as Radio,dj as RadioGroup,di as RadioGroupDirection,dg as RadioSize,S as Search,i as SectionCard,k as SectionCardActionType,d6 as SectionCardSize,y as Segment,z as StatusCard,m as Table,dk as Tag,A as TextCard,c as Toggle,d as ToggleSize,dl as ToggleVariant,T as Typography,b as TypographySize,dm as TypographyVariants}from"../chunks/ui-components-c3adf029.js";import"../icons.js";import"react";import"styled-components";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";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{at as AutocompleteInput,aM as Badge,aP as Button,ae as CancelWarning,r as CenterThis,M as Checkbox,w as Code,ak as ConditionDetails,al as DataCard,G as DataCardFieldTypes,bA as DataCardFields,cU as DataFinger,aS as DataTab,ad as DeleteWarning,bX as DescribeRow,au as Divider,a4 as DocsButton,ac as Drawer,cW as DrawerFooter,cV as DrawerHeader,bd as Dropdown,cX as ErrorBoundary,bm as ExtendArrow,s as FadeLoader,Q as FieldError,J as FieldLabel,F as FlexColumn,a as FlexRow,cY as Header,bl as IconButton,c4 as IconGroup,aH as IconTitleBadge,aC as IconWrapped,bT as IconsNav,cZ as ImageControlled,U as Input,$ as InputList,Y as InputTable,aK as InteractiveTable,_ as KeyValueInputsList,aO as LoadingText,ao as Modal,aq as ModalBody,a5 as MonitorsCheckboxes,aE as MonitorsIcons,ap as NavigationButtons,N as NoDataFound,ar as NotificationNote,d3 as Overlay,P as PageContent,b8 as Popup,c8 as PopupForm,cd as ScrollX,aW as ScrollY,a3 as SectionTitle,a2 as Segment,b9 as SelectionButton,a_ as SkeletonLoader,aw as Status,bz as Stepper,c_ as TabList,aF as TableContainer,aG as TableTitleWrap,aJ as TableWrap,bJ as Tag,a1 as Text,a6 as TextArea,Z as Toggle,cb as ToggleCodeComponent,e as Tooltip,aL as TraceLoader,ba as VerticalScroll,d2 as WarningModal,c$ as getLinksFromText,d0 as getStrongsFromText,d1 as renderText}from"./chunks/ui-components-
|
|
1
|
+
export{at as AutocompleteInput,aM as Badge,aP as Button,ae as CancelWarning,r as CenterThis,M as Checkbox,w as Code,ak as ConditionDetails,al as DataCard,G as DataCardFieldTypes,bA as DataCardFields,cU as DataFinger,aS as DataTab,ad as DeleteWarning,bX as DescribeRow,au as Divider,a4 as DocsButton,ac as Drawer,cW as DrawerFooter,cV as DrawerHeader,bd as Dropdown,cX as ErrorBoundary,bm as ExtendArrow,s as FadeLoader,Q as FieldError,J as FieldLabel,F as FlexColumn,a as FlexRow,cY as Header,bl as IconButton,c4 as IconGroup,aH as IconTitleBadge,aC as IconWrapped,bT as IconsNav,cZ as ImageControlled,U as Input,$ as InputList,Y as InputTable,aK as InteractiveTable,_ as KeyValueInputsList,aO as LoadingText,ao as Modal,aq as ModalBody,a5 as MonitorsCheckboxes,aE as MonitorsIcons,ap as NavigationButtons,N as NoDataFound,ar as NotificationNote,d3 as Overlay,P as PageContent,b8 as Popup,c8 as PopupForm,cd as ScrollX,aW as ScrollY,a3 as SectionTitle,a2 as Segment,b9 as SelectionButton,a_ as SkeletonLoader,aw as Status,bz as Stepper,c_ as TabList,aF as TableContainer,aG as TableTitleWrap,aJ as TableWrap,bJ as Tag,a1 as Text,a6 as TextArea,Z as Toggle,cb as ToggleCodeComponent,e as Tooltip,aL as TraceLoader,ba as VerticalScroll,d2 as WarningModal,c$ as getLinksFromText,d0 as getStrongsFromText,d1 as renderText}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{ai as ACTION_OPTIONS,ab as BUTTON_TEXTS,bk as DEFAULT_DATA_STREAM_NAME,bx as DESTINATION_CATEGORIES,be as DISPLAY_LANGUAGES,E as DISPLAY_TITLES,as as FORM_ALERTS,bM as INSTRUMENTATION_RULE_OPTIONS,cN as LANGUAGE_OPTIONS,bf as MONITORS_OPTIONS,bg as STORAGE_KEYS,cO as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-
|
|
1
|
+
export{ai as ACTION_OPTIONS,ab as BUTTON_TEXTS,bk as DEFAULT_DATA_STREAM_NAME,bx as DESTINATION_CATEGORIES,be as DISPLAY_LANGUAGES,E as DISPLAY_TITLES,as as FORM_ALERTS,bM as INSTRUMENTATION_RULE_OPTIONS,cN as LANGUAGE_OPTIONS,bf as MONITORS_OPTIONS,bg as STORAGE_KEYS,cO as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/containers/v2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as a,useMemo as t,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 p,b as g,B as b,O as m,C as y,c as C,d as h,e as k,L as f,f as w,g as v,h as x,P as $,i as L,j as P,k as
|
|
1
|
+
import e,{useState as a,useMemo as t,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 p,b as g,B as b,O as m,C as y,c as C,d as h,e as k,L as f,f as w,g as v,h as x,P as $,i as L,j as P,k as R,l as I,m as A,n as z,o as S,p as M,q as D,r as V,s as N,t as O,I as T,v as j,w as Y,x as F,y as H,N as U,z as E,A as q,W as G}from"../chunks/ui-components-c3adf029.js";import{ConnectionsIcon as W,OdigosLogo as B,RefreshIcon as K,SettingsIcon as J,DeleteIcon as Q,VIcon as X,XIcon as Z,PodIcon as _,ChevronUpIcon as ee,ChevronDownIcon as ae,TerminalIcon as te,YamlIcon as le,CopyIcon as oe,VSquareIcon as ie,XSquareIcon as ne,PipelineCollectorIcon as se,DownloadIcon as re,GatewayIcon as ce}from"../icons.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 de="75vw",ue=i.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
border-radius: 16px;
|
|
@@ -46,7 +46,7 @@ import e,{useState as a,useMemo as t,useCallback as l,useEffect as o}from"react"
|
|
|
46
46
|
justify-content: flex-end;
|
|
47
47
|
gap: 16px;
|
|
48
48
|
padding: 0 24px;
|
|
49
|
-
`,he=({isOpen:l,onClose:o,connections:i,selectedConnectionIds:s,setSelectedConnectionIds:x,onApply:$})=>{const L=n(),[P,
|
|
49
|
+
`,he=({isOpen:l,onClose:o,connections:i,selectedConnectionIds:s,setSelectedConnectionIds:x,onApply:$})=>{const L=n(),[P,R]=a(""),I=t(()=>i.filter(e=>!P||e.name.toLowerCase().includes(P.toLowerCase())),[i,P]),A=s.length>0,z=e=>{x(a=>a.includes(e)?a.filter(a=>a!==e):[...a,e])},[S,M]=a(!1),[D,V]=a(void 0),{formData:N,handleFormChange:O,resetFormData:T}=r({automaticRollout:!0});return e.createElement(c,{isOpen:l,hideOverlay:!0,width:de,header:{icon:W,title:"Cluster Configuration",onClose:o}},e.createElement(ue,null,e.createElement(pe,null,e.createElement(d,{value:P,onChange:R})),e.createElement(ge,null,e.createElement(be,{$width:"40%"},e.createElement(u,{$padding:"0 12px",$justifyContent:"space-between"},e.createElement(u,{$gap:8},e.createElement(p,{size:g.XS},"Clusters"),e.createElement(b,{label:i.length,status:m.Unknown})),e.createElement(u,{$gap:8},e.createElement(p,{size:g.XXXS,color:L.v2.colors.silver[200]},"Selected"),e.createElement(b,{label:`${s.length}/${i.length}`,status:m.Unknown}))),e.createElement(me,{$isFooterOpen:A,$borderRadius:"16px 0 0 16px"},I.map(a=>e.createElement(ye,{key:a.id,onClick:()=>z(a.id)},e.createElement(y,{value:s.includes(a.id),onChange:()=>z(a.id)}),e.createElement(p,{size:g.XS},a.name))))),e.createElement(be,{$width:"60%"},e.createElement(u,{$padding:"2px 12px"},e.createElement(p,{size:g.XS},"Configurations")),e.createElement(me,{$isFooterOpen:A,$borderRadius:"0 16px 16px 0"},e.createElement(u,{$gap:12},e.createElement(p,{size:g.XS},"Automatic Rollout"),e.createElement(C,{size:h.S,value:N.automaticRollout,onChange:e=>O("automaticRollout",e)}),e.createElement(k,{text:"Automatic Rollout",withIcon:!0})))))),A&&e.createElement(Ce,null,S?e.createElement(f,{label:"Applying configurations...",icon:B,withGradient:!0,typographyProps:{size:g.XXS}}):D?e.createElement(p,{size:g.XXS,color:L.v2.colors.red[500]},D):null,e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:v.Secondary,label:"Cancel",fullWidth:!0,onClick:()=>{T(),x([])},disabled:S})),e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:v.Primary,label:"Apply",fullWidth:!0,onClick:async()=>{M(!0);const{error:e}=await $(s,N);M(!1),e?V(e):o()},disabled:S}))))};var ke;!function(e){e.Id="id",e.Name="name",e.Type="type",e.Status="status",e.OdigosVersion="odigosVersion",e.ConnectedSince="connectedSince",e.LastActivity="lastActivity"}(ke||(ke={}));const fe=[{key:ke.Name,label:"Name",sortable:!0},{key:ke.Type,label:"Type",sortable:!0,textAlign:"right"},{key:ke.Status,label:"Status",sortable:!0},{key:ke.OdigosVersion,label:"Odigos Version",sortable:!0},{key:ke.ConnectedSince,label:"Connected Since",sortable:!0},{key:ke.LastActivity,label:"Last Activity",sortable:!0}],we=({tableRowsMaxHeight:i,connections:n,getConnections:s,onClickConnection:r,deleteConnection:c,applyConfigurations:d})=>{const{formatTimeAgo:u}=x(),[p,g]=a(!1),[y,C]=a(n||[]),[h,k]=a(""),f=l(async()=>{try{g(!0),C(await s()??[])}catch(e){}finally{g(!1)}},[]);o(()=>{y.length||f()},[y.length,f]);const[w,S]=a([]),[M,D]=a(!1),V=t(()=>y.map(a=>({onClick:()=>r(a.id),isSelected:w.includes(a.id),onSelect:()=>S(e=>[...e,a.id]),onDeselect:()=>S(e=>e.filter(e=>e!==a.id)),cells:[{key:ke.Id,rawValue:a.id},{key:ke.Name,rawValue:a.name},{key:ke.Type,rawValue:a.type},{key:ke.Status,rawValue:a.status,component:()=>(a=>{const t=a===z.Success?"Connection live":"Connection lost",l=a===z.Success?X:Z;return e.createElement(b,{status:a,label:t,leftIcon:l})})(a.status)},{key:ke.OdigosVersion,rawValue:a.odigosVersion},{key:ke.ConnectedSince,rawValue:a.connectedAt?u(a.connectedAt):"-"},{key:ke.LastActivity,rawValue:a.lastSeenAt?u(a.lastSeenAt):"-"}]})),[y,w]);return e.createElement($,null,e.createElement(L,{icon:W,title:"Connections",badge:{label:y.length.toString(),status:m.Unknown},search:{placeholder:"Search by cluster name",value:h,onChange:e=>k(e)},actions:[{id:P(),type:R.Button,buttonProps:{variant:v.Secondary,size:I.S,label:"",leftIcon:K,onClick:()=>f(),disabled:p}},{id:P(),type:R.Button,buttonProps:{variant:v.Primary,size:I.S,label:"Configurations",rightIcon:J,onClick:()=>D(!0)}}]},e.createElement(A,{maxHeight:i,isLoading:p,withCheckboxes:!0,columns:fe,rows:V,rowActionsPushRightPosition:M?`calc(${de} - 24px)`:void 0,getRowActions:({cells:e})=>[{id:P(),label:"",leftIcon:J,onClick:()=>{const a=e.find(e=>e.key===ke.Id)?.rawValue;a&&(S([a.toString()]),D(!0))},variant:v.Secondary,size:I.S},{id:P(),label:"",leftIcon:Q,disabled:e.find(e=>e.key===ke.Status)?.rawValue===z.Success,onClick:async()=>{const a=e.find(e=>e.key===ke.Id)?.rawValue;a&&(await c(a.toString()),f())},variant:v.Secondary,size:I.S}]}),e.createElement(he,{isOpen:M,onClose:()=>{S([]),D(!1)},connections:y,selectedConnectionIds:w,setSelectedConnectionIds:S,onApply:d})))},ve=i.div`
|
|
50
50
|
display: flex;
|
|
51
51
|
align-items: center;
|
|
52
52
|
justify-content: space-between;
|
|
@@ -60,8 +60,8 @@ import e,{useState as a,useMemo as t,useCallback as l,useEffect as o}from"react"
|
|
|
60
60
|
}
|
|
61
61
|
`,xe=i.div`
|
|
62
62
|
animation-name: ${S.animations.fade.in};
|
|
63
|
-
`,$e=({pod:l,getExtendedPodInfo:i,onClose:n})=>{const{formatTimeAgo:r}=x(),{clickCopy:d,isCopied:u}=M(),[g,b]=a(null),[m,y]=a(!1);o(()=>{l?i(l.namespace,l.name).then(e=>b(e??null)):(b(null),y(!1))},[l]);const C=t(()=>[{id:P(),title:"Node",label:g?.node??"-",withCopy:!0},{id:P(),title:"Status",badge:{status:D(g?.status),label:g?.status??"-"}}],[g]),h=t(()=>g?.containers?.map(e=>({id:P(),items:[{id:P(),title:"Container",label:e.name??"-"},{id:P(),title:"Status",badge:{status:D(e.status),label:e.status??"-"},label:e.startedAt?`(since ${r(e.startedAt)})`:""},{id:P(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:P(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:P(),title:"Restarts",label:e.restarts.toString()},{id:P(),title:"State Reason",label:e.stateReason??"-"},{id:P(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:P(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[g]);return e.createElement(c,{isOpen:!!l,header:{icon:_,title:"Pod Information",onClose:n}},g?null:e.createElement(V,null,e.createElement(N,null)),g?e.createElement(e.Fragment,null,e.createElement(L,{icon:_,title:g.name,withCopyTitle:!0},e.createElement(s,{$gap:24},e.createElement(O,{cellsPerRow:2,items:C}),h.length>0&&e.createElement(s,{$gap:12},e.createElement(ve,{onClick:()=>y(e=>!e)},e.createElement(p,null,"Containers Overview"),e.createElement(T,{icon:m?ee:ae})),m&&h.map(({id:a,items:t})=>e.createElement(xe,{key:a},e.createElement(O,{cellsPerRow:2,items:t})))))),e.createElement(L,{icon:te,title:"Kubectl Commands"},e.createElement(s,{$gap:12},e.createElement(j,{value:`kubectl get pod ${g.name} -n ${g.namespace} -o yaml`}),e.createElement(j,{value:`kubectl describe pod ${g.name} -n ${g.namespace}`}),e.createElement(j,{value:`kubectl logs ${g.name} -n ${g.namespace}`}))),e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:
|
|
63
|
+
`,$e=({pod:l,getExtendedPodInfo:i,onClose:n})=>{const{formatTimeAgo:r}=x(),{clickCopy:d,isCopied:u}=M(),[g,b]=a(null),[m,y]=a(!1);o(()=>{l?i(l.namespace,l.name).then(e=>b(e??null)):(b(null),y(!1))},[l]);const C=t(()=>[{id:P(),title:"Node",label:g?.node??"-",withCopy:!0},{id:P(),title:"Status",badge:{status:D(g?.status),label:g?.status??"-"}}],[g]),h=t(()=>g?.containers?.map(e=>({id:P(),items:[{id:P(),title:"Container",label:e.name??"-"},{id:P(),title:"Status",badge:{status:D(e.status),label:e.status??"-"},label:e.startedAt?`(since ${r(e.startedAt)})`:""},{id:P(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:P(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:P(),title:"Restarts",label:e.restarts.toString()},{id:P(),title:"State Reason",label:e.stateReason??"-"},{id:P(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:P(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[g]);return e.createElement(c,{isOpen:!!l,header:{icon:_,title:"Pod Information",onClose:n}},g?null:e.createElement(V,null,e.createElement(N,null)),g?e.createElement(e.Fragment,null,e.createElement(L,{icon:_,title:g.name,withCopyTitle:!0},e.createElement(s,{$gap:24},e.createElement(O,{cellsPerRow:2,items:C}),h.length>0&&e.createElement(s,{$gap:12},e.createElement(ve,{onClick:()=>y(e=>!e)},e.createElement(p,null,"Containers Overview"),e.createElement(T,{icon:m?ee:ae})),m&&h.map(({id:a,items:t})=>e.createElement(xe,{key:a},e.createElement(O,{cellsPerRow:2,items:t})))))),e.createElement(L,{icon:te,title:"Kubectl Commands"},e.createElement(s,{$gap:12},e.createElement(j,{value:`kubectl get pod ${g.name} -n ${g.namespace} -o yaml`}),e.createElement(j,{value:`kubectl describe pod ${g.name} -n ${g.namespace}`}),e.createElement(j,{value:`kubectl logs ${g.name} -n ${g.namespace}`}))),e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:R.Button,buttonProps:{label:"",leftIcon:u?X:oe,onClick:()=>d(g.manifestYAML),disabled:u,size:I.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:g.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var Le;!function(e){e.PodName="podName",e.Ready="ready",e.Started="started",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.Age="age",e.DockerImage="dockerImage"}(Le||(Le={}));const Pe=[{key:Le.PodName,label:"Pod Name",sortable:!0},{key:Le.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:Le.Started,label:"Started",sortable:!0,textAlign:"right"},{key:Le.Status,label:"Status",sortable:!0},{key:Le.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:Le.NodeName,label:"Node Name",sortable:!0},{key:Le.Age,label:"Age",sortable:!0,textAlign:"right"},{key:Le.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],Re=({isLoading:l,tableRowsMaxHeight:o,pods:i,getExtendedPodInfo:s})=>{const r=n(),{formatTimeAgo:c}=x(),[d,u]=a(null),p=t(()=>{const a=a=>a?e.createElement(ie,{fill:F(r,z.Success,"500"),size:20}):e.createElement(ne,{fill:F(r,z.Error,"500"),size:20});return i.map(t=>({onClick:()=>u(t),cells:[{key:Le.PodName,rawValue:t.name},{key:Le.Ready,rawValue:t.ready,component:()=>a(t.ready)},{key:Le.Started,rawValue:t.started,component:()=>a(t.started)},{key:Le.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(b,{status:D(a),label:a});var a}},{key:Le.Restarts,rawValue:t.restartsCount.toString()},{key:Le.NodeName,rawValue:t.nodeName},{key:Le.Age,rawValue:c(t.creationTimestamp)},{key:Le.DockerImage,rawValue:t.image}]}))},[i,r]);return e.createElement(L,{icon:_,title:"Pods"},e.createElement(A,{maxHeight:o,isLoading:l,columns:Pe,rows:p}),e.createElement($e,{pod:d,getExtendedPodInfo:s,onClose:()=>u(null)}))};var Ie;!function(e){e.Gateway="gateway",e.Node="node"}(Ie||(Ie={}));const Ae=[{value:Ie.Gateway,label:"Gateway"},{value:Ie.Node,label:"Node Collector"}],ze=i.div`
|
|
64
64
|
display: flex;
|
|
65
65
|
align-items: center;
|
|
66
66
|
justify-content: space-between;
|
|
67
|
-
`,Se=({selectedTab:a,setSelectedTab:t,onClickDownloadDiagnose:l,onClickRefresh:o,isLoading:i})=>e.createElement(ze,null,e.createElement(u,{$gap:12},e.createElement(u,{$gap:8},e.createElement(se,{size:32}),e.createElement(p,{size:g.M,weight:500},"Pipeline Collectors")),e.createElement(H,{options:Ae,selected:a,setSelected:t})),e.createElement(u,{$gap:8},l&&e.createElement(w,{label:"Download Diagnose",leftIcon:re,size:
|
|
67
|
+
`,Se=({selectedTab:a,setSelectedTab:t,onClickDownloadDiagnose:l,onClickRefresh:o,isLoading:i})=>e.createElement(ze,null,e.createElement(u,{$gap:12},e.createElement(u,{$gap:8},e.createElement(se,{size:32}),e.createElement(p,{size:g.M,weight:500},"Pipeline Collectors")),e.createElement(H,{options:Ae,selected:a,setSelected:t})),e.createElement(u,{$gap:8},l&&e.createElement(w,{label:"Download Diagnose",leftIcon:re,size:I.S,variant:v.Text,onClick:l}),o&&e.createElement(w,{label:"Refresh",leftIcon:K,size:I.S,variant:v.Text,onClick:o,loading:i}))),Me=({isOpen:a,onClose:t,title:l,yaml:o})=>{const{clickCopy:i,isCopied:n}=M();return e.createElement(c,{isOpen:a,header:{icon:ce,title:l,onClose:t}},o?e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:R.Button,buttonProps:{label:"",leftIcon:n?X:oe,onClick:()=>i(o),disabled:n,size:I.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(Y,{code:o,language:"yaml",theme:"duotoneDark"}))):e.createElement(U,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))};var De;!function(e){e.ManifestYaml="manifest-yaml",e.ConfigMapYaml="configmap-yaml"}(De||(De={}));const Ve=({icon:t,title:l,badge:o,statusCard:i,textCards:n,manifestYaml:s,configMapYaml:r})=>{const[c,d]=a(null);return e.createElement(L,{icon:t,title:l,badge:o,actions:[{id:P(),type:R.ButtonDropData,buttonProps:{variant:v.Secondary,size:I.S,label:"View YAML",onClick:e=>d(e)},dropDataItems:[{id:De.ManifestYaml,label:l,icon:le},{id:De.ConfigMapYaml,label:"ConfigMap",icon:le}]}]},e.createElement(u,{$gap:16},e.createElement(E,{...i}),n.map(a=>e.createElement(q,{key:a.title,...a}))),e.createElement(Me,{isOpen:c===De.ManifestYaml,onClose:()=>d(null),title:l,yaml:s}),e.createElement(Me,{isOpen:c===De.ConfigMapYaml,onClose:()=>d(null),title:"ConfigMap",yaml:r}))},Ne=e=>{switch(e){case G.Healthy:return"All desired replicas are updated, available, and ready";case G.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case G.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case G.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case G.Down:return"No available replicas";case G.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},Oe=({tableRowsMaxHeight:i,getGatewayInfo:n,getGatewayPods:s,getNodeCollectorInfo:r,getNodeCollectorPods:c,getExtendedPodInfo:d})=>{const{formatTimeAgo:u}=x(),[p,g]=a(!1),[b,y]=a(Ie.Gateway),[C,h]=a(null),[k,f]=a([]),[w,v]=a(null),[L,P]=a([]),R=l(async()=>{g(!0);try{switch(b){case Ie.Gateway:h(await n()??null),f(await s()??[]);break;case Ie.Node:v(await r()??null),P(await c()??[])}}catch(e){}g(!1)},[b]);o(()=>{R()},[R]);const I=t(()=>(e=>{switch(e){case Ie.Gateway:return"Deployment";case Ie.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(b),[b]),A=t(()=>((e,a,t,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let i=!1,n=null;switch(e){case Ie.Gateway:i=a?.rolloutInProgress??!1,n=a?.lastRolloutAt??null;break;case Ie.Node:i=t?.rolloutInProgress??!1,n=t?.lastRolloutAt??null;break;default:return o}return i?{status:z.Info,label:"Rollout in progress",rightIcon:K,useSecondaryTone:!0}:n?{status:m.Disabled,label:`Last Rollout: ${l(n)}`}:o})(b,C,w,u),[C,w,b,u]),S=t(()=>((e,a,t,l)=>{let o=l?z.Info:m.Unknown,i=l?"Loading":G.Unknown,n=l?"Fetching data...":Ne(G.Unknown);switch(e){case Ie.Gateway:o=a?.status?D(a?.status):o,i=a?.status??i,n=a?.status?Ne(a.status):n;break;case Ie.Node:o=t?.status?D(t?.status):o,i=t?.status??i,n=t?.status?Ne(t.status):n}return{status:o,title:i,description:n}})(b,C,w,p),[C,w,b,p]),M=t(()=>((e,a,t,l)=>{switch(e){case Ie.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:a?.hpa?.min.toString()??"-",isLoading:l},{label:"Max.",value:a?.hpa?.max.toString()??"-",isLoading:l},{label:"Current",value:a?.hpa?.current.toString()??"-",isLoading:l},{label:"Desired",value:a?.hpa?.desired.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:a?.resources?.requests.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources?.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:a?.resources?.limits.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources?.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:a?.imageVersion??"-",isLoading:l}]}];case Ie.Node:return[{title:"Nodes",cells:[{label:"Desired",value:t?.nodes?.desired.toString()??"-",isLoading:l},{label:"Ready",value:t?.nodes?.ready.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:t?.resources?.requests.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources?.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:t?.resources?.limits.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources?.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:t?.imageVersion??"-",isLoading:l}]}];default:return[]}})(b,C,w,p),[C,w,b,p]),V=t(()=>(b===Ie.Gateway?C?.manifestYAML:w?.manifestYAML)??"",[C,w,b]),N=t(()=>(b===Ie.Gateway?C?.configMapYAML:w?.configMapYAML)??"",[C,w,b]),O=t(()=>b===Ie.Gateway?k:L,[k,L,b]);return e.createElement($,null,e.createElement(Se,{isLoading:p,selectedTab:b,setSelectedTab:y,onClickDownloadDiagnose:void 0,onClickRefresh:R}),e.createElement(Ve,{icon:ce,title:I,badge:A,statusCard:S,textCards:M,manifestYaml:V,configMapYaml:N}),e.createElement(Re,{isLoading:p,tableRowsMaxHeight:i,pods:O,getExtendedPodInfo:d}))};export{we as CentralConnections,Oe as PipelineCollectors};
|
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as t,useEffect as a,forwardRef as i,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{E as m,G as h,H as g,K as y,J as v,M as b,Q as f,R as x,U as $,V as C,X as S,Y as k,Z as w,_ as T,$ as D,a0 as N,a1 as E,o as O,a2 as F,a3 as I,a4 as A,a5 as M,a6 as R,a7 as L,a8 as P,a9 as K,aa as j,ab as V,ac as q,ad as z,ae as H,af as B,n as W,ag as _,ah as U,ai as J,aj as G,ak as Y,al as X,am as Z,F as Q,an as ee,ao as te,ap as ae,aq as ie,ar as ne,as as oe,at as le,au as re,av as se,aw as ce,a as de,ax as ue,e as pe,ay as me,az as he,aA as ge,aB as ye,aC as ve,aD as be,aE as fe,aF as xe,aG as $e,aH as Ce,aI as Se,aJ as ke,aK as we,r as Te,N as De,aL as Ne,aM as Ee,aN as Oe,aO as Fe,aP as Ie,aQ as Ae,aR as Me,aS as Re,s as Le,aT as Pe,aU as Ke,aV as je,aW as Ve,aX as qe,aY as ze,aZ as He,a_ as Be,a$ as We,b0 as _e,b1 as Ue,b2 as Je,b3 as Ge,b4 as Ye,b5 as Xe,b6 as Ze,b7 as Qe,b8 as et,b9 as tt,ba as at,bb as it,bc as nt,bd as ot,be as lt,bf as rt,bg as st,bh as ct,bi as dt,bj as ut,bk as pt,bl as mt,bm as ht,bn as gt,bo as yt,bp as vt,bq as bt,br as ft,bs as xt,bt as $t,bu as Ct,bv as St,bw as kt,bx as wt,by as Tt,bz as Dt,bA as Nt,bB as Et,bC as Ot,bD as Ft,bE as It,bF as At,bG as Mt,bH as Rt,bI as Lt,bJ as Pt,bK as Kt,bL as jt,bM as Vt,bN as qt,bO as zt,h as Ht,bP as Bt,bQ as Wt,bR as _t,bS as Ut,bT as Jt,bU as Gt,bV as Yt,bW as Xt,bX as Zt,bY as Qt,bZ as ea,b_ as ta,b$ as aa,c0 as ia,c1 as na,c2 as oa,c3 as la,c4 as ra,c5 as sa,c6 as ca,p as da,u as ua,c7 as pa,c8 as ma,c9 as ha,ca as ga,cb as ya,cc as va,cd as ba}from"./chunks/ui-components-
|
|
1
|
+
import e,{useState as t,useEffect as a,forwardRef as i,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{E as m,G as h,H as g,K as y,J as v,M as b,Q as f,R as x,U as $,V as C,X as S,Y as k,Z as w,_ as T,$ as D,a0 as N,a1 as E,o as O,a2 as F,a3 as I,a4 as A,a5 as M,a6 as R,a7 as L,a8 as P,a9 as K,aa as j,ab as V,ac as q,ad as z,ae as H,af as B,n as W,ag as _,ah as U,ai as J,aj as G,ak as Y,al as X,am as Z,F as Q,an as ee,ao as te,ap as ae,aq as ie,ar as ne,as as oe,at as le,au as re,av as se,aw as ce,a as de,ax as ue,e as pe,ay as me,az as he,aA as ge,aB as ye,aC as ve,aD as be,aE as fe,aF as xe,aG as $e,aH as Ce,aI as Se,aJ as ke,aK as we,r as Te,N as De,aL as Ne,aM as Ee,aN as Oe,aO as Fe,aP as Ie,aQ as Ae,aR as Me,aS as Re,s as Le,aT as Pe,aU as Ke,aV as je,aW as Ve,aX as qe,aY as ze,aZ as He,a_ as Be,a$ as We,b0 as _e,b1 as Ue,b2 as Je,b3 as Ge,b4 as Ye,b5 as Xe,b6 as Ze,b7 as Qe,b8 as et,b9 as tt,ba as at,bb as it,bc as nt,bd as ot,be as lt,bf as rt,bg as st,bh as ct,bi as dt,bj as ut,bk as pt,bl as mt,bm as ht,bn as gt,bo as yt,bp as vt,bq as bt,br as ft,bs as xt,bt as $t,bu as Ct,bv as St,bw as kt,bx as wt,by as Tt,bz as Dt,bA as Nt,bB as Et,bC as Ot,bD as Ft,bE as It,bF as At,bG as Mt,bH as Rt,bI as Lt,bJ as Pt,bK as Kt,bL as jt,bM as Vt,bN as qt,bO as zt,h as Ht,bP as Bt,bQ as Wt,bR as _t,bS as Ut,bT as Jt,bU as Gt,bV as Yt,bW as Xt,bX as Zt,bY as Qt,bZ as ea,b_ as ta,b$ as aa,c0 as ia,c1 as na,c2 as oa,c3 as la,c4 as ra,c5 as sa,c6 as ca,p as da,u as ua,c7 as pa,c8 as ma,c9 as ha,ca as ga,cb as ya,cc as va,cd as ba}from"./chunks/ui-components-c3adf029.js";import{VSquareIcon as fa,XSquareIcon as xa,EditIcon as $a,TrashIcon as Ca,OdigosLogoText as Sa,PlusIcon as ka,SearchIcon as wa,FilterIcon as Ta,DataStreamIcon as Da,VIcon as Na,OdigosLogo as Ea,ArrowIcon as Oa,RefreshLeftArrowIcon as Fa,NotificationIcon as Ia,UserIcon as Aa,ImageErrorIcon as Ma,OverviewIcon as Ra,InstrumentationRuleIcon as La,ActionIcon as Pa,SourceIcon as Ka,DestinationIcon as ja,SlackLogo as Va,KeyIcon as qa,TerminalIcon as za,ExclamationTriangleIcon as Ha,TraceViewIcon as Ba}from"./icons.js";import{MarkerType as Wa,useNodesState as _a,useEdgesState as Ua,applyNodeChanges as Ja}from"@xyflow/react";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 Ga=e=>{const{type:t,name:a,notes:i,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:C,endpointsFilters:S,servicesNameFilters:k,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:a||""},{title:m.NOTES,value:i||""},{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:a},i)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${i+1}`:""),value:n})}),u?.length&&T.push({type:h.Divider}),u?.forEach(({annotationKey:e,attributeKey:t,from:a},i)=>{let n="";n+=`Annotation Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||y.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${i+1}`:""),value:n})})),t===g.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";p?.forEach(({attributeName:t,attributeStringValue:a},i)=>{e+=`${t}: ${a}`,i<p.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.RenameAttributes){let e="";const t=Object.entries(f||{});t.forEach(([a,i],n)=>{e+=`${a}: ${i}`,n<t.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===g.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<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(C)}),t===g.LatencySampler&&S?.forEach(({serviceName:e,httpRoute:t,minimumLatencyThreshold:a,fallbackSamplingRatio:i},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`HTTP Route: ${t}\n`,o+=`Min. Latency: ${a}\n`,o+=`Fallback Sampling Ratio: ${i}`,T.push({title:"Endpoint"+(S.length>1?` #${n+1}`:""),value:o})}),t===g.ServiceNameSampler&&k?.forEach(({serviceName:e,samplingRatio:t,fallbackSamplingRatio:a},i)=>{let n="";n+=`Service Name: ${e}\n`,n+=`Sampling Ratio: ${t}\n`,n+=`Fallback Sampling Ratio: ${a}`,T.push({title:"Filter"+(k.length>1?` #${i+1}`:""),value:n})}),t===g.SpanAttributeSampler&&w?.forEach(({serviceName:e,attributeKey:t,fallbackSamplingRatio:a,condition:i},n)=>{let o="";o+=`Service Name: ${e}\n`,o+=`Attribute Key: ${t}\n`,o+=`Fallback Sampling Ratio: ${a}\n`;const l=Object.keys(i)[0];o+=`Condition: ${l}\n`,o+=`Operation: ${i[l]?.operation}\n`,o+=`Expected Value: ${i[l]?.expectedValue}`,"jsonCondition"===l&&(o+=`\nJSON Path: ${i[l].jsonPath}`),T.push({title:"Filter"+(w.length>1?` #${n+1}`:""),value:o})}),T},Ya=x.PiiCategories,Xa=d.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
gap: 32px;
|
package/lib/functions.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{bw as capitalizeFirstLetter,cw as cleanObjectEmptyStringsValues,br as compareCondition,by as deepClone,aB as filterActions,b4 as filterDestinations,b5 as filterDestinationsByStream,b2 as filterSources,b3 as filterSourcesByStream,cx as flattenObjectKeys,aV as formatBytes,ca as formatDuration,j as generateId,aj as getActionIcon,av as getConditionsBooleans,aZ as getContainersIcons,c5 as getContainersInstrumentedCount,aY as getDestinationIcon,aI as getEntityIcon,aT as getEntityId,aD as getEntityLabel,cy as getIdFromSseTarget,aX as getInstrumentationRuleIcon,cz as getMainContainerLanguage,bB as getMetricForEntity,cA as getMonitorIcon,cB as getPlatformIcon,cC as getPlatformLabel,bK as getProgrammingLanguageIcon,cc as getRecursiveValues,cD as getSseTargetFromId,x as getStatusColor,q as getStatusFromPodStatus,az as getStatusIcon,bU as getStatusTypeFromOdigosHealth,cE as getValueForRange,bO as getWorkloadId,bv as getYamlFieldsForDestination,bV as hasUnhealthyInstances,X as isEmpty,cF as isLegalK8sLabel,c6 as isOverTime,bZ as isStringABoolean,cG as isTimeElapsed,cH as isValidVersion,ax as mapConditions,bq as mapDestinationFieldsForDisplay,aU as mapExportedSignals,cI as numbersOnly,b_ as parseBooleanFromString,cJ as parseJsonStringToPrettyString,cK as removeEmptyValuesFromObject,bs as safeJsonParse,cL as safeJsonStringify,aN as sleep,bc as splitCamelString,cM as stringifyNonStringValues}from"./chunks/ui-components-
|
|
1
|
+
export{bw as capitalizeFirstLetter,cw as cleanObjectEmptyStringsValues,br as compareCondition,by as deepClone,aB as filterActions,b4 as filterDestinations,b5 as filterDestinationsByStream,b2 as filterSources,b3 as filterSourcesByStream,cx as flattenObjectKeys,aV as formatBytes,ca as formatDuration,j as generateId,aj as getActionIcon,av as getConditionsBooleans,aZ as getContainersIcons,c5 as getContainersInstrumentedCount,aY as getDestinationIcon,aI as getEntityIcon,aT as getEntityId,aD as getEntityLabel,cy as getIdFromSseTarget,aX as getInstrumentationRuleIcon,cz as getMainContainerLanguage,bB as getMetricForEntity,cA as getMonitorIcon,cB as getPlatformIcon,cC as getPlatformLabel,bK as getProgrammingLanguageIcon,cc as getRecursiveValues,cD as getSseTargetFromId,x as getStatusColor,q as getStatusFromPodStatus,az as getStatusIcon,bU as getStatusTypeFromOdigosHealth,cE as getValueForRange,bO as getWorkloadId,bv as getYamlFieldsForDestination,bV as hasUnhealthyInstances,X as isEmpty,cF as isLegalK8sLabel,c6 as isOverTime,bZ as isStringABoolean,cG as isTimeElapsed,cH as isValidVersion,ax as mapConditions,bq as mapDestinationFieldsForDisplay,aU as mapExportedSignals,cI as numbersOnly,b_ as parseBooleanFromString,cJ as parseJsonStringToPrettyString,cK as removeEmptyValuesFromObject,bs as safeJsonParse,cL as safeJsonStringify,aN as sleep,bc as splitCamelString,cM as stringifyNonStringValues}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/hooks.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{ah as useActionFormData,cQ as useBodyScroll,b6 as useClickNode,bP as useClickNotification,a$ as useConnection,b1 as useContainerSize,p as useCopy,bi as useDataStreamFormData,bu as useDestinationFormData,u as useGenericForm,cR as useInfiniteScroll,bL as useInstrumentationRuleFormData,aa as useKeyDown,bb as useOnClickOutside,b7 as usePopup,bh as useSessionStorage,b$ as useSourceFormData,c3 as useSourceSelectionFormData,h as useTimeAgo,bN as useTransition}from"./chunks/ui-components-
|
|
1
|
+
export{ah as useActionFormData,cQ as useBodyScroll,b6 as useClickNode,bP as useClickNotification,a$ as useConnection,b1 as useContainerSize,p as useCopy,bi as useDataStreamFormData,bu as useDestinationFormData,u as useGenericForm,cR as useInfiniteScroll,bL as useInstrumentationRuleFormData,aa as useKeyDown,bb as useOnClickOutside,b7 as usePopup,bh as useSessionStorage,b$ as useSourceFormData,c3 as useSourceSelectionFormData,h as useTimeAgo,bN as useTransition}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/snippets.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{bn as AddButton,bW as CopyText,bS as EditButton,bR as Flow,cS as MapItemNode,cT as NoDataNode,bo as NoteBackToSummary,bY as PodContainer,c0 as SourceContainer}from"./chunks/ui-components-
|
|
1
|
+
export{bn as AddButton,bW as CopyText,bS as EditButton,bR as Flow,cS as MapItemNode,cT as NoDataNode,bo as NoteBackToSummary,bY as PodContainer,c0 as SourceContainer}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/store.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{cP as useActiveNodeStore,c9 as useDarkMode,b0 as useDataStreamStore,a9 as useDrawerStore,ag as useEntityStore,aA as useFilterStore,aR as useInstrumentStore,an as useModalStore,a8 as useNotificationStore,a7 as usePendingStore,aQ as useSelectedStore,bj as useSetupStore}from"./chunks/ui-components-
|
|
1
|
+
export{cP as useActiveNodeStore,c9 as useDarkMode,b0 as useDataStreamStore,a9 as useDrawerStore,ag as useEntityStore,aA as useFilterStore,aR as useInstrumentStore,an as useModalStore,a8 as useNotificationStore,a7 as usePendingStore,aQ as useSelectedStore,bj as useSetupStore}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|
package/lib/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{o as default}from"./chunks/ui-components-
|
|
1
|
+
export{o as default}from"./chunks/ui-components-c3adf029.js";import"styled-components";import"./icons.js";import"react";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";
|
package/lib/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{ce as ActionCategory,R as ActionKeyTypes,H as ActionType,cq as AddNodeTypes,ch as BooleanOperation,bG as CodeAttributesKeyTypes,am as Crud,bE as CustomInstrumentationsKeyTypes,cr as DestinationTypes,cp as EdgeTypes,af as EntityTypes,a0 as FieldTypes,bF as GolangCustomProbe,bC as HeadersCollectionKeyTypes,V as InputTypes,cl as InstallationMethod,bI as InstrumentationRuleType,cm as IntrumentationStatus,bD as JavaCustomProbe,ci as JsonOperation,K as K8sAttributesFrom,c1 as K8sResourceKind,bQ as NodeTypes,cg as NumberOperation,cv as OdigosHealthStatus,bp as OtherEntityTypes,ay as OtherStatus,O as OtherStatusType,bH as PayloadCollectionKeyTypes,ck as PlatformType,cu as PodContainerLifecycleStatus,ct as PodContainerStatus,cs as PodPhase,co as Profile,c2 as ProgrammingLanguages,bt as SignalType,cn as SortDirection,n as StatusType,cf as StringOperation,cj as Tier,W as WorkloadRolloutStatus}from"./chunks/ui-components-
|
|
1
|
+
export{ce as ActionCategory,R as ActionKeyTypes,H as ActionType,cq as AddNodeTypes,ch as BooleanOperation,bG as CodeAttributesKeyTypes,am as Crud,bE as CustomInstrumentationsKeyTypes,cr as DestinationTypes,cp as EdgeTypes,af as EntityTypes,a0 as FieldTypes,bF as GolangCustomProbe,bC as HeadersCollectionKeyTypes,V as InputTypes,cl as InstallationMethod,bI as InstrumentationRuleType,cm as IntrumentationStatus,bD as JavaCustomProbe,ci as JsonOperation,K as K8sAttributesFrom,c1 as K8sResourceKind,bQ as NodeTypes,cg as NumberOperation,cv as OdigosHealthStatus,bp as OtherEntityTypes,ay as OtherStatus,O as OtherStatusType,bH as PayloadCollectionKeyTypes,ck as PlatformType,cu as PodContainerLifecycleStatus,ct as PodContainerStatus,cs as PodPhase,co as Profile,c2 as ProgrammingLanguages,bt as SignalType,cn as SortDirection,n as StatusType,cf as StringOperation,cj as Tier,W as WorkloadRolloutStatus}from"./chunks/ui-components-c3adf029.js";import"./icons.js";import"react";import"styled-components";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";
|