@odigos/ui-kit 0.0.226 → 0.0.227
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 +14 -0
- package/lib/chunks/index-B0b5lJH3.js +3 -0
- package/lib/chunks/{index-BWi3du_1.js → index-C-Z4QHpA.js} +9 -9
- package/lib/chunks/{ui-components-B4LvruCJ.js → ui-components-C7i9zbc-.js} +415 -383
- package/lib/components/_v2/charts/gauge-chart/index.d.ts +18 -0
- package/lib/components/_v2/charts/index.d.ts +1 -0
- package/lib/components/_v2/index.d.ts +1 -0
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/pipeline-collectors/enum.d.ts +4 -0
- package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-badge.d.ts +1 -1
- package/lib/containers/_v2/pipeline-collectors/general-info/helpers/get-general-gauge-cards.d.ts +4 -0
- package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-status-card.d.ts +1 -1
- package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-text-cards.d.ts +1 -1
- package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/get-general-title.d.ts +1 -1
- package/lib/containers/_v2/pipeline-collectors/{helpers → general-info/helpers}/index.d.ts +2 -1
- package/lib/containers/_v2/pipeline-collectors/general-info/index.d.ts +7 -6
- package/lib/containers/_v2/pipeline-collectors/index.d.ts +5 -0
- package/lib/containers/_v2/pipeline-collectors/toolbar/index.d.ts +1 -11
- package/lib/containers/source-drawer/profiling/flamebearer.d.ts +5 -0
- package/lib/containers/v2.js +32 -45
- package/lib/containers.js +4 -4
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets/_v2/yaml-section-card/index.d.ts +2 -0
- package/lib/snippets/v2.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/common/index.d.ts +36 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/index-BYYemmZD.js +0 -3
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type FC, type CSSProperties } from 'react';
|
|
2
|
+
export declare enum GaugeChartVariant {
|
|
3
|
+
CurrentOfMax = "currentOfMax",
|
|
4
|
+
GoodAgainstBad = "goodAgainstBad"
|
|
5
|
+
}
|
|
6
|
+
export interface GaugeChartProps {
|
|
7
|
+
variant?: GaugeChartVariant;
|
|
8
|
+
gaugeWidth?: CSSProperties['width'];
|
|
9
|
+
min?: number | string;
|
|
10
|
+
max: number | string;
|
|
11
|
+
current: number | string;
|
|
12
|
+
title?: string;
|
|
13
|
+
primaryLabel: string;
|
|
14
|
+
primaryColor?: string;
|
|
15
|
+
secondaryLabel: string;
|
|
16
|
+
secondaryColor?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const GaugeChart: FC<GaugeChartProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './gauge-chart';
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{e$ as Autocomplete,Y as Badge,
|
|
1
|
+
export{e$ as Autocomplete,Y as Badge,o as Button,B as ButtonSize,gd as ButtonTab,ge as ButtonTabList,a as ButtonVariants,e as Checkbox,gf as CheckboxList,f1 as CheckboxSize,bz as CliCommand,gg as Condition,aL as Conditions,gh as DEFAULT_TIME_UNITS,D as DataCard,aI as Drawer,bj as DropData,bl as DropDataAlignX,bk as DropDataAlignY,am as DropDown,f as FieldMessage,d as FieldTitle,bC as GaugeChart,gi as GaugeChartVariant,gj as Header,dV as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,l as InputList,j as InputTable,bu as Island,aj as Loader,gk as Modal,gl as Navbar,N as NoData,z as Note,el as Radio,gm as RadioGroup,gn as RadioSize,dP as Search,aa as SectionCard,go as SectionCardSize,S as Segment,an as SegmentSize,bF as SegmentVariant,bB as StatusCard,bv as Stepper,bo as Table,bp as TableVariant,aV as Tag,w as TextArea,bD as TextCard,e9 as TimeInput,T as Toggle,k as ToggleLabelAlign,gp as ToggleList,ax as ToggleSize,bf as ToggleVariant,s as Typography,t as TypographySize,ay as TypographyVariants,c5 as WarningModal}from"../chunks/ui-components-C7i9zbc-.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{cG as AutocompleteInput,c_ as Badge,d1 as Button,cv as CancelWarning,b as CenterThis,cd as Checkbox,C as Code,cy as ConditionDetails,cz as DataCard,cb as DataCardFieldTypes,dA as DataCardFields,g1 as DataFinger,d3 as DataTab,cu as DeleteWarning,dT as DescribeRow,m as Divider,co as DocsButton,ct as Drawer,g2 as DrawerFooter,g3 as DrawerHeader,dl as Dropdown,g4 as ErrorBoundary,dt as ExtendArrow,d0 as FadeLoader,ce as FieldError,cc as FieldLabel,F as FlexColumn,n as FlexRow,g5 as Header,ck as IconButton,e1 as IconGroup,cU as IconTitleBadge,cP as IconWrapped,dN as IconsNav,g6 as ImageControlled,cf as Input,cj as InputList,cg as InputTable,cX as InteractiveTable,ci as KeyValueInputsList,g7 as LoadingText,cD as Modal,cE as ModalBody,cp as MonitorsCheckboxes,cR as MonitorsIcons,cH as NavigationButtons,cY as NoDataFound,cF as NotificationNote,g8 as Overlay,aK as Padding,bn as PageContent,dh as Popup,e3 as PopupForm,e8 as ScrollX,d7 as ScrollY,cn as SectionTitle,cm as Segment,dj as SelectionButton,da as SkeletonLoader,cJ as Status,dz as Stepper,g9 as TabList,cS as TableContainer,cT as TableTitleWrap,cW as TableWrap,dC as Tag,cr as Text,cq as TextArea,ch as Toggle,e6 as ToggleCodeComponent,O as Tooltip,cZ as TraceLoader,bE as UpgradeRequiredWrapper,di as VerticalScroll,dE as WarningModal,ga as getLinksFromText,gb as getStrongsFromText,gc as renderText}from"./chunks/ui-components-C7i9zbc-.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{ad as ACTION_ATTRIBUTE_OPTIONS,cx as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,fL as ALL_SOURCES,aX as BTN_CANCEL,b3 as BTN_CREATE_RULE,a_ as BTN_DELETE_RULE,eO as BTN_EDIT_AUTO_RULE,aZ as BTN_EDIT_RULE,bb as BTN_SAVE,aY as BTN_SAVE_RULE,aJ as BUTTON_TEXTS,b0 as CATEGORY_DESCRIPTIONS,eM as CATEGORY_LABELS,b4 as CATEGORY_TITLES,fM as CREATE_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,fN as CREATE_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,fO as CREATE_NOISY_AUTO_RULE_DRAWER_TITLE,aG as DEFAULT_CLUSTER_ID,aF as DEFAULT_CLUSTER_NAME,ds as DEFAULT_DATA_STREAM_NAME,a3 as DESC_DROP_PERCENTAGE,ef as DESC_DURATION,ee as DESC_ERRORS,a7 as DESC_KEEP_PERCENTAGE,ei as DESC_OPERATION,eZ as DESC_SOURCE_SCOPE,ak as DESTINATION_CATEGORIES,Z as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,v as DOCS_BASE_URL,ai as DestinationCategoryTypes,b7 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_SUBTITLE,b8 as EDIT_COST_REDUCTION_AUTO_RULE_DRAWER_TITLE,b5 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_SUBTITLE,b6 as EDIT_HIGHLY_RELEVANT_AUTO_RULE_DRAWER_TITLE,b9 as EDIT_NOISY_AUTO_RULE_DRAWER_SUBTITLE,ba as EDIT_NOISY_AUTO_RULE_DRAWER_TITLE,b1 as EDIT_TITLES,ev as EMPTY_VALUE,bI as FILTER_TYPE_ALL,aU as FORM_ALERTS,ar as INSTRUMENTATION_RULE_OPTIONS,eg as LABEL_CUSTOM_DURATION,ab as LABEL_CUSTOM_PERCENTAGE,bH as LABEL_DISABLED_RULE,eE as LABEL_DROP_ALL,a2 as LABEL_DROP_AT_MOST,eB as LABEL_DROP_PERCENTAGE,eo as LABEL_HTTP_ROUTE,eq as LABEL_HTTP_ROUTE_PREFIX,es as LABEL_KAFKA_TOPIC,eF as LABEL_KEEP_ALL,a6 as LABEL_KEEP_AT_LEAST,eC as LABEL_KEEP_AT_MOST,eA as LABEL_KEEP_PERCENTAGE,ed as LABEL_KEEP_TRACES_DURATION,eb as LABEL_KEEP_TRACES_ERRORS,er as LABEL_METHOD,eI as LABEL_NOTE,eW as LABEL_NO_PREVIEW,eu as LABEL_OPERATION_TYPE,be as LABEL_RULE_DISABLED,bd as LABEL_RULE_ENABLED,eG as LABEL_RULE_NAME,eH as LABEL_RULE_TYPE,eD as LABEL_SAMPLE,ek as LABEL_SERVER_ADDRESS,en as LABEL_TEMPLATED_PATH,ep as LABEL_TEMPLATED_PATH_PREFIX,fP as LANGUAGE_OPTIONS,dm as MONITORS_OPTIONS,eY as NOTE_ENTIRE_CLUSTER,e_ as NOTE_SOURCE_SCOPE_LOGIC,fQ as OPENTELEMETRY_EBPF_DISTRO_OPTION,ex as OPERATION_ALL,ew as OPERATION_HTTP_CLIENT,et as OPERATION_HTTP_SERVER,ey as OPERATION_KAFKA_CONSUMER,ez as OPERATION_KAFKA_PRODUCER,fR as OTEL_DISTRO_NAME_OPTIONS,eK as PLACEHOLDER_NOTE,em as PLACEHOLDER_ROUTE,eJ as PLACEHOLDER_RULE_NAME,f0 as PLACEHOLDER_SEARCH_SOURCE,ej as PLACEHOLDER_SERVER_ADDRESS,a9 as SAMPLING_AUTO_RULE_TITLE,b$ as SAMPLING_BTN_CREATE_RULE,bZ as SAMPLING_BTN_DOCS,b_ as SAMPLING_BTN_REFRESH,a5 as SAMPLING_COST_REDUCTION_AUTO_RULE_TITLE,c7 as SAMPLING_DELETE_MODAL_APPROVE,c6 as SAMPLING_DELETE_MODAL_CANCEL,c8 as SAMPLING_DELETE_MODAL_DESCRIPTION,c9 as SAMPLING_DELETE_MODAL_TITLE,bc as SAMPLING_DRAWER_WIDTH,bY as SAMPLING_DUPLICATE_RULE_WARNING,a1 as SAMPLING_HIGHLY_RELEVANT_AUTO_RULE_TITLE,c0 as SAMPLING_PAGE_DESCRIPTION,c1 as SAMPLING_PAGE_TITLE,a4 as SECTION_DROP_PERCENTAGE,ec as SECTION_DURATION,ea as SECTION_ERRORS,a8 as SECTION_KEEP_PERCENTAGE,eh as SECTION_OPERATION,eV as SECTION_SAMPLING_PREVIEW,eX as SECTION_SOURCE_SCOPE,dn as STORAGE_KEYS,fS as TOKEN_ABOUT_TO_EXPIRE,eL as TOOLTIP_NOTE,b2 as UNNAMED_RULE}from"./chunks/ui-components-C7i9zbc-.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
|
package/lib/containers/_v2/pipeline-collectors/general-info/helpers/get-general-gauge-cards.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Tabs } from '../../enum';
|
|
2
|
+
import { type GaugeChartProps } from '@/components/_v2';
|
|
3
|
+
import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
|
|
4
|
+
export declare const getGeneralGaugeCards: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null) => GaugeChartProps[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Tabs } from '
|
|
1
|
+
import { Tabs } from '../../enum';
|
|
2
2
|
import { type StatusCardProps } from '@/components/_v2';
|
|
3
3
|
import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
|
|
4
4
|
export declare const getGeneralStatusCard: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null, isLoading: boolean) => StatusCardProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Tabs } from '
|
|
1
|
+
import { Tabs } from '../../enum';
|
|
2
2
|
import { type TextCardProps } from '@/components/_v2';
|
|
3
3
|
import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
|
|
4
4
|
export declare const getGeneralTextCards: (selectedTab: Tabs, gatewayInfo: GatewayInfo | null, nodeCollectorInfo: NodeCollectoInfo | null, isLoading: boolean) => TextCardProps[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Tabs } from '
|
|
1
|
+
import { Tabs } from '../../enum';
|
|
2
2
|
export declare const getGeneralTitle: (selectedTab: Tabs) => string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type FC } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { Tabs } from '../enum';
|
|
3
|
+
import { type GatewayInfo, type NodeCollectoInfo } from '@/types';
|
|
4
|
+
export interface GeneralInfoProps {
|
|
5
|
+
selectedTab: Tabs;
|
|
6
|
+
gatewayInfo: GatewayInfo | null;
|
|
7
|
+
nodeCollectorInfo: NodeCollectoInfo | null;
|
|
8
|
+
isLoading: boolean;
|
|
8
9
|
}
|
|
9
10
|
export declare const GeneralInfo: FC<GeneralInfoProps>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type FC, type CSSProperties } from 'react';
|
|
2
|
+
import { Tabs } from './enum';
|
|
2
3
|
import { type GetExtendedPodInfo, type GetGatewayInfo, type GetGatewayPods, type GetNodeCollectorInfo, type GetNodeCollectorPods } from '@/types';
|
|
3
4
|
export interface PipelineCollectorsProps {
|
|
4
5
|
minSupportedVersion?: number;
|
|
@@ -9,4 +10,8 @@ export interface PipelineCollectorsProps {
|
|
|
9
10
|
getNodeCollectorPods: GetNodeCollectorPods;
|
|
10
11
|
getExtendedPodInfo: GetExtendedPodInfo;
|
|
11
12
|
}
|
|
13
|
+
export declare const TABS: {
|
|
14
|
+
value: Tabs;
|
|
15
|
+
label: string;
|
|
16
|
+
}[];
|
|
12
17
|
export declare const PipelineCollectors: FC<PipelineCollectorsProps>;
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
export declare enum Tabs {
|
|
3
|
-
Gateway = "gateway",
|
|
4
|
-
Node = "node"
|
|
5
|
-
}
|
|
1
|
+
import { type FC } from 'react';
|
|
6
2
|
export interface ToolbarProps {
|
|
7
3
|
disabled?: boolean;
|
|
8
4
|
loading?: boolean;
|
|
9
|
-
selectedTab: Tabs;
|
|
10
|
-
setSelectedTab: Dispatch<SetStateAction<Tabs>>;
|
|
11
5
|
onClickDownloadDiagnose?: () => void;
|
|
12
6
|
onClickRefresh?: () => void;
|
|
13
7
|
}
|
|
14
|
-
export declare const TABS: {
|
|
15
|
-
value: Tabs;
|
|
16
|
-
label: string;
|
|
17
|
-
}[];
|
|
18
8
|
export declare const Toolbar: FC<ToolbarProps>;
|
|
@@ -29,6 +29,11 @@ export interface FlameRect {
|
|
|
29
29
|
self: number;
|
|
30
30
|
nameIndex: number;
|
|
31
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* Expand Pyroscope / Grafana flamebearer **delta-encoded** x offsets per row to absolute offsets.
|
|
34
|
+
* Matches `TreeToFlamebearer` in Odigos (`frontend/services/profiles/flamegraph/flamebearer.go`):
|
|
35
|
+
* without this, `self > 0` leaves bogus gaps ("holes") under parent bars.
|
|
36
|
+
*/
|
|
32
37
|
export declare function flattenFlameRects(fb: Flamebearer): FlameRect[];
|
|
33
38
|
/** Stable identity for a frame in the raw flamebearer (for zoom stack + hit-test). */
|
|
34
39
|
export declare function flameRectKey(r: Pick<FlameRect, 'level' | 'offset' | 'size' | 'nameIndex'>): string;
|