@odigos/ui-kit 0.0.136 → 0.0.138

package/lib/components/_v2/cards/section-card/index.d.ts

@@ -1,13 +1,16 @@
 import { type ReactNode, type FC } from 'react';
 import type { SVG } from '@/types';
 import { type BadgeProps } from '../../badge';
+import { type SearchProps } from '../../search';
 import { type ButtonProps } from '../../button';
+import { type DropDataProps } from '../../drop-data';
 export declare enum SectionCardSize {
     S = "small",
     M = "medium"
 }
 export declare enum SectionCardActionType {
-    Button = "button"
+    Button = "button",
+    ButtonDropData = "button-drop-data"
 }
 export interface SectionCardProps {
     size?: SectionCardSize;
@@ -15,10 +18,14 @@ export interface SectionCardProps {
     title: string;
     withCopyTitle?: boolean;
     badge?: BadgeProps;
+    search?: SearchProps;
     actions?: {
         id: string;
         type: SectionCardActionType;
-        props: ButtonProps;
+        buttonProps?: ButtonProps & {
+            onClick?: (id: string) => void;
+        };
+        dropDataItems?: DropDataProps['items'];
     }[];
     children?: ReactNode;
 }

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

@@ -1,9 +1,11 @@
-import React, { type FC } from 'react';
+import { type CSSProperties, type ReactNode, type FC } from 'react';
 import { HeaderProps } from './header';
 export interface DrawerProps {
     isOpen: boolean;
+    hideOverlay?: boolean;
     position?: 'left' | 'right';
+    width?: CSSProperties['width'];
     header: HeaderProps;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export declare const Drawer: FC<DrawerProps>;

package/lib/components/_v2/drop-data/index.d.ts

@@ -0,0 +1,18 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+import { type ButtonProps } from '../button';
+interface DropDataOption {
+    id: string;
+    label: string;
+    icon?: SVG;
+    withCheckbox?: boolean;
+}
+export interface DropDataProps {
+    items: DropDataOption[];
+    selectedId: DropDataOption['id'];
+    onSelect: (optionId: DropDataOption['id']) => void;
+    defaultOpen?: boolean;
+    buttonProps?: ButtonProps;
+}
+export declare const DropData: FC<DropDataProps>;
+export {};

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

@@ -7,15 +7,19 @@ export * from './checkbox';
 export * from './checkbox-list';
 export * from './cli-command';
 export * from './drawer';
+export * from './drop-data';
 export * from './header';
 export * from './icon-button';
 export * from './input';
+export * from './loader';
 export * from './modal';
 export * from './navbar';
 export * from './note';
 export * from './radio';
 export * from './radio-group';
+export * from './search';
 export * from './segment';
 export * from './table';
 export * from './tag';
+export * from './toggle';
 export * from './typography';

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

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+import { type TypographyProps } from '../typography';
+export interface LoaderProps {
+    label?: string;
+    icon?: SVG;
+    withGradient?: boolean;
+    textColor?: string;
+    stripColor?: string;
+    typographyProps?: Omit<TypographyProps, 'children'>;
+}
+export declare const Loader: FC<LoaderProps>;

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

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+export interface SearchProps {
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const Search: FC<SearchProps>;

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

@@ -1,25 +1,14 @@
-import { type CSSProperties, type FC } from 'react';
-interface Column {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    minWidth?: CSSProperties['minWidth'];
-    textAlign?: CSSProperties['textAlign'];
-}
-interface RowCell {
-    key: string;
-    rawValue: string | number | boolean;
-    component?: FC;
-}
-interface Row {
-    onClick?: () => void;
-    cells: RowCell[];
-}
+import { type FC } from 'react';
+import { CSSProperties } from 'styled-components';
+import type { TableColumn, TableRow, TableRowAction } from './types';
+export * from './types';
 export interface TableProps {
     maxHeight?: CSSProperties['maxHeight'];
     isLoading?: boolean;
-    columns: Column[];
-    rows: Row[];
+    columns: TableColumn[];
+    rows: TableRow[];
+    rowActions?: TableRowAction[];
+    rowActionsPushRightPosition?: CSSProperties['width'];
+    withCheckboxes?: boolean;
 }
 export declare const Table: FC<TableProps>;
-export {};

package/lib/components/_v2/table/styled.d.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties } from 'react';
+import type { TableColumn } from './types';
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxHeight: CSSProperties["maxHeight"];
+}>> & string;
+export declare const TableRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const THead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+    $minWidth?: TableColumn["minWidth"];
+    $isFirst: boolean;
+    $isLast: boolean;
+}>> & string;
+export declare const ThBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+    $withClick: boolean;
+    $hovered: boolean;
+    $selected: boolean;
+    $isLastRow: boolean;
+    $isFirstCell: boolean;
+    $isLastCell: boolean;
+}>> & string;
+export declare const Sortable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $textAlign?: TableColumn["textAlign"];
+    $withClick: boolean;
+}>> & string;

package/lib/components/_v2/table/table-columns/index.d.ts

@@ -0,0 +1,12 @@
+import { type FC } from 'react';
+import { SortDirection } from '@/types';
+import type { TableColumn } from '../types';
+interface TableColumnsProps {
+    columns: TableColumn[];
+    sortDirection: SortDirection;
+    sortByKey: string;
+    onSort: (key: string) => void;
+    withCheckboxes?: boolean;
+}
+export declare const TableColumns: FC<TableColumnsProps>;
+export {};

package/lib/components/_v2/table/table-rows/actions/index.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type FC } from 'react';
+import type { TableRow, TableRowAction } from '../../types';
+interface ActionsProps {
+    rowActions: TableRowAction[];
+    rowActionsPushRightPosition?: CSSProperties['width'];
+    row: TableRow;
+}
+export declare const Actions: FC<ActionsProps>;
+export {};

package/lib/components/_v2/table/table-rows/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC, type CSSProperties } from 'react';
+import type { TableColumn, TableRow, TableRowAction } from '../types';
+interface TableRowsProps {
+    columns: TableColumn[];
+    rows: TableRow[];
+    rowActions: TableRowAction[];
+    rowActionsPushRightPosition?: CSSProperties['width'];
+    withCheckboxes?: boolean;
+}
+export declare const TableRows: FC<TableRowsProps>;
+export {};

package/lib/components/_v2/table/types.d.ts

@@ -0,0 +1,24 @@
+import { type CSSProperties, type FC } from 'react';
+import { type ButtonProps } from '../button';
+export interface TableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    minWidth?: CSSProperties['minWidth'];
+    textAlign?: CSSProperties['textAlign'];
+}
+export interface TableRow {
+    onClick?: () => void;
+    isSelected?: boolean;
+    onSelect?: () => void;
+    onDeselect?: () => void;
+    cells: {
+        key: string;
+        rawValue: string | number | boolean;
+        component?: FC;
+    }[];
+}
+export interface TableRowAction extends Pick<ButtonProps, 'label' | 'leftIcon' | 'rightIcon' | 'variant' | 'size' | 'loading' | 'disabled'> {
+    id: string;
+    onClick: (row: TableRow) => void;
+}

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

@@ -0,0 +1,21 @@
+import { type FC } from 'react';
+import type { SVG } from '@/types';
+export declare enum ToggleVariant {
+    Default = "default",
+    SuccessError = "successError"
+}
+export declare enum ToggleSize {
+    S = "small",
+    L = "large"
+}
+export interface ToggleProps {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    disabled?: boolean;
+    withIcon?: boolean;
+    onIcon?: SVG;
+    offIcon?: SVG;
+}
+export declare const Toggle: FC<ToggleProps>;

package/lib/components/styled.d.ts

@@ -5,18 +5,21 @@ export declare const FlexRow: import("styled-components/dist/types").IStyledComp
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
     $wrap?: CSSProperties["flexWrap"];
+    $padding?: CSSProperties["padding"];
 }>> & string;
 export declare const FlexColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
     $wrap?: CSSProperties["flexWrap"];
+    $padding?: CSSProperties["padding"];
 }>> & string;
-export declare const CenterThis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
+export declare const CenterThis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding" | "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
     $wrap?: CSSProperties["flexWrap"];
+    $padding?: CSSProperties["padding"];
 }, {
     $width?: CSSProperties["width"];
     $height?: CSSProperties["height"];
@@ -27,19 +30,21 @@ export declare const ModalBody: import("styled-components/dist/types").IStyledCo
     $isNotModal?: boolean;
     $minHeight?: CSSProperties["minHeight"];
 }>> & string;
-export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding" | "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
     $wrap?: CSSProperties["flexWrap"];
+    $padding?: CSSProperties["padding"];
 }, {
     $maxWidth: CSSProperties["maxWidth"];
 }>> & string;
-export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
+export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$padding" | "$gap" | "$alignItems" | "$justifyContent" | "$wrap"> & {
     $gap?: number;
     $alignItems?: CSSProperties["alignItems"];
     $justifyContent?: CSSProperties["justifyContent"];
     $wrap?: CSSProperties["flexWrap"];
+    $padding?: CSSProperties["padding"];
 }, never>> & string;
 export declare const TableWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxHeight: CSSProperties["maxHeight"];

package/lib/components/v2.js

@@ -1 +1 @@
-export{n as Badge,r as Button,B as ButtonSize,c$ as ButtonTab,d0 as ButtonTabList,i as ButtonVariants,d3 as Checkbox,d5 as CheckboxList,d4 as CheckboxListDirection,d2 as CheckboxSize,f as CliCommand,d as DataCard,D as Drawer,d6 as Header,I as IconButton,c2 as IconButtonSize,d7 as Input,d8 as Modal,d9 as Navbar,da as Note,dc as Radio,de as RadioGroup,dd as RadioGroupDirection,db as RadioSize,S as SectionCard,h as SectionCardActionType,d1 as SectionCardSize,q as Segment,s as StatusCard,k as Table,df as Tag,t as TextCard,e as Typography,p as TypographySize,dg as TypographyVariants}from"../chunks/ui-components-d05b354a.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+export{B as Badge,g as Button,m as ButtonSize,d4 as ButtonTab,d5 as ButtonTabList,h 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,j as SectionCard,l as SectionCardActionType,d6 as SectionCardSize,y as Segment,z as StatusCard,n as Table,dk as Tag,A as TextCard,d as Toggle,e as ToggleSize,dl as ToggleVariant,b as Typography,c as TypographySize,dm as TypographyVariants}from"../chunks/ui-components-84317435.js";import"../icons.js";import"react";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.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{al as AutocompleteInput,aG as Badge,aJ as Button,a6 as CancelWarning,C as CenterThis,y as Checkbox,j as Code,ac as ConditionDetails,ad as DataCard,w as DataCardFieldTypes,bu as DataCardFields,cP as DataFinger,aM as DataTab,a5 as DeleteWarning,bR as DescribeRow,am as Divider,Y as DocsButton,a4 as Drawer,cR as DrawerFooter,cQ as DrawerHeader,b7 as Dropdown,cS as ErrorBoundary,bg as ExtendArrow,F as FadeLoader,z as FieldError,x as FieldLabel,c as FlexColumn,o as FlexRow,cT as Header,bf as IconButton,b_ as IconGroup,aA as IconTitleBadge,av as IconWrapped,bN as IconsNav,cU as ImageControlled,G as Input,Q as InputList,L as InputTable,aD as InteractiveTable,N as KeyValueInputsList,aI as LoadingText,ag as Modal,ai as ModalBody,Z as MonitorsCheckboxes,ax as MonitorsIcons,ah as NavigationButtons,aE as NoDataFound,aj as NotificationNote,c_ as Overlay,P as PageContent,b2 as Popup,c3 as PopupForm,c8 as ScrollX,aQ as ScrollY,X as SectionTitle,V as Segment,b3 as SelectionButton,aU as SkeletonLoader,ao as Status,bt as Stepper,cV as TabList,ay as TableContainer,az as TableTitleWrap,aC as TableWrap,bD as Tag,U as Text,_ as TextArea,M as Toggle,c6 as ToggleCodeComponent,aq as Tooltip,aF as TraceLoader,b4 as VerticalScroll,cZ as WarningModal,cW as getLinksFromText,cX as getStrongsFromText,cY as renderText}from"./chunks/ui-components-d05b354a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+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,f as Tooltip,aL as TraceLoader,ba as VerticalScroll,d2 as WarningModal,c$ as getLinksFromText,d0 as getStrongsFromText,d1 as renderText}from"./chunks/ui-components-84317435.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.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{aa as ACTION_OPTIONS,a3 as BUTTON_TEXTS,be as DEFAULT_DATA_STREAM_NAME,br as DESTINATION_CATEGORIES,b8 as DISPLAY_LANGUAGES,v as DISPLAY_TITLES,ak as FORM_ALERTS,bG as INSTRUMENTATION_RULE_OPTIONS,cI as LANGUAGE_OPTIONS,b9 as MONITORS_OPTIONS,ba as STORAGE_KEYS,cJ as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-d05b354a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+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-84317435.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";

package/lib/containers/_v2/central-connections/config-drawer/index.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type Dispatch, type SetStateAction } from 'react';
+import { type Connection } from '@/types';
+import { DrawerProps } from '@/components/_v2';
+interface ConnectionConfigurationsFormData {
+    automaticRollout: boolean;
+}
+export type ApplyConfigurationsFunc = (connectionIds: string[], formData: ConnectionConfigurationsFormData) => Promise<void>;
+export interface ConfigDrawerProps {
+    isOpen: boolean;
+    onClose: DrawerProps['header']['onClose'];
+    connections: Connection[];
+    selectedConnectionIds: string[];
+    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    onApply: ApplyConfigurationsFunc;
+}
+export declare const CONFIG_DRAWER_WIDTH = "75vw";
+export declare const ConfigDrawer: FC<ConfigDrawerProps>;
+export {};

package/lib/containers/_v2/central-connections/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import { CSSProperties } from 'styled-components';
+import { type Connection } from '@/types';
+import { type ApplyConfigurationsFunc } from './config-drawer';
+export interface CentralConnectionsProps {
+    tableRowsMaxHeight: CSSProperties['maxHeight'];
+    getConnections: () => Promise<Connection[]>;
+    deleteConnection: (id: string) => Promise<void>;
+    applyConfigurations: ApplyConfigurationsFunc;
+}
+export declare const CentralConnections: FC<CentralConnectionsProps>;

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

@@ -1 +1,2 @@
+export * from './central-connections';
 export * from './pipeline-collectors';

package/lib/containers/_v2/pipeline-collectors/general-info/index.d.ts

@@ -3,6 +3,7 @@ import { type SectionCardProps, type StatusCardProps, type TextCardProps } from
 export interface GeneralInfoProps extends SectionCardProps {
     statusCard: StatusCardProps;
     textCards: TextCardProps[];
-    yaml: string;
+    manifestYaml: string;
+    configMapYaml: string;
 }
 export declare const GeneralInfo: FC<GeneralInfoProps>;

package/lib/containers/v2.js

@@ -1,4 +1,52 @@
-import e,{useState as a,useEffect as t,useMemo as l,useCallback as s}from"react";import{T as i,u as o,a as n,g as r,b as d,D as c,C as u,F as g,S as b,c as p,d as m,e as y,I as k,f as C,h as v,B as w,i as f,j as h,k as L,l as x,m as P,n as R,o as $,p as I,q as A,r as D,s as M,t as S,O as N,W as z,P as T}from"../chunks/ui-components-d05b354a.js";import V,{useTheme as j}from"styled-components";import{PodIcon as O,ChevronUpIcon as U,ChevronDownIcon as E,TerminalIcon as H,YamlIcon as q,VIcon as G,CopyIcon as Y,VSquareIcon as F,XSquareIcon as W,PipelineCollectorIcon as B,DownloadIcon as K,RefreshIcon as J,GatewayIcon as Q}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 X=V.div`
+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,b as p,c as g,B as b,O as m,C as y,d as h,e as C,f as k,L as f,g as w,h as x,i as v,P as $,j as L,k as P,l as I,m as R,n as A,o as S,T as z,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-84317435.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 te,TerminalIcon as ae,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`
+  display: flex;
+  flex-direction: column;
+  border-radius: 16px;
+  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
+  overflow: hidden;
+`,pe=i.div`
+  display: flex;
+  gap: 12px;
+  padding: 16px;
+  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
+  position: sticky;
+  top: 0;
+`,ge=i.div`
+  display: flex;
+  gap: 12px;
+  padding: 16px;
+`,be=i(s)`
+  width: ${({$width:e})=>e};
+  gap: 12px;
+  justify-content: space-between;
+`,me=i.div`
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  width: calc(100% - 24px);
+  height: calc(100vh - ${({$isFooterOpen:e})=>e?"300px":"240px"});
+  border-radius: ${({$borderRadius:e})=>e};
+  background-color: ${({theme:e})=>e.v2.colors.silver[900]};
+  overflow-y: auto;
+  overflow-x: hidden;
+`,ye=i.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 16px;
+  border-radius: 12px;
+  background-color: transparent;
+  cursor: pointer;
+  &:hover {
+    background-color: ${({theme:e})=>e.v2.colors.silver[800]};
+  }
+`,he=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 16px;
+  padding: 0 24px;
+`,Ce=({isOpen:l,onClose:o,connections:i,selectedConnectionIds:s,setSelectedConnectionIds:v,onApply:$})=>{const L=n(),[P,I]=t(""),R=a(()=>i.filter(e=>!P||e.name.toLowerCase().includes(P.toLowerCase())),[i,P]),A=s.length>0,S=e=>{v(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[z,M]=t(!1),{formData:D,handleFormChange:V,resetFormData:N}=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:I})),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"},R.map(t=>e.createElement(ye,{key:t.id,onClick:()=>S(t.id)},e.createElement(y,{value:s.includes(t.id),onChange:()=>S(t.id)}),e.createElement(p,{size:g.XS},t.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(h,{size:C.S,value:D.automaticRollout,onChange:e=>V("automaticRollout",e)}),e.createElement(k,{text:"Automatic Rollout",withIcon:!0})))))),A&&e.createElement(he,null,z&&e.createElement(f,{label:"Applying configurations...",icon:B,withGradient:!0,typographyProps:{size:g.XXS}}),e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:x.Secondary,label:"Cancel",fullWidth:!0,onClick:()=>{N(),v([])}})),e.createElement("div",{style:{width:"150px"}},e.createElement(w,{variant:x.Primary,label:"Apply",fullWidth:!0,onClick:async()=>{M(!0),await $(s,D),M(!1),o()}}))))};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,getConnections:n,deleteConnection:s,applyConfigurations:r})=>{const{formatTimeAgo:c}=v(),[d,u]=t(!1),[p,g]=t([]),[y,h]=t(""),C=l(async()=>{u(!0);try{g(await n()??[])}catch(e){}u(!1)},[]);o(()=>{C()},[C]);const[k,f]=t([]),[w,z]=t(!1),M=a(()=>p.map(t=>({onClick:()=>alert(`todo: ${t.id}`),isSelected:k.includes(t.id),onSelect:()=>f(e=>[...e,t.id]),onDeselect:()=>f(e=>e.filter(e=>e!==t.id)),cells:[{key:ke.Id,rawValue:t.id},{key:ke.Name,rawValue:t.name},{key:ke.Type,rawValue:t.type},{key:ke.Status,rawValue:t.status,component:()=>(t=>{const a=t===S.Success?"Connection live":"Connection lost",l=t===S.Success?X:Z;return e.createElement(b,{status:t,label:a,leftIcon:l})})(t.status)},{key:ke.OdigosVersion,rawValue:t.odigosVersion},{key:ke.ConnectedSince,rawValue:t.connectedAt?c(t.connectedAt):"-"},{key:ke.LastActivity,rawValue:t.lastSeenAt?c(t.lastSeenAt):"-"}]})),[p,k]);return e.createElement($,null,e.createElement(L,{icon:W,title:"Connections",badge:{label:p.length.toString(),status:m.Unknown},search:{placeholder:"Search by cluster name",value:y,onChange:e=>h(e)},actions:[{id:P(),type:I.Button,buttonProps:{variant:x.Secondary,size:R.S,label:"",leftIcon:K,onClick:()=>C(),disabled:d}},{id:P(),type:I.Button,buttonProps:{variant:x.Primary,size:R.S,label:"Configurations",rightIcon:J,onClick:()=>z(!0)}}]},e.createElement(A,{maxHeight:i,isLoading:d,withCheckboxes:!0,columns:fe,rows:M,rowActionsPushRightPosition:w?`calc(${de} - 24px)`:void 0,rowActions:[{id:P(),label:"",leftIcon:J,onClick:({cells:e})=>{const t=e.find(e=>e.key===ke.Id)?.rawValue;t&&(f([t]),z(!0))},variant:x.Secondary,size:R.S},{id:P(),label:"",leftIcon:Q,onClick:({cells:e})=>{const t=e.find(e=>e.key===ke.Id)?.rawValue;t&&s(t)},variant:x.Secondary,size:R.S}]}),e.createElement(Ce,{isOpen:w,onClose:()=>{f([]),z(!1)},connections:p,selectedConnectionIds:k,setSelectedConnectionIds:f,onApply:r})))},xe=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -10,10 +58,10 @@ import e,{useState as a,useEffect as t,useMemo as l,useCallback as s}from"react"
   &:hover {
     background: ${({theme:e})=>e.v2.colors.silver[700]};
   }
-`,Z=V.div`
-  animation-name: ${i.animations.fade.in};
-`,_=({pod:s,getExtendedPodInfo:i,onClose:L})=>{const{formatTimeAgo:x}=o(),{clickCopy:P,isCopied:R}=n(),[$,I]=a(null),[A,D]=a(!1);t(()=>{s?i(s.namespace,s.name).then(e=>I(e??null)):(I(null),D(!1))},[s]);const M=l(()=>[{id:r(),title:"Node",label:$?.node??"-",withCopy:!0},{id:r(),title:"Status",badge:{status:d($?.status),label:$?.status??"-"}}],[$]),S=l(()=>$?.containers?.map(e=>({id:r(),items:[{id:r(),title:"Container",label:e.name??"-"},{id:r(),title:"Status",badge:{status:d(e.status),label:e.status??"-"},label:e.startedAt?`(since ${x(e.startedAt)})`:""},{id:r(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:r(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:r(),title:"Restarts",label:e.restarts.toString()},{id:r(),title:"State Reason",label:e.stateReason??"-"},{id:r(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:r(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[$]);return e.createElement(c,{isOpen:!!s,header:{icon:O,title:"Pod Information",onClose:L}},$?null:e.createElement(u,null,e.createElement(g,null)),$?e.createElement(e.Fragment,null,e.createElement(b,{icon:O,title:$.name,withCopyTitle:!0},e.createElement(p,{$gap:24},e.createElement(m,{cellsPerRow:2,items:M}),S.length>0&&e.createElement(p,{$gap:12},e.createElement(X,{onClick:()=>D(e=>!e)},e.createElement(y,null,"Containers Overview"),e.createElement(k,{icon:A?U:E})),A&&S.map(({id:a,items:t})=>e.createElement(Z,{key:a},e.createElement(m,{cellsPerRow:2,items:t})))))),e.createElement(b,{icon:H,title:"Kubectl Commands"},e.createElement(p,{$gap:12},e.createElement(C,{value:`kubectl get pod ${$.name} -n ${$.namespace} -o yaml`}),e.createElement(C,{value:`kubectl describe pod ${$.name} -n ${$.namespace}`}),e.createElement(C,{value:`kubectl logs ${$.name} -n ${$.namespace}`}))),e.createElement(b,{icon:q,title:"YAML",actions:[{id:r(),type:v.Button,props:{label:"",leftIcon:R?G:Y,onClick:()=>P($.manifestYAML),disabled:R,size:w.S,variant:f.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(h,{code:$.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var ee;!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"}(ee||(ee={}));const ae=[{key:ee.PodName,label:"Pod Name",sortable:!0},{key:ee.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:ee.Started,label:"Started",sortable:!0,textAlign:"right"},{key:ee.Status,label:"Status",sortable:!0},{key:ee.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:ee.NodeName,label:"Node Name",sortable:!0},{key:ee.Age,label:"Age",sortable:!0,textAlign:"right"},{key:ee.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],te=({isLoading:t,tableRowsMaxHeight:s,pods:i,getExtendedPodInfo:n})=>{const r=j(),{formatTimeAgo:c}=o(),[u,g]=a(null),p=l(()=>{const a=a=>a?e.createElement(F,{fill:x(r,P.Success,"500"),size:20}):e.createElement(W,{fill:x(r,P.Error,"500"),size:20});return i.map(t=>({onClick:()=>g(t),cells:[{key:ee.PodName,rawValue:t.name},{key:ee.Ready,rawValue:t.ready,component:()=>a(t.ready)},{key:ee.Started,rawValue:t.started,component:()=>a(t.started)},{key:ee.Status,rawValue:t.status,component:()=>{return a=t.status,e.createElement(R,{status:d(a),label:a});var a}},{key:ee.Restarts,rawValue:t.restartsCount.toString()},{key:ee.NodeName,rawValue:t.nodeName},{key:ee.Age,rawValue:c(t.creationTimestamp)},{key:ee.DockerImage,rawValue:t.image}]}))},[i,r]);return e.createElement(b,{icon:O,title:"Pods"},e.createElement(L,{maxHeight:s,isLoading:t,columns:ae,rows:p}),e.createElement(_,{pod:u,getExtendedPodInfo:n,onClose:()=>g(null)}))};var le;!function(e){e.Gateway="gateway",e.Node="node"}(le||(le={}));const se=[{value:le.Gateway,label:"Gateway"},{value:le.Node,label:"Node Collector"}],ie=V.div`
+`,ve=i.div`
+  animation-name: ${z.animations.fade.in};
+`,$e=({pod:l,getExtendedPodInfo:i,onClose:n})=>{const{formatTimeAgo:r}=v(),{clickCopy:d,isCopied:u}=M(),[g,b]=t(null),[m,y]=t(!1);o(()=>{l?i(l.namespace,l.name).then(e=>b(e??null)):(b(null),y(!1))},[l]);const h=a(()=>[{id:P(),title:"Node",label:g?.node??"-",withCopy:!0},{id:P(),title:"Status",badge:{status:D(g?.status),label:g?.status??"-"}}],[g]),C=a(()=>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:h}),C.length>0&&e.createElement(s,{$gap:12},e.createElement(xe,{onClick:()=>y(e=>!e)},e.createElement(p,null,"Containers Overview"),e.createElement(T,{icon:m?ee:te})),m&&C.map(({id:t,items:a})=>e.createElement(ve,{key:t},e.createElement(O,{cellsPerRow:2,items:a})))))),e.createElement(L,{icon:ae,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:I.Button,buttonProps:{label:"",leftIcon:u?X:oe,onClick:()=>d(g.manifestYAML),disabled:u,size:R.S,variant:x.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"}],Ie=({isLoading:l,tableRowsMaxHeight:o,pods:i,getExtendedPodInfo:s})=>{const r=n(),{formatTimeAgo:c}=v(),[d,u]=t(null),p=a(()=>{const t=t=>t?e.createElement(ie,{fill:F(r,S.Success,"500"),size:20}):e.createElement(ne,{fill:F(r,S.Error,"500"),size:20});return i.map(a=>({onClick:()=>u(a),cells:[{key:Le.PodName,rawValue:a.name},{key:Le.Ready,rawValue:a.ready,component:()=>t(a.ready)},{key:Le.Started,rawValue:a.started,component:()=>t(a.started)},{key:Le.Status,rawValue:a.status,component:()=>{return t=a.status,e.createElement(b,{status:D(t),label:t});var t}},{key:Le.Restarts,rawValue:a.restartsCount.toString()},{key:Le.NodeName,rawValue:a.nodeName},{key:Le.Age,rawValue:c(a.creationTimestamp)},{key:Le.DockerImage,rawValue:a.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 Re;!function(e){e.Gateway="gateway",e.Node="node"}(Re||(Re={}));const Ae=[{value:Re.Gateway,label:"Gateway"},{value:Re.Node,label:"Node Collector"}],Se=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,oe=({selectedTab:a,setSelectedTab:t,onClickDownloadDiagnose:l,onClickRefresh:s,isLoading:i})=>e.createElement(ie,null,e.createElement($,{$gap:12},e.createElement($,{$gap:8},e.createElement(B,{size:32}),e.createElement(y,{size:I.M,weight:500},"Pipeline Collectors")),e.createElement(A,{options:se,selected:a,setSelected:t})),e.createElement($,{$gap:8},l&&e.createElement(D,{label:"Download Diagnose",leftIcon:K,size:w.S,variant:f.Text,onClick:l}),s&&e.createElement(D,{label:"Refresh",leftIcon:J,size:w.S,variant:f.Text,onClick:s,loading:i}))),ne=({isOpen:a,onClose:t,title:l,yaml:s})=>{const{clickCopy:i,isCopied:o}=n();return e.createElement(c,{isOpen:a,header:{icon:Q,title:l,onClose:t}},e.createElement(b,{icon:q,title:"YAML",actions:[{id:r(),type:v.Button,props:{label:"",leftIcon:o?G:Y,onClick:()=>i(s),disabled:o,size:w.S,variant:f.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(h,{code:s,language:"yaml",theme:"duotoneDark"}))))},re=({icon:t,title:l,badge:s,statusCard:i,textCards:o,yaml:n})=>{const[d,c]=a(!1);return e.createElement(b,{icon:t,title:l,badge:s,actions:[{id:r(),type:v.Button,props:{variant:f.Secondary,size:w.S,leftIcon:q,label:"View YAML",onClick:()=>c(!0)}}]},e.createElement($,{$gap:16},e.createElement(M,{...i}),o.map(a=>e.createElement(S,{key:a.title,...a}))),e.createElement(ne,{isOpen:d,onClose:()=>c(!1),title:l,yaml:n}))},de=e=>{switch(e){case z.Healthy:return"All desired replicas are updated, available, and ready";case z.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case z.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case z.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case z.Down:return"No available replicas";case z.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},ce=({tableRowsMaxHeight:i,getGatewayInfo:n,getGatewayPods:r,getNodeCollectorInfo:c,getNodeCollectorPods:u,getExtendedPodInfo:g})=>{const{formatTimeAgo:b}=o(),[p,m]=a(!1),[y,k]=a(le.Gateway),[C,v]=a(null),[w,f]=a([]),[h,L]=a(null),[x,R]=a([]),$=s(async()=>{switch(m(!0),y){case le.Gateway:v(await n()??null),f(await r()??[]);break;case le.Node:L(await c()??null),R(await u()??[])}m(!1)},[y]);t(()=>{$().catch(e=>{})},[$]);const I=l(()=>(e=>{const a=se.find(a=>a.value===e);return a?.label??"Pipeline Collectors"})(y),[y]),A=l(()=>((e,a,t,l)=>{const s={status:N.Disabled,label:"No rollouts yet"};let i=!1,o=null;switch(e){case le.Gateway:i=a?.rolloutInProgress??!1,o=a?.lastRolloutAt??null;break;case le.Node:i=t?.rolloutInProgress??!1,o=t?.lastRolloutAt??null;break;default:return s}return i?{status:P.Info,label:"Rollout in progress",rightIcon:J,useSecondaryTone:!0}:o?{status:N.Disabled,label:`Last Rollout: ${l(o)}`}:s})(y,C,h,b),[C,h,y,b]),D=l(()=>((e,a,t,l)=>{let s=l?P.Info:N.Unknown,i=l?"Loading":z.Unknown,o=l?"Fetching data...":de(z.Unknown);switch(e){case le.Gateway:s=a?.status?d(a?.status):s,i=a?.status??i,o=a?.status?de(a.status):o;break;case le.Node:s=t?.status?d(t?.status):s,i=t?.status??i,o=t?.status?de(t.status):o}return{status:s,title:i,description:o}})(y,C,h,p),[C,h,y,p]),M=l(()=>((e,a,t,l)=>{switch(e){case le.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 le.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[]}})(y,C,h,p),[C,h,y,p]),S=l(()=>(y===le.Gateway?C?.manifestYAML:h?.manifestYAML)??"",[C,h,y]),V=l(()=>y===le.Gateway?w:x,[w,x,y]);return e.createElement(T,null,e.createElement(oe,{isLoading:p,selectedTab:y,setSelectedTab:k,onClickDownloadDiagnose:void 0,onClickRefresh:$}),e.createElement(re,{icon:Q,title:I,badge:A,statusCard:D,textCards:M,yaml:S}),e.createElement(te,{isLoading:p,tableRowsMaxHeight:i,pods:V,getExtendedPodInfo:g}))};export{ce as PipelineCollectors};
+`,ze=({selectedTab:t,setSelectedTab:a,onClickDownloadDiagnose:l,onClickRefresh:o,isLoading:i})=>e.createElement(Se,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:t,setSelected:a})),e.createElement(u,{$gap:8},l&&e.createElement(w,{label:"Download Diagnose",leftIcon:re,size:R.S,variant:x.Text,onClick:l}),o&&e.createElement(w,{label:"Refresh",leftIcon:K,size:R.S,variant:x.Text,onClick:o,loading:i}))),Me=({isOpen:t,onClose:a,title:l,yaml:o})=>{const{clickCopy:i,isCopied:n}=M();return e.createElement(c,{isOpen:t,header:{icon:ce,title:l,onClose:a}},o?e.createElement(L,{icon:le,title:"YAML",actions:[{id:P(),type:I.Button,buttonProps:{label:"",leftIcon:n?X:oe,onClick:()=>i(o),disabled:n,size:R.S,variant:x.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:a,title:l,badge:o,statusCard:i,textCards:n,manifestYaml:s,configMapYaml:r})=>{const[c,d]=t(null);return e.createElement(L,{icon:a,title:l,badge:o,actions:[{id:P(),type:I.ButtonDropData,buttonProps:{variant:x.Secondary,size:R.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(t=>e.createElement(q,{key:t.title,...t}))),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}=v(),[p,g]=t(!1),[b,y]=t(Re.Gateway),[h,C]=t(null),[k,f]=t([]),[w,x]=t(null),[L,P]=t([]),I=l(async()=>{g(!0);try{switch(b){case Re.Gateway:C(await n()??null),f(await s()??[]);break;case Re.Node:x(await r()??null),P(await c()??[])}}catch(e){}g(!1)},[b]);o(()=>{I()},[I]);const R=a(()=>(e=>{switch(e){case Re.Gateway:return"Deployment";case Re.Node:return"DaemonSet";default:return"Pipeline Collectors"}})(b),[b]),A=a(()=>((e,t,a,l)=>{const o={status:m.Disabled,label:"No rollouts yet"};let i=!1,n=null;switch(e){case Re.Gateway:i=t?.rolloutInProgress??!1,n=t?.lastRolloutAt??null;break;case Re.Node:i=a?.rolloutInProgress??!1,n=a?.lastRolloutAt??null;break;default:return o}return i?{status:S.Info,label:"Rollout in progress",rightIcon:K,useSecondaryTone:!0}:n?{status:m.Disabled,label:`Last Rollout: ${l(n)}`}:o})(b,h,w,u),[h,w,b,u]),z=a(()=>((e,t,a,l)=>{let o=l?S.Info:m.Unknown,i=l?"Loading":G.Unknown,n=l?"Fetching data...":Ne(G.Unknown);switch(e){case Re.Gateway:o=t?.status?D(t?.status):o,i=t?.status??i,n=t?.status?Ne(t.status):n;break;case Re.Node:o=a?.status?D(a?.status):o,i=a?.status??i,n=a?.status?Ne(a.status):n}return{status:o,title:i,description:n}})(b,h,w,p),[h,w,b,p]),M=a(()=>((e,t,a,l)=>{switch(e){case Re.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:t?.hpa?.min.toString()??"-",isLoading:l},{label:"Max.",value:t?.hpa?.max.toString()??"-",isLoading:l},{label:"Current",value:t?.hpa?.current.toString()??"-",isLoading:l},{label:"Desired",value:t?.hpa?.desired.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}]}];case Re.Node:return[{title:"Nodes",cells:[{label:"Desired",value:a?.nodes?.desired.toString()??"-",isLoading:l},{label:"Ready",value:a?.nodes?.ready.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}]}];default:return[]}})(b,h,w,p),[h,w,b,p]),V=a(()=>(b===Re.Gateway?h?.manifestYAML:w?.manifestYAML)??"",[h,w,b]),N=a(()=>(b===Re.Gateway?h?.configMapYAML:w?.configMapYAML)??"",[h,w,b]),O=a(()=>b===Re.Gateway?k:L,[k,L,b]);return e.createElement($,null,e.createElement(ze,{isLoading:p,selectedTab:b,setSelectedTab:y,onClickDownloadDiagnose:void 0,onClickRefresh:I}),e.createElement(Ve,{icon:ce,title:R,badge:A,statusCard:z,textCards:M,manifestYaml:V,configMapYaml:N}),e.createElement(Ie,{isLoading:p,tableRowsMaxHeight:i,pods:O,getExtendedPodInfo:d}))};export{we as CentralConnections,Oe as PipelineCollectors};

package/lib/containers.js

@@ -1,4 +1,4 @@
-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}from"styled-components";import{v as p,w as m,A as h,K as g,x as y,y as v,z as b,E as f,G as x,H as $,J as C,L as S,M as k,N as w,Q as T,R as D,U as N,T as E,V as O,X as F,Y as I,Z as A,_ as M,$ as R,a0 as L,a1 as P,a2 as K,a3 as j,a4 as V,a5 as q,a6 as z,a7 as H,m as B,a8 as W,a9 as _,aa as U,ab as J,ac as G,ad as Y,ae as X,c as Z,af as Q,ag as ee,ah as te,ai as ae,aj as ie,ak as ne,al as oe,am as le,an as re,ao as se,o as ce,ap as de,aq as ue,ar as pe,as as me,at as he,au as ge,av as ye,aw as ve,ax as be,ay as fe,az as xe,aA as $e,aB as Ce,aC as Se,aD as ke,C 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,F as Re,aN as Le,aO as Pe,aP as Ke,aQ as je,aR as Ve,aS as qe,aT as ze,aU as He,aV as Be,aW as We,aX as _e,aY as Ue,aZ as Je,a_ as Ge,a$ as Ye,b0 as Xe,b1 as Ze,b2 as Qe,b3 as et,b4 as tt,b5 as at,b6 as it,b7 as nt,b8 as ot,b9 as lt,ba as rt,bb as st,bc as ct,bd as dt,be as ut,bf as pt,bg as mt,bh as ht,bi as gt,bj as yt,bk as vt,bl as bt,bm as ft,bn as xt,bo as $t,bp as Ct,bq as St,br as kt,bs as wt,bt as Tt,bu as Dt,bv as Nt,bw as Et,bx as Ot,by as Ft,bz as It,bA as At,bB as Mt,bC as Rt,bD as Lt,bE as Pt,bF as Kt,bG as jt,bH as Vt,bI as qt,u as zt,bJ as Ht,bK as Bt,bL as Wt,bM as _t,bN as Ut,bO as Jt,bP as Gt,bQ as Yt,bR as Xt,bS as Zt,bT as Qt,bU as ea,bV as ta,bW as aa,bX as ia,bY as na,bZ as oa,b_ as la,b$ as ra,c0 as sa,a as ca,c1 as da,c2 as ua,c3 as pa,c4 as ma,c5 as ha,c6 as ga,c7 as ya,c8 as va}from"./chunks/ui-components-d05b354a.js";import{VSquareIcon as ba,XSquareIcon as fa,EditIcon as xa,TrashIcon as $a,OdigosLogoText as Ca,PlusIcon as Sa,SearchIcon as ka,FilterIcon as wa,DataStreamIcon as Ta,VIcon as Da,OdigosLogo as Na,ArrowIcon as Ea,RefreshLeftArrowIcon as Oa,NotificationIcon as Fa,UserIcon as Ia,ImageErrorIcon as Aa,OverviewIcon as Ma,InstrumentationRuleIcon as Ra,ActionIcon as La,SourceIcon as Pa,DestinationIcon as Ka,SlackLogo as ja,KeyIcon as Va,TerminalIcon as qa,ExclamationTriangleIcon as za,TraceViewIcon as Ha}from"./icons.js";import{MarkerType as Ba,useNodesState as Wa,useEdgesState as _a,applyNodeChanges as Ua}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 Ja=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: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:a||""},{title:p.NOTES,value:i||""},{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:a},i)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||g.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${i+1}`:""),value:n})}),u?.length&&T.push({type:m.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||g.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${i+1}`:""),value:n})})),t===h.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";y?.forEach(({attributeName:t,attributeStringValue:a},i)=>{e+=`${t}: ${a}`,i<y.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.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===h.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<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: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===h.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===h.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},Ga=f.PiiCategories,Ya=d.div`
+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}from"styled-components";import{E as p,G as m,H as h,K as g,J as y,M as v,Q as b,R as f,U as x,V as $,X as C,Y as S,Z as k,_ as w,$ as T,a0 as D,a1 as N,T as E,a2 as O,a3 as F,a4 as I,a5 as A,a6 as M,a7 as R,a8 as L,a9 as P,aa as K,ab as j,ac as V,ad as q,ae as z,af as H,o as B,ag as W,ah as _,ai as U,aj as J,ak as G,al as Y,am as X,F as Z,an as Q,ao as ee,ap as te,aq as ae,ar as ie,as as ne,at as oe,au as le,av as re,aw as se,a as ce,ax as de,f as ue,ay as pe,az as me,aA as he,aB as ge,aC as ye,aD as ve,aE as be,aF as fe,aG as xe,aH as $e,aI as Ce,aJ as Se,aK as ke,r as we,N as Te,aL as De,aM as Ne,aN as Ee,aO as Oe,aP as Fe,aQ as Ie,aR as Ae,aS as Me,s as Re,aT as Le,aU as Pe,aV as Ke,aW as je,aX as Ve,aY as qe,aZ as ze,a_ as He,a$ as Be,b0 as We,b1 as _e,b2 as Ue,b3 as Je,b4 as Ge,b5 as Ye,b6 as Xe,b7 as Ze,b8 as Qe,b9 as et,ba as tt,bb as at,bc as it,bd as nt,be as ot,bf as lt,bg as rt,bh as st,bi as ct,bj as dt,bk as ut,bl as pt,bm as mt,bn as ht,bo as gt,bp as yt,bq as vt,br as bt,bs as ft,bt as xt,bu as $t,bv as Ct,bw as St,bx as kt,by as wt,bz as Tt,bA as Dt,bB as Nt,bC as Et,bD as Ot,bE as Ft,bF as It,bG as At,bH as Mt,bI as Rt,bJ as Lt,bK as Pt,bL as Kt,bM as jt,bN as Vt,bO as qt,i as zt,bP as Ht,bQ as Bt,bR as Wt,bS as _t,bT as Ut,bU as Jt,bV as Gt,bW as Yt,bX as Xt,bY as Zt,bZ as Qt,b_ as ea,b$ as ta,c0 as aa,c1 as ia,c2 as na,c3 as oa,c4 as la,c5 as ra,c6 as sa,p as ca,u as da,c7 as ua,c8 as pa,c9 as ma,ca as ha,cb as ga,cc as ya,cd as va}from"./chunks/ui-components-84317435.js";import{VSquareIcon as ba,XSquareIcon as fa,EditIcon as xa,TrashIcon as $a,OdigosLogoText as Ca,PlusIcon as Sa,SearchIcon as ka,FilterIcon as wa,DataStreamIcon as Ta,VIcon as Da,OdigosLogo as Na,ArrowIcon as Ea,RefreshLeftArrowIcon as Oa,NotificationIcon as Fa,UserIcon as Ia,ImageErrorIcon as Aa,OverviewIcon as Ma,InstrumentationRuleIcon as Ra,ActionIcon as La,SourceIcon as Pa,DestinationIcon as Ka,SlackLogo as ja,KeyIcon as Va,TerminalIcon as qa,ExclamationTriangleIcon as za,TraceViewIcon as Ha}from"./icons.js";import{MarkerType as Ba,useNodesState as Wa,useEdgesState as _a,applyNodeChanges as Ua}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 Ja=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: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:a||""},{title:p.NOTES,value:i||""},{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:a},i)=>{let n="";n+=`Label Key: ${e}\n`,n+=`Attribute Key: ${t}\n`,n+=`From: ${a||g.Pod}\n`,T.push({title:"Label"+(d.length>1?` #${i+1}`:""),value:n})}),u?.length&&T.push({type:m.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||g.Pod}\n`,T.push({title:"Annotation"+(u.length>1?` #${i+1}`:""),value:n})})),t===h.AddClusterInfo){T.push({title:"Overwrite Existing Values",value:String(v||!1)});let e="";y?.forEach(({attributeName:t,attributeStringValue:a},i)=>{e+=`${t}: ${a}`,i<y.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.DeleteAttributes){let e="";b?.forEach((t,a)=>{e+=t,a<b.length-1&&(e+=", ")}),T.push({title:"Attributes",value:e})}if(t===h.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===h.PiiMasking){let e="";x?.forEach((t,a)=>{e+=t,a<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: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===h.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===h.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},Ga=f.PiiCategories,Ya=d.div`
   display: flex;
   flex-direction: row;
   gap: 32px;

package/lib/functions.js

@@ -1 +1 @@
-export{bq as capitalizeFirstLetter,cr as cleanObjectEmptyStringsValues,bl as compareCondition,bs as deepClone,au as filterActions,a_ as filterDestinations,a$ as filterDestinationsByStream,aY as filterSources,aZ as filterSourcesByStream,cs as flattenObjectKeys,aP as formatBytes,c5 as formatDuration,g as generateId,ab as getActionIcon,an as getConditionsBooleans,aT as getContainersIcons,b$ as getContainersInstrumentedCount,aS as getDestinationIcon,aB as getEntityIcon,aN as getEntityId,aw as getEntityLabel,ct as getIdFromSseTarget,aR as getInstrumentationRuleIcon,cu as getMainContainerLanguage,bv as getMetricForEntity,cv as getMonitorIcon,cw as getPlatformIcon,cx as getPlatformLabel,bE as getProgrammingLanguageIcon,c7 as getRecursiveValues,cy as getSseTargetFromId,l as getStatusColor,b as getStatusFromPodStatus,as as getStatusIcon,bO as getStatusTypeFromOdigosHealth,cz as getValueForRange,bI as getWorkloadId,bp as getYamlFieldsForDestination,bP as hasUnhealthyInstances,J as isEmpty,cA as isLegalK8sLabel,c0 as isOverTime,bT as isStringABoolean,cB as isTimeElapsed,cC as isValidVersion,ap as mapConditions,bk as mapDestinationFieldsForDisplay,aO as mapExportedSignals,cD as numbersOnly,bU as parseBooleanFromString,cE as parseJsonStringToPrettyString,cF as removeEmptyValuesFromObject,bm as safeJsonParse,cG as safeJsonStringify,aH as sleep,b6 as splitCamelString,cH as stringifyNonStringValues}from"./chunks/ui-components-d05b354a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+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,k 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-84317435.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.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{a9 as useActionFormData,cL as useBodyScroll,b0 as useClickNode,bJ as useClickNotification,aV as useConnection,aX as useContainerSize,a as useCopy,bc as useDataStreamFormData,bo as useDestinationFormData,c1 as useGenericForm,cM as useInfiniteScroll,bF as useInstrumentationRuleFormData,a2 as useKeyDown,b5 as useOnClickOutside,b1 as usePopup,bb as useSessionStorage,bV as useSourceFormData,bZ as useSourceSelectionFormData,u as useTimeAgo,bH as useTransition}from"./chunks/ui-components-d05b354a.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.js";import"react-dom";import"styled-components";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
+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,i as useTimeAgo,bN as useTransition}from"./chunks/ui-components-84317435.js";import"./icons.js";import"react";import"zustand";import"javascript-time-ago";import"./chunks/vendor-55cc654c.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/index.d.ts

@@ -39,6 +39,7 @@ export * from './refresh-right-arrow-icon';
 export * from './rotate-arrows-icon';
 export * from './search-icon';
 export * from './server-disconnected-icon';
+export * from './settings-icon';
 export * from './sort-arrows-icon';
 export * from './terminal-icon';
 export * from './trash-icon';