@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.
Files changed (77) hide show
  1. package/CHANGELOG.md +409 -0
  2. package/README.md +16 -12
  3. package/lib/chunks/ui-components-DKFg9nOZ.js +2296 -0
  4. package/lib/components/_v2/drop-data/index.d.ts +9 -7
  5. package/lib/components/_v2/input/index.d.ts +3 -1
  6. package/lib/components/_v2/loader/index.d.ts +3 -1
  7. package/lib/components/_v2/segment/index.d.ts +1 -2
  8. package/lib/components/_v2/table/styled.d.ts +29 -18
  9. package/lib/components/_v2/table/types.d.ts +2 -0
  10. package/lib/components/selection-button/index.d.ts +1 -1
  11. package/lib/components/styled.d.ts +46 -50
  12. package/lib/components/tab-list/index.d.ts +4 -3
  13. package/lib/components/text/index.d.ts +1 -1
  14. package/lib/components/v2.js +1 -1
  15. package/lib/components.js +1 -1
  16. package/lib/constants/sources/index.d.ts +5 -1
  17. package/lib/constants.js +1 -1
  18. package/lib/containers/_v2/central-connections/config-drawer/index.d.ts +6 -8
  19. package/lib/containers/_v2/central-connections/index.d.ts +5 -6
  20. package/lib/containers/_v2/central-connections/source-drawer/index.d.ts +1 -1
  21. package/lib/containers/_v2/central-connections/source-drawer/styled.d.ts +15 -15
  22. package/lib/containers/_v2/index.d.ts +1 -0
  23. package/lib/containers/_v2/pipeline-collectors/pods-info/index.d.ts +1 -1
  24. package/lib/containers/_v2/system-drawer/describe/index.d.ts +10 -0
  25. package/lib/containers/_v2/system-drawer/diagnose/index.d.ts +6 -0
  26. package/lib/containers/_v2/system-drawer/index.d.ts +11 -0
  27. package/lib/containers/_v2/system-drawer/tokens/index.d.ts +7 -0
  28. package/lib/containers/_v2/system-drawer/tokens/token-actions.d.ts +12 -0
  29. package/lib/containers/_v2/system-drawer/tokens/token-expires-at.d.ts +6 -0
  30. package/lib/containers/_v2/system-drawer/tokens/token-input.d.ts +8 -0
  31. package/lib/containers/data-flow/column/frame.d.ts +0 -1
  32. package/lib/containers/data-flow/column/index.d.ts +0 -1
  33. package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts +1 -1
  34. package/lib/containers/data-flow-actions-menu/styled.d.ts +9 -5
  35. package/lib/containers/instrumentation-rule-modal/index.d.ts +0 -1
  36. package/lib/containers/source-drawer/describe/index.d.ts +1 -1
  37. package/lib/containers/source-drawer/odigos-health/index.d.ts +1 -2
  38. package/lib/containers/v2.js +27 -20
  39. package/lib/containers.js +128 -130
  40. package/lib/contexts/odigos-context.d.ts +11 -9
  41. package/lib/contexts.js +1 -1
  42. package/lib/functions.js +1 -1
  43. package/lib/hooks/index.d.ts +0 -1
  44. package/lib/hooks/useActionFormData.d.ts +1 -1
  45. package/lib/hooks.js +1 -1
  46. package/lib/icons/auth/index.d.ts +1 -0
  47. package/lib/icons/auth/okta-icon/index.d.ts +2 -0
  48. package/lib/icons/common/diagnose-icon/index.d.ts +2 -0
  49. package/lib/icons/common/index.d.ts +1 -0
  50. package/lib/icons.js +1 -1
  51. package/lib/mock-data/sources/index.d.ts +2 -19
  52. package/lib/snippets/_v2/yaml-section-card/index.d.ts +2 -0
  53. package/lib/snippets/add-button/index.d.ts +1 -1
  54. package/lib/snippets/source-container/index.d.ts +1 -1
  55. package/lib/snippets/source-container/override-runtime.d.ts +2 -1
  56. package/lib/snippets.js +1 -1
  57. package/lib/store.js +1 -1
  58. package/lib/theme/animations/index.d.ts +28 -22
  59. package/lib/theme/index.d.ts +3 -12
  60. package/lib/theme.js +1 -1
  61. package/lib/types/common/index.d.ts +1 -1
  62. package/lib/types/diagnose/index.d.ts +6 -0
  63. package/lib/types/enum/index.d.ts +23 -1
  64. package/lib/types/index.d.ts +1 -0
  65. package/lib/types/instrumentation-instances/index.d.ts +1 -0
  66. package/lib/types/pipeline-collectors/index.d.ts +9 -0
  67. package/lib/types/sources/index.d.ts +4 -2
  68. package/lib/types.js +1 -1
  69. package/lib/visuals/index.d.ts +1 -2
  70. package/lib/visuals/visual-green-rings/index.d.ts +7 -0
  71. package/lib/visuals.js +1 -1
  72. package/package.json +1 -1
  73. package/lib/chunks/ui-components-BtsFYm8P.js +0 -2286
  74. package/lib/hooks/useConnection.d.ts +0 -3
  75. package/lib/visuals/visual-star/index.d.ts +0 -2
  76. package/lib/visuals/visual-success/index.d.ts +0 -2
  77. /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
- alignX?: DropDataAlignX;
25
- alignY?: DropDataAlignY;
26
- defaultOpen?: boolean;
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>) => React.JSX.Element;
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
- 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>, {
4
- $maxHeight: CSSProperties["maxHeight"];
5
- }>> & string;
6
- export declare const TableRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
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
- }>> & string;
9
- 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;
10
- 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>, {
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["backgroundColor"];
13
- $minWidth?: TableColumn["minWidth"];
19
+ $backgroundColor?: CSSProperties['backgroundColor'];
20
+ $minWidth?: TableColumn['minWidth'];
14
21
  $isFirst: boolean;
15
22
  $isLast: boolean;
16
- }>> & string;
17
- 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;
18
- 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;
19
- 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>, {
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
- }>> & string;
28
- export declare const HeadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
29
- $textAlign?: TableColumn["textAlign"];
30
- }>> & string;
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 {};
@@ -6,6 +6,8 @@ export declare enum TableVariant {
6
6
  export interface TableColumn {
7
7
  key: string;
8
8
  label: string;
9
+ noSort?: boolean;
10
+ noFilter?: boolean;
9
11
  minWidth?: CSSProperties['minWidth'];
10
12
  textAlign?: CSSProperties['textAlign'];
11
13
  }
@@ -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) => React.JSX.Element;
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 CSSProperties } from 'styled-components';
2
- export declare const PageContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const UpgradeRequiredWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const FlexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
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["alignItems"];
7
- $justifyContent?: CSSProperties["justifyContent"];
8
- $wrap?: CSSProperties["flexWrap"];
9
- $padding?: CSSProperties["padding"];
10
- }>> & string;
11
- 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>, {
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["alignItems"];
14
- $justifyContent?: CSSProperties["justifyContent"];
15
- $wrap?: CSSProperties["flexWrap"];
16
- $padding?: CSSProperties["padding"];
17
- }>> & string;
18
- 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" | "$padding"> & {
19
- $gap?: number;
20
- $alignItems?: CSSProperties["alignItems"];
21
- $justifyContent?: CSSProperties["justifyContent"];
22
- $wrap?: CSSProperties["flexWrap"];
23
- $padding?: CSSProperties["padding"];
24
- }, {
25
- $width?: CSSProperties["width"];
26
- $height?: CSSProperties["height"];
27
- }>> & string;
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
- }>> & string;
32
- export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
34
+ }
35
+ export declare const Overlay: IStyledComponent<'web', DivProps<OverlayProps>>;
36
+ interface ModalBodyProps {
33
37
  $isNotModal?: boolean;
34
- $minHeight?: CSSProperties["minHeight"];
35
- }>> & string;
36
- 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" | "$padding"> & {
37
- $gap?: number;
38
- $alignItems?: CSSProperties["alignItems"];
39
- $justifyContent?: CSSProperties["justifyContent"];
40
- $wrap?: CSSProperties["flexWrap"];
41
- $padding?: CSSProperties["padding"];
42
- }, {
43
- $maxWidth: CSSProperties["maxWidth"];
44
- }>> & string;
45
- 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" | "$padding"> & {
46
- $gap?: number;
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 React, { type FC } from 'react';
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: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
14
+ declare const Tab: IStyledComponent<'web', {
14
15
  $selected?: boolean;
15
- }>> & string;
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;
@@ -1 +1 @@
1
- export{B as Badge,m as Button,v as ButtonSize,du as ButtonTab,dv as ButtonTabList,n as ButtonVariants,C as Checkbox,dw as CheckboxList,dx as CheckboxSize,M as CliCommand,J as DataCard,i as Drawer,dy as DropData,G as DropDataAlignX,dz as DropDataAlignY,dA as Header,c9 as HoverActions,K as IconButton,cl as IconButtonSize,dB as Input,I as Island,L as Loader,dC as Modal,dD as Navbar,l as Note,dE as Radio,dF as RadioGroup,dG as RadioSize,k as Search,t as SectionCard,dH as SectionCardSize,U as Segment,dI as SegmentSize,W as StatusCard,x as Table,y as TableVariant,dJ as Tag,X as TextCard,d as Toggle,dK as ToggleLabelAlign,dL as ToggleList,e as ToggleSize,dM as ToggleVariant,T as Typography,b as TypographySize,f as TypographyVariants,dN as WarningModal}from"../chunks/ui-components-BtsFYm8P.js";import"../icons.js";import"react";import"styled-components";import"zustand";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
+ 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{aH as AutocompleteInput,a_ as Badge,b0 as Button,as as CancelWarning,j as CenterThis,a7 as Checkbox,db as Code,ay as ConditionDetails,az as DataCard,a2 as DataCardFieldTypes,bL as DataCardFields,dc as DataFinger,b2 as DataTab,ar as DeleteWarning,c7 as DescribeRow,aI as Divider,aj as DocsButton,aq as Drawer,dd as DrawerFooter,de as DrawerHeader,bo as Dropdown,df as ErrorBoundary,bw as ExtendArrow,q as FadeLoader,a8 as FieldError,a6 as FieldLabel,F as FlexColumn,a as FlexRow,dg as Header,bv as IconButton,ch as IconGroup,aV as IconTitleBadge,aQ as IconWrapped,c3 as IconsNav,dh as ImageControlled,a9 as Input,af as InputList,ac as InputTable,aY as InteractiveTable,ae as KeyValueInputsList,c1 as LoadingText,aC as Modal,aE as ModalBody,ak as MonitorsCheckboxes,aS as MonitorsIcons,aD as NavigationButtons,N as NoDataFound,aF as NotificationNote,di as Overlay,s as PageContent,bj as Popup,cm as PopupForm,cr as ScrollX,b5 as ScrollY,ai as SectionTitle,ah as Segment,bk as SelectionButton,ba as SkeletonLoader,aK as Status,bK as Stepper,dj as TabList,aT as TableContainer,aU as TableTitleWrap,aX as TableWrap,bU as Tag,am as Text,al as TextArea,ad as Toggle,cp as ToggleCodeComponent,c as Tooltip,aZ as TraceLoader,$ as UpgradeRequiredWrapper,bl as VerticalScroll,dk as WarningModal,dl as getLinksFromText,dm as getStrongsFromText,dn as renderText}from"./chunks/ui-components-BtsFYm8P.js";import"./icons.js";import"react";import"styled-components";import"zustand";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
+ 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{aw as ACTION_OPTIONS,ap as BUTTON_TEXTS,D as DEFAULT_DATA_STREAM_NAME,bI as DESTINATION_CATEGORIES,bp as DISPLAY_LANGUAGES,a1 as DISPLAY_TITLES,aG as FORM_ALERTS,bY as INSTRUMENTATION_RULE_OPTIONS,d3 as LANGUAGE_OPTIONS,bq as MONITORS_OPTIONS,br as STORAGE_KEYS,d4 as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-BtsFYm8P.js";import"./icons.js";import"react";import"styled-components";import"zustand";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
+ 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 ConnectionRemoteConfig } from '@/types';
2
+ import { type Connection, type EffectiveConfig } from '@/types';
3
3
  import { DrawerProps } from '@/components/_v2';
4
- export interface ConnectionConfigurationsFormData {
5
- automaticRollout: boolean;
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
- getConnectionRemoteConfig: GetConnectionRemoteConfig;
17
- onApply: ApplyConnectionsConfigurationsFunc;
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 ApplyConnectionsConfigurationsFunc, type ConnectionConfigurationsFormData, GetConnectionRemoteConfig } from './config-drawer';
5
- export { type ApplyConnectionsConfigurationsFunc, type ConnectionConfigurationsFormData, type GetConnectionRemoteConfig };
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
- getConnectionRemoteConfig?: GetConnectionRemoteConfig;
13
- applyConfigurations?: ApplyConnectionsConfigurationsFunc;
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
- export declare const Column: 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" | "$padding"> & {
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
- $alignItems?: import("styled-components").CSSProperties["alignItems"];
5
- $justifyContent?: import("styled-components").CSSProperties["justifyContent"];
6
- $wrap?: import("styled-components").CSSProperties["flexWrap"];
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
- }>> & string;
15
+ }
16
+ export declare const SelectionWrapper: IStyledComponent<'web', DivProps<SelectionWrapperProps>>;
17
+ export {};
@@ -1,2 +1,3 @@
1
1
  export * from './central-connections';
2
2
  export * from './pipeline-collectors';
3
+ export * from './system-drawer';
@@ -1,5 +1,5 @@
1
1
  import { type FC, type CSSProperties } from 'react';
2
- import type { GetExtendedPodInfo, PodInfo } from '@/types';
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,6 @@
1
+ import { type FC } from 'react';
2
+ import { type DiagnoseFormData } from '@/types';
3
+ export interface DiagnoseProps {
4
+ downloadDiagnose: (payload: DiagnoseFormData) => Promise<void>;
5
+ }
6
+ export declare const Diagnose: FC<DiagnoseProps>;
@@ -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,7 @@
1
+ import { type FC } from 'react';
2
+ import { type TokenPayload } from '@/types';
3
+ export interface TokensProps {
4
+ tokens?: TokenPayload[];
5
+ updateToken: (oldToken: string, newToken: string) => Promise<void>;
6
+ }
7
+ export declare const Tokens: FC<TokensProps>;
@@ -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 {};
@@ -0,0 +1,6 @@
1
+ import { type FC } from 'react';
2
+ interface TokenExpiresAtProps {
3
+ expiresAt: string | number;
4
+ }
5
+ export declare const TokenExpiresAt: FC<TokenExpiresAtProps>;
6
+ export {};
@@ -0,0 +1,8 @@
1
+ import { type FC } from 'react';
2
+ interface TokenInputProps {
3
+ value: string;
4
+ setValue: (token: string) => void;
5
+ error?: string;
6
+ }
7
+ export declare const TokenInput: FC<TokenInputProps>;
8
+ export {};
@@ -5,7 +5,6 @@ interface FrameProps {
5
5
  entityType: EntityTypes;
6
6
  entities: Source[] | Destination[] | Action[] | InstrumentationRule[];
7
7
  metrics?: Metrics;
8
- isVm: boolean;
9
8
  }
10
9
  declare const Frame: FC<FrameProps>;
11
10
  export { Frame, type FrameProps };
@@ -7,7 +7,6 @@ interface ColumnProps {
7
7
  metrics?: Metrics;
8
8
  loading: boolean;
9
9
  maxHeight: number;
10
- isVm: boolean;
11
10
  refetch: () => void;
12
11
  }
13
12
  declare const Column: FC<ColumnProps>;
@@ -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: Source[] | Action[] | Destination[] | InstrumentationRule[];
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
- export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const AbsoluteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
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["padding"];
6
- }>> & string;
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: (namespace: string, name: string) => Promise<void>;
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
- }) => React.JSX.Element | null;
4
+ }) => import("react/jsx-runtime").JSX.Element | null;
6
5
  export { OdigosHealth };