@odigos/ui-kit 0.0.186 → 0.0.188
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 +409 -0
- package/README.md +16 -12
- package/lib/chunks/ui-components-DKFg9nOZ.js +2296 -0
- package/lib/components/_v2/drop-data/index.d.ts +9 -7
- package/lib/components/_v2/input/index.d.ts +3 -1
- package/lib/components/_v2/loader/index.d.ts +3 -1
- package/lib/components/_v2/segment/index.d.ts +1 -2
- package/lib/components/_v2/table/styled.d.ts +29 -18
- package/lib/components/_v2/table/types.d.ts +2 -0
- package/lib/components/selection-button/index.d.ts +1 -1
- package/lib/components/styled.d.ts +46 -50
- package/lib/components/tab-list/index.d.ts +4 -3
- package/lib/components/text/index.d.ts +1 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/sources/index.d.ts +5 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/central-connections/config-drawer/index.d.ts +6 -8
- package/lib/containers/_v2/central-connections/index.d.ts +5 -6
- package/lib/containers/_v2/central-connections/source-drawer/index.d.ts +1 -1
- package/lib/containers/_v2/central-connections/source-drawer/styled.d.ts +15 -15
- package/lib/containers/_v2/index.d.ts +1 -0
- package/lib/containers/_v2/pipeline-collectors/pods-info/index.d.ts +1 -1
- package/lib/containers/_v2/system-drawer/describe/index.d.ts +10 -0
- package/lib/containers/_v2/system-drawer/diagnose/index.d.ts +6 -0
- package/lib/containers/_v2/system-drawer/index.d.ts +11 -0
- package/lib/containers/_v2/system-drawer/tokens/index.d.ts +7 -0
- package/lib/containers/_v2/system-drawer/tokens/token-actions.d.ts +12 -0
- package/lib/containers/_v2/system-drawer/tokens/token-expires-at.d.ts +6 -0
- package/lib/containers/_v2/system-drawer/tokens/token-input.d.ts +8 -0
- package/lib/containers/data-flow/column/frame.d.ts +0 -1
- package/lib/containers/data-flow/column/index.d.ts +0 -1
- package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts +1 -1
- package/lib/containers/data-flow-actions-menu/styled.d.ts +9 -5
- package/lib/containers/instrumentation-rule-modal/index.d.ts +0 -1
- package/lib/containers/source-drawer/describe/index.d.ts +1 -1
- package/lib/containers/source-drawer/odigos-health/index.d.ts +1 -2
- package/lib/containers/v2.js +27 -20
- package/lib/containers.js +128 -130
- package/lib/contexts/odigos-context.d.ts +11 -9
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/useActionFormData.d.ts +1 -1
- package/lib/hooks.js +1 -1
- package/lib/icons/auth/index.d.ts +1 -0
- package/lib/icons/auth/okta-icon/index.d.ts +2 -0
- package/lib/icons/common/diagnose-icon/index.d.ts +2 -0
- package/lib/icons/common/index.d.ts +1 -0
- package/lib/icons.js +1 -1
- package/lib/mock-data/sources/index.d.ts +2 -19
- package/lib/snippets/_v2/yaml-section-card/index.d.ts +2 -0
- package/lib/snippets/add-button/index.d.ts +1 -1
- package/lib/snippets/source-container/index.d.ts +1 -1
- package/lib/snippets/source-container/override-runtime.d.ts +2 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme/animations/index.d.ts +28 -22
- package/lib/theme/index.d.ts +3 -12
- package/lib/theme.js +1 -1
- package/lib/types/common/index.d.ts +1 -1
- package/lib/types/diagnose/index.d.ts +6 -0
- package/lib/types/enum/index.d.ts +23 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/instrumentation-instances/index.d.ts +1 -0
- package/lib/types/pipeline-collectors/index.d.ts +9 -0
- package/lib/types/sources/index.d.ts +4 -2
- package/lib/types.js +1 -1
- package/lib/visuals/index.d.ts +1 -2
- package/lib/visuals/visual-green-rings/index.d.ts +7 -0
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/ui-components-BtsFYm8P.js +0 -2286
- package/lib/hooks/useConnection.d.ts +0 -3
- package/lib/visuals/visual-star/index.d.ts +0 -2
- package/lib/visuals/visual-success/index.d.ts +0 -2
- /package/lib/theme/{palletes → palettes}/index.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type FC } from 'react';
|
|
1
|
+
import { type FC, type CSSProperties } from 'react';
|
|
2
2
|
import type { SVG } from '@/types';
|
|
3
3
|
import { type ButtonProps } from '../button';
|
|
4
4
|
import { type IconButtonProps } from '../icon-button';
|
|
@@ -10,22 +10,24 @@ export declare enum DropDataAlignY {
|
|
|
10
10
|
Top = "top",
|
|
11
11
|
Bottom = "bottom"
|
|
12
12
|
}
|
|
13
|
-
interface DropDataOption {
|
|
13
|
+
export interface DropDataOption {
|
|
14
14
|
id: string;
|
|
15
15
|
label: string;
|
|
16
16
|
icon?: SVG;
|
|
17
17
|
withCheckbox?: boolean;
|
|
18
18
|
}
|
|
19
19
|
export interface DropDataProps {
|
|
20
|
+
defaultOpen?: boolean;
|
|
21
|
+
alignX?: DropDataAlignX;
|
|
22
|
+
alignY?: DropDataAlignY;
|
|
20
23
|
items: (DropDataOption | null)[];
|
|
21
24
|
selectedIds: DropDataOption['id'][];
|
|
22
25
|
setSelectedIds: (ids: DropDataOption['id'][]) => void;
|
|
23
26
|
withMultiSelect?: boolean;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
buttonProps?: ButtonProps
|
|
27
|
+
withSearch?: boolean;
|
|
28
|
+
fullWidth?: boolean;
|
|
29
|
+
maxHeight?: CSSProperties['maxHeight'];
|
|
30
|
+
buttonProps?: Omit<ButtonProps, 'fullWidth'>;
|
|
28
31
|
iconButtonProps?: IconButtonProps;
|
|
29
32
|
}
|
|
30
33
|
export declare const DropData: FC<DropDataProps>;
|
|
31
|
-
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type InputHTMLAttributes, type FC } from 'react';
|
|
1
|
+
import { type InputHTMLAttributes, type FC, type CSSProperties } from 'react';
|
|
2
2
|
import { type SVG } from '@/types';
|
|
3
3
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
4
|
label?: string;
|
|
@@ -8,5 +8,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
8
8
|
rightIcon?: SVG;
|
|
9
9
|
errorMessage?: string;
|
|
10
10
|
helpMessage?: string;
|
|
11
|
+
maxWidth?: CSSProperties['maxWidth'];
|
|
12
|
+
small?: boolean;
|
|
11
13
|
}
|
|
12
14
|
export declare const Input: FC<InputProps>;
|
|
@@ -9,10 +9,12 @@ export interface LoaderProps {
|
|
|
9
9
|
subTitle?: string;
|
|
10
10
|
subTitleColor?: CSSProperties['color'];
|
|
11
11
|
subTitleSize?: TypographySize;
|
|
12
|
+
startedAt?: number;
|
|
12
13
|
withGradient?: boolean;
|
|
13
14
|
gradientColor?: string;
|
|
14
15
|
withSpinner?: boolean;
|
|
15
|
-
prettySpinner?: boolean;
|
|
16
16
|
percentage?: number;
|
|
17
|
+
withVisual?: boolean;
|
|
18
|
+
visualIcon?: SVG;
|
|
17
19
|
}
|
|
18
20
|
export declare const Loader: FC<LoaderProps>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import type { SVG } from '@/types';
|
|
3
2
|
export declare enum SegmentSize {
|
|
4
3
|
S = "s",
|
|
@@ -16,5 +15,5 @@ export interface SegmentProps<T = any> {
|
|
|
16
15
|
setSelected: (value: T) => void;
|
|
17
16
|
disabled?: boolean;
|
|
18
17
|
}
|
|
19
|
-
export declare const Segment: <T>({ size, options, selected, setSelected, disabled }: SegmentProps<T>) =>
|
|
18
|
+
export declare const Segment: <T>({ size, options, selected, setSelected, disabled }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
20
19
|
export {};
|
|
@@ -1,22 +1,30 @@
|
|
|
1
|
-
import { type CSSProperties } from 'react';
|
|
1
|
+
import { type CSSProperties, type HTMLAttributes, type RefAttributes } from 'react';
|
|
2
2
|
import { type TableColumn, TableVariant } from './types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
import { type IStyledComponent } from 'styled-components';
|
|
4
|
+
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
5
|
+
type TableProps<P = object> = P & HTMLAttributes<HTMLTableElement> & RefAttributes<HTMLTableElement>;
|
|
6
|
+
type TableSectionProps<P = object> = P & HTMLAttributes<HTMLTableSectionElement> & RefAttributes<HTMLTableSectionElement>;
|
|
7
|
+
type TableCellProps<P = object> = P & HTMLAttributes<HTMLTableCellElement> & RefAttributes<HTMLTableCellElement>;
|
|
8
|
+
interface ContainerProps {
|
|
9
|
+
$maxHeight: CSSProperties['maxHeight'];
|
|
10
|
+
}
|
|
11
|
+
export declare const Container: IStyledComponent<'web', DivProps<ContainerProps>>;
|
|
12
|
+
interface TableRootProps {
|
|
7
13
|
$variant: TableVariant;
|
|
8
|
-
}
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
14
|
+
}
|
|
15
|
+
export declare const TableRoot: IStyledComponent<'web', TableProps<TableRootProps>>;
|
|
16
|
+
export declare const THead: IStyledComponent<'web', TableSectionProps>;
|
|
17
|
+
interface ThProps {
|
|
11
18
|
$variant: TableVariant;
|
|
12
|
-
$backgroundColor?: CSSProperties[
|
|
13
|
-
$minWidth?: TableColumn[
|
|
19
|
+
$backgroundColor?: CSSProperties['backgroundColor'];
|
|
20
|
+
$minWidth?: TableColumn['minWidth'];
|
|
14
21
|
$isFirst: boolean;
|
|
15
22
|
$isLast: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
19
|
-
export declare const
|
|
23
|
+
}
|
|
24
|
+
export declare const Th: IStyledComponent<'web', TableCellProps<ThProps>>;
|
|
25
|
+
export declare const ThBorder: IStyledComponent<'web', DivProps>;
|
|
26
|
+
export declare const TBody: IStyledComponent<'web', TableSectionProps>;
|
|
27
|
+
interface TdProps {
|
|
20
28
|
$variant: TableVariant;
|
|
21
29
|
$withClick: boolean;
|
|
22
30
|
$hovered: boolean;
|
|
@@ -24,7 +32,10 @@ export declare const Td: import("styled-components/dist/types").IStyledComponent
|
|
|
24
32
|
$isLastRow: boolean;
|
|
25
33
|
$isFirstCell: boolean;
|
|
26
34
|
$isLastCell: boolean;
|
|
27
|
-
}
|
|
28
|
-
export declare const
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
}
|
|
36
|
+
export declare const Td: IStyledComponent<'web', TableCellProps<TdProps>>;
|
|
37
|
+
interface HeadWrapperProps {
|
|
38
|
+
$textAlign?: TableColumn['textAlign'];
|
|
39
|
+
}
|
|
40
|
+
export declare const HeadWrapper: IStyledComponent<'web', DivProps<HeadWrapperProps>>;
|
|
41
|
+
export {};
|
|
@@ -13,5 +13,5 @@ interface SelectionButtonProps {
|
|
|
13
13
|
hoverColor?: React.CSSProperties['backgroundColor'];
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
15
|
}
|
|
16
|
-
declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) =>
|
|
16
|
+
declare const SelectionButton: ({ label, onClick, icon: Icon, iconSrc, badgeLabel, badgeFilled, isSelected, withBorder, color, hoverColor, style }: SelectionButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export { SelectionButton, type SelectionButtonProps };
|
|
@@ -1,54 +1,50 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
1
|
+
import { type HTMLAttributes, type RefAttributes } from 'react';
|
|
2
|
+
import { type CSSProperties, type IStyledComponent } from 'styled-components';
|
|
3
|
+
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
4
|
+
export declare const PageContent: IStyledComponent<'web', DivProps>;
|
|
5
|
+
export declare const UpgradeRequiredWrapper: IStyledComponent<'web', DivProps>;
|
|
6
|
+
interface FlexRowProps {
|
|
5
7
|
$gap?: number;
|
|
6
|
-
$alignItems?: CSSProperties[
|
|
7
|
-
$justifyContent?: CSSProperties[
|
|
8
|
-
$wrap?: CSSProperties[
|
|
9
|
-
$
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
$alignItems?: CSSProperties['alignItems'];
|
|
9
|
+
$justifyContent?: CSSProperties['justifyContent'];
|
|
10
|
+
$wrap?: CSSProperties['flexWrap'];
|
|
11
|
+
$width?: CSSProperties['width'];
|
|
12
|
+
$height?: CSSProperties['height'];
|
|
13
|
+
$padding?: CSSProperties['padding'];
|
|
14
|
+
}
|
|
15
|
+
export declare const FlexRow: IStyledComponent<'web', DivProps<FlexRowProps>>;
|
|
16
|
+
interface FlexColumnProps {
|
|
12
17
|
$gap?: number;
|
|
13
|
-
$alignItems?: CSSProperties[
|
|
14
|
-
$justifyContent?: CSSProperties[
|
|
15
|
-
$wrap?: CSSProperties[
|
|
16
|
-
$
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
$
|
|
23
|
-
$
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
export declare const VerticalScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
29
|
-
export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
18
|
+
$alignItems?: CSSProperties['alignItems'];
|
|
19
|
+
$justifyContent?: CSSProperties['justifyContent'];
|
|
20
|
+
$wrap?: CSSProperties['flexWrap'];
|
|
21
|
+
$width?: CSSProperties['width'];
|
|
22
|
+
$height?: CSSProperties['height'];
|
|
23
|
+
$padding?: CSSProperties['padding'];
|
|
24
|
+
}
|
|
25
|
+
export declare const FlexColumn: IStyledComponent<'web', DivProps<FlexColumnProps>>;
|
|
26
|
+
interface CenterThisProps extends FlexColumnProps {
|
|
27
|
+
$width?: CSSProperties['width'];
|
|
28
|
+
$height?: CSSProperties['height'];
|
|
29
|
+
}
|
|
30
|
+
export declare const CenterThis: IStyledComponent<'web', DivProps<CenterThisProps>>;
|
|
31
|
+
export declare const VerticalScroll: IStyledComponent<'web', DivProps>;
|
|
32
|
+
interface OverlayProps {
|
|
30
33
|
$relativeToParent?: boolean;
|
|
31
|
-
}
|
|
32
|
-
export declare const
|
|
34
|
+
}
|
|
35
|
+
export declare const Overlay: IStyledComponent<'web', DivProps<OverlayProps>>;
|
|
36
|
+
interface ModalBodyProps {
|
|
33
37
|
$isNotModal?: boolean;
|
|
34
|
-
$minHeight?: CSSProperties[
|
|
35
|
-
}
|
|
36
|
-
export declare const
|
|
37
|
-
|
|
38
|
-
$
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
$
|
|
44
|
-
}
|
|
45
|
-
export declare const
|
|
46
|
-
|
|
47
|
-
$alignItems?: CSSProperties["alignItems"];
|
|
48
|
-
$justifyContent?: CSSProperties["justifyContent"];
|
|
49
|
-
$wrap?: CSSProperties["flexWrap"];
|
|
50
|
-
$padding?: CSSProperties["padding"];
|
|
51
|
-
}, never>> & string;
|
|
52
|
-
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>, {
|
|
53
|
-
$maxHeight: CSSProperties["maxHeight"];
|
|
54
|
-
}>> & string;
|
|
38
|
+
$minHeight?: CSSProperties['minHeight'];
|
|
39
|
+
}
|
|
40
|
+
export declare const ModalBody: IStyledComponent<'web', DivProps<ModalBodyProps>>;
|
|
41
|
+
interface TableContainerProps extends FlexColumnProps {
|
|
42
|
+
$maxWidth: CSSProperties['maxWidth'];
|
|
43
|
+
}
|
|
44
|
+
export declare const TableContainer: IStyledComponent<'web', DivProps<TableContainerProps>>;
|
|
45
|
+
export declare const TableTitleWrap: IStyledComponent<'web', DivProps<FlexRowProps>>;
|
|
46
|
+
interface TableWrapProps {
|
|
47
|
+
$maxHeight: CSSProperties['maxHeight'];
|
|
48
|
+
}
|
|
49
|
+
export declare const TableWrap: IStyledComponent<'web', DivProps<TableWrapProps>>;
|
|
50
|
+
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { HTMLAttributes, type FC, RefAttributes } from 'react';
|
|
2
2
|
import type { SVG } from '@/types';
|
|
3
|
+
import { type IStyledComponent } from 'styled-components';
|
|
3
4
|
interface Tab {
|
|
4
5
|
label: string;
|
|
5
6
|
icon?: SVG;
|
|
@@ -10,8 +11,8 @@ interface TabListProps {
|
|
|
10
11
|
tabs?: Tab[];
|
|
11
12
|
hideBorder?: boolean;
|
|
12
13
|
}
|
|
13
|
-
declare const Tab:
|
|
14
|
+
declare const Tab: IStyledComponent<'web', {
|
|
14
15
|
$selected?: boolean;
|
|
15
|
-
}
|
|
16
|
+
} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
|
|
16
17
|
declare const TabList: FC<TabListProps>;
|
|
17
18
|
export { TabList, type TabListProps, type Tab };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode, CSSProperties } from 'react';
|
|
2
|
-
import { DefaultTheme } from 'styled-components';
|
|
2
|
+
import { type DefaultTheme } from 'styled-components';
|
|
3
3
|
interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
color?: string;
|
package/lib/components/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge,m as Button,v as ButtonSize,
|
|
1
|
+
export{B as Badge,m as Button,v as ButtonSize,dE as ButtonTab,dF as ButtonTabList,n as ButtonVariants,C as Checkbox,dG as CheckboxList,dH as CheckboxSize,Q as CliCommand,K as DataCard,i as Drawer,a6 as DropData,w as DropDataAlignX,a7 as DropDataAlignY,dI as Header,ch as HoverActions,M as IconButton,cr as IconButtonSize,a2 as Input,I as Island,L as Loader,dJ as Modal,dK as Navbar,l as Note,dL as Radio,dM as RadioGroup,dN as RadioSize,k as Search,y as SectionCard,dO as SectionCardSize,V as Segment,dP as SegmentSize,X as StatusCard,z as Table,G as TableVariant,dQ as Tag,Z as TextCard,d as Toggle,dR as ToggleLabelAlign,dS as ToggleList,e as ToggleSize,dT as ToggleVariant,T as Typography,b as TypographySize,f as TypographyVariants,dU as WarningModal}from"../chunks/ui-components-DKFg9nOZ.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-1oZp1FpB.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
package/lib/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{aN as AutocompleteInput,b5 as Badge,b7 as Button,aA as CancelWarning,j as CenterThis,ae as Checkbox,dm as Code,aE as ConditionDetails,aF as DataCard,a9 as DataCardFieldTypes,bR as DataCardFields,dn as DataFinger,b9 as DataTab,az as DeleteWarning,cf as DescribeRow,aO as Divider,ar as DocsButton,ay as Drawer,dp as DrawerFooter,dq as DrawerHeader,bu as Dropdown,dr as ErrorBoundary,bC as ExtendArrow,r as FadeLoader,af as FieldError,ad as FieldLabel,F as FlexColumn,a as FlexRow,ds as Header,bB as IconButton,cp as IconGroup,b0 as IconTitleBadge,aX as IconWrapped,cb as IconsNav,dt as ImageControlled,ag as Input,am as InputList,aj as InputTable,b3 as InteractiveTable,al as KeyValueInputsList,c9 as LoadingText,aJ as Modal,aK as ModalBody,as as MonitorsCheckboxes,aZ as MonitorsIcons,aP as NavigationButtons,N as NoDataFound,aL as NotificationNote,du as Overlay,x as PageContent,bp as Popup,cs as PopupForm,cx as ScrollX,bc as ScrollY,aq as SectionTitle,ao as Segment,br as SelectionButton,bh as SkeletonLoader,aR as Status,bQ as Stepper,dv as TabList,a_ as TableContainer,a$ as TableTitleWrap,b2 as TableWrap,b_ as Tag,au as Text,at as TextArea,ak as Toggle,cv as ToggleCodeComponent,c as Tooltip,b4 as TraceLoader,a0 as UpgradeRequiredWrapper,bq as VerticalScroll,dw as WarningModal,dx as getLinksFromText,dy as getStrongsFromText,dz as renderText}from"./chunks/ui-components-DKFg9nOZ.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-1oZp1FpB.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { ProgrammingLanguages } from '@/types';
|
|
1
|
+
import { OtelDistroName, ProgrammingLanguages } from '@/types';
|
|
2
2
|
import type { DropdownOption } from '@/components';
|
|
3
3
|
export declare const DISPLAY_LANGUAGES: Record<ProgrammingLanguages, string>;
|
|
4
4
|
export declare const LANGUAGE_OPTIONS: DropdownOption<ProgrammingLanguages>[];
|
|
5
|
+
export declare const OTEL_DISTRO_NAME_OPTIONS: Record<ProgrammingLanguages, {
|
|
6
|
+
community: DropdownOption<OtelDistroName>[];
|
|
7
|
+
enterprise: DropdownOption<OtelDistroName>[];
|
|
8
|
+
}>;
|
package/lib/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{aD as ACTION_OPTIONS,ax as BUTTON_TEXTS,D as DEFAULT_DATA_STREAM_NAME,bO as DESTINATION_CATEGORIES,bv as DISPLAY_LANGUAGES,a8 as DISPLAY_TITLES,aM as FORM_ALERTS,c2 as INSTRUMENTATION_RULE_OPTIONS,d9 as LANGUAGE_OPTIONS,bw as MONITORS_OPTIONS,da as OTEL_DISTRO_NAME_OPTIONS,bx as STORAGE_KEYS,db as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-DKFg9nOZ.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-1oZp1FpB.js";import"react-dom";import"@xyflow/react";import"react-error-boundary";import"lottie-react";import"prism-react-renderer";
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
-
import { type Connection, type
|
|
2
|
+
import { type Connection, type EffectiveConfig } from '@/types';
|
|
3
3
|
import { DrawerProps } from '@/components/_v2';
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
export type GetConnectionRemoteConfig = (id: string) => Promise<ConnectionRemoteConfig | undefined>;
|
|
8
|
-
export type ApplyConnectionsConfigurationsFunc = (connectionIds: string[], formData: ConnectionConfigurationsFormData) => Promise<{
|
|
4
|
+
export type GetEffectiveConfig = (id: string) => Promise<EffectiveConfig | undefined>;
|
|
5
|
+
export type ApplyConfigurationsFunc = (connectionIds: string[], formData: EffectiveConfig) => Promise<{
|
|
9
6
|
error?: string;
|
|
10
7
|
} | undefined>;
|
|
11
8
|
export interface ConfigDrawerProps {
|
|
@@ -13,8 +10,9 @@ export interface ConfigDrawerProps {
|
|
|
13
10
|
connections: Connection[];
|
|
14
11
|
selectedConnectionIds: string[];
|
|
15
12
|
setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
|
|
16
|
-
|
|
17
|
-
onApply:
|
|
13
|
+
getEffectiveConfig: GetEffectiveConfig;
|
|
14
|
+
onApply: ApplyConfigurationsFunc;
|
|
18
15
|
}
|
|
19
16
|
export declare const CONFIG_DRAWER_WIDTH = "75vw";
|
|
17
|
+
export declare const CONFIG_MIN_SUPPORTED_VERSION = 1.16;
|
|
20
18
|
export declare const ConfigDrawer: FC<ConfigDrawerProps>;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { type FC } from 'react';
|
|
2
|
-
import { CSSProperties } from 'styled-components';
|
|
1
|
+
import { type FC, type CSSProperties } from 'react';
|
|
3
2
|
import { type Connection, type GetAllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
4
|
-
import { type
|
|
5
|
-
export { type
|
|
3
|
+
import { type GetEffectiveConfig, type ApplyConfigurationsFunc } from './config-drawer';
|
|
4
|
+
export { type GetEffectiveConfig, type ApplyConfigurationsFunc };
|
|
6
5
|
export interface CentralConnectionsProps {
|
|
7
6
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
8
7
|
connections?: Connection[];
|
|
9
8
|
getConnections: () => Promise<Connection[]>;
|
|
10
9
|
onClickConnection: (connection: Connection) => void;
|
|
11
10
|
deleteConnection: (id: string) => Promise<void>;
|
|
12
|
-
|
|
13
|
-
applyConfigurations?:
|
|
11
|
+
getEffectiveConfig?: GetEffectiveConfig;
|
|
12
|
+
applyConfigurations?: ApplyConfigurationsFunc;
|
|
14
13
|
getAllClusterSnapshots?: GetAllClusterSnapshots;
|
|
15
14
|
persistSources?: PersistSourcesFunc;
|
|
16
15
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type FC, type Dispatch, type SetStateAction } from 'react';
|
|
2
|
-
import { type AllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
3
2
|
import { DrawerProps } from '@/components/_v2';
|
|
3
|
+
import { type AllClusterSnapshots, type PersistSourcesFunc } from '@/types';
|
|
4
4
|
export interface SourceDrawerProps {
|
|
5
5
|
onClose: DrawerProps['header']['onClose'];
|
|
6
6
|
snapshots: AllClusterSnapshots;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { type CSSProperties } from 'react';
|
|
2
|
-
|
|
1
|
+
import { type CSSProperties, type HTMLAttributes, type RefAttributes } from 'react';
|
|
2
|
+
import { type IStyledComponent } from 'styled-components';
|
|
3
|
+
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
4
|
+
interface ColumnProps {
|
|
5
|
+
$width: CSSProperties['width'];
|
|
6
|
+
}
|
|
7
|
+
export declare const Column: IStyledComponent<'web', DivProps<ColumnProps>>;
|
|
8
|
+
interface ListProps {
|
|
9
|
+
$borderRadius: CSSProperties['borderRadius'];
|
|
3
10
|
$gap?: number;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$padding?: import("styled-components").CSSProperties["padding"];
|
|
8
|
-
}, {
|
|
9
|
-
$width: CSSProperties["width"];
|
|
10
|
-
}>> & string;
|
|
11
|
-
export declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
12
|
-
$borderRadius: CSSProperties["borderRadius"];
|
|
13
|
-
$gap?: number;
|
|
14
|
-
}>> & string;
|
|
15
|
-
export declare const SelectionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
}
|
|
12
|
+
export declare const List: IStyledComponent<'web', DivProps<ListProps>>;
|
|
13
|
+
interface SelectionWrapperProps {
|
|
16
14
|
$isSelected?: boolean;
|
|
17
|
-
}
|
|
15
|
+
}
|
|
16
|
+
export declare const SelectionWrapper: IStyledComponent<'web', DivProps<SelectionWrapperProps>>;
|
|
17
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type FC, type CSSProperties } from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import { type GetExtendedPodInfo, type PodInfo } from '@/types';
|
|
3
3
|
export interface PodsInfoProps {
|
|
4
4
|
isLoading?: boolean;
|
|
5
5
|
tableRowsMaxHeight: CSSProperties['maxHeight'];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type DescribeOdigos } from '@/types';
|
|
3
|
+
export interface DescribeProps {
|
|
4
|
+
fetchDescribeOdigos: () => Promise<{
|
|
5
|
+
data?: {
|
|
6
|
+
describeOdigos: DescribeOdigos;
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
export declare const Describe: FC<DescribeProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { TokensProps } from './tokens';
|
|
3
|
+
import { type DiagnoseProps } from './diagnose';
|
|
4
|
+
import { type DescribeProps } from './describe';
|
|
5
|
+
import { type DrawerProps } from '@/components/_v2';
|
|
6
|
+
interface SystemDrawerProps extends TokensProps, DescribeProps, DiagnoseProps {
|
|
7
|
+
isOpen: DrawerProps['isOpen'];
|
|
8
|
+
onClose: DrawerProps['header']['onClose'];
|
|
9
|
+
}
|
|
10
|
+
declare const SystemDrawer: FC<SystemDrawerProps>;
|
|
11
|
+
export { SystemDrawer, type SystemDrawerProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
interface TokenActionsProps {
|
|
3
|
+
token: string;
|
|
4
|
+
newToken: string;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
isEditing: boolean;
|
|
7
|
+
onEdit: () => void;
|
|
8
|
+
onCancel: () => void;
|
|
9
|
+
onSave: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const TokenActions: FC<TokenActionsProps>;
|
|
12
|
+
export {};
|
|
@@ -16,7 +16,7 @@ export declare const buildSearchResults: ({ instrumentationRules, sources, actio
|
|
|
16
16
|
entities: InstrumentationRule[] | Source[] | Action[] | Destination[];
|
|
17
17
|
}[];
|
|
18
18
|
searchResults: {
|
|
19
|
-
entities:
|
|
19
|
+
entities: Action[] | Destination[] | Source[] | InstrumentationRule[];
|
|
20
20
|
category: Category;
|
|
21
21
|
label: string;
|
|
22
22
|
count: number;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { type CSSProperties, type HTMLAttributes, type RefAttributes } from 'react';
|
|
2
|
+
import { type IStyledComponent } from 'styled-components';
|
|
3
|
+
type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
|
|
4
|
+
export declare const RelativeContainer: IStyledComponent<'web', DivProps>;
|
|
5
|
+
interface AbsoluteContainerProps {
|
|
4
6
|
$hidden?: boolean;
|
|
5
|
-
$padding?: CSSProperties[
|
|
6
|
-
}
|
|
7
|
+
$padding?: CSSProperties['padding'];
|
|
8
|
+
}
|
|
9
|
+
export declare const AbsoluteContainer: IStyledComponent<'web', DivProps<AbsoluteContainerProps>>;
|
|
10
|
+
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type FC } from 'react';
|
|
2
2
|
import { type InstrumentationRuleFormData } from '@/types';
|
|
3
3
|
interface InstrumentationRuleModalProps {
|
|
4
|
-
isEnterprise: boolean;
|
|
5
4
|
createInstrumentationRule: (instrumentationRule: InstrumentationRuleFormData) => void;
|
|
6
5
|
}
|
|
7
6
|
declare const InstrumentationRuleModal: FC<InstrumentationRuleModalProps>;
|
|
@@ -7,7 +7,7 @@ interface DescribeProps {
|
|
|
7
7
|
describeSource: DescribeSource;
|
|
8
8
|
};
|
|
9
9
|
}>;
|
|
10
|
-
restartPod
|
|
10
|
+
restartPod?: (namespace: string, name: string) => Promise<void>;
|
|
11
11
|
}
|
|
12
12
|
declare const Describe: FC<DescribeProps>;
|
|
13
13
|
export { Describe, type DescribeProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { type Source } from '@/types';
|
|
3
2
|
declare const OdigosHealth: ({ workloadOdigosHealthStatus }: {
|
|
4
3
|
workloadOdigosHealthStatus: Source["workloadOdigosHealthStatus"];
|
|
5
|
-
}) =>
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
6
5
|
export { OdigosHealth };
|