@odigos/ui-kit 0.0.193 → 0.0.195

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 (47) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/chunks/index-DvMzoRJQ.js +3 -0
  3. package/lib/chunks/{ui-components-B4OMCuIf.js → ui-components-ymRfS19x.js} +396 -387
  4. package/lib/components/_v2/drawer/header/index.d.ts +1 -0
  5. package/lib/components/_v2/typography/index.d.ts +2 -0
  6. package/lib/components/styled.d.ts +1 -0
  7. package/lib/components/v2.js +1 -1
  8. package/lib/components.js +1 -1
  9. package/lib/constants/actions/index.d.ts +2 -0
  10. package/lib/constants.js +1 -1
  11. package/lib/containers/_v2/_drawers/add-action-drawer/helpers.d.ts +7 -0
  12. package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts +10 -0
  13. package/lib/containers/_v2/_drawers/add-source-drawer/index.d.ts +2 -2
  14. package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts +2 -1
  15. package/lib/containers/_v2/_drawers/index.d.ts +1 -0
  16. package/lib/containers/_v2/_forms/add-action-form/custom-fields/add-cluster-info/index.d.ts +5 -0
  17. package/lib/containers/_v2/_forms/add-action-form/custom-fields/delete-attributes/index.d.ts +5 -0
  18. package/lib/containers/_v2/_forms/add-action-form/custom-fields/error-sampler/index.d.ts +5 -0
  19. package/lib/containers/_v2/_forms/add-action-form/custom-fields/index.d.ts +7 -0
  20. package/lib/containers/_v2/_forms/add-action-form/custom-fields/k8s-attributes/index.d.ts +5 -0
  21. package/lib/containers/_v2/_forms/add-action-form/custom-fields/latency-sampler/index.d.ts +5 -0
  22. package/lib/containers/_v2/_forms/add-action-form/custom-fields/pii-masking/index.d.ts +5 -0
  23. package/lib/containers/_v2/_forms/add-action-form/custom-fields/probabilistic-sampler/index.d.ts +5 -0
  24. package/lib/containers/_v2/_forms/add-action-form/custom-fields/rename-attributes/index.d.ts +5 -0
  25. package/lib/containers/_v2/_forms/add-action-form/custom-fields/service-name-sampler/index.d.ts +5 -0
  26. package/lib/containers/_v2/_forms/add-action-form/custom-fields/span-attribute-sampler/index.d.ts +5 -0
  27. package/lib/containers/_v2/_forms/add-action-form/index.d.ts +7 -0
  28. package/lib/containers/_v2/_forms/index.d.ts +1 -0
  29. package/lib/containers/_v2/central-connections/index.d.ts +2 -1
  30. package/lib/containers/v2.js +43 -26
  31. package/lib/containers.js +23 -23
  32. package/lib/contexts.js +1 -1
  33. package/lib/functions.js +1 -1
  34. package/lib/hooks.js +1 -1
  35. package/lib/snippets/_v2/wide-drawer/column/index.d.ts +0 -1
  36. package/lib/snippets/_v2/wide-drawer/column-list-collapse/index.d.ts +7 -0
  37. package/lib/snippets/_v2/wide-drawer/column-list-item/index.d.ts +2 -0
  38. package/lib/snippets/_v2/wide-drawer/index.d.ts +5 -5
  39. package/lib/snippets.js +1 -1
  40. package/lib/store.js +1 -1
  41. package/lib/theme.js +1 -1
  42. package/lib/types/actions/index.d.ts +4 -1
  43. package/lib/types/instrumentation-rules/index.d.ts +1 -1
  44. package/lib/types.js +1 -1
  45. package/lib/visuals.js +1 -1
  46. package/package.json +1 -1
  47. package/lib/chunks/index-BzflK0LT.js +0 -3
@@ -3,6 +3,7 @@ import type { SVG } from '@/types';
3
3
  export interface HeaderProps {
4
4
  icon: SVG;
5
5
  title: string;
6
+ subTitle?: string;
6
7
  actions?: [];
7
8
  onClose: () => void;
8
9
  onCloseDisabled?: boolean;
@@ -31,5 +31,7 @@ export interface TypographyProps {
31
31
  lineHeight?: CSSProperties['lineHeight'];
32
32
  nowrap?: boolean;
33
33
  underline?: boolean;
34
+ onClick?: () => void;
35
+ disabled?: boolean;
34
36
  }
35
37
  export declare const Typography: FC<TypographyProps>;
@@ -28,6 +28,7 @@ export declare const FlexColumn: IStyledComponent<'web', DivProps<FlexColumnProp
28
28
  interface CenterThisProps extends FlexColumnProps {
29
29
  $width?: CSSProperties['width'];
30
30
  $height?: CSSProperties['height'];
31
+ $padding?: CSSProperties['padding'];
31
32
  }
32
33
  export declare const CenterThis: IStyledComponent<'web', DivProps<CenterThisProps>>;
33
34
  export declare const VerticalScroll: IStyledComponent<'web', DivProps>;
@@ -1 +1 @@
1
- export{l as Badge,B as Button,j as ButtonSize,dK as ButtonTab,dL as ButtonTabList,k as ButtonVariants,c as Checkbox,dM as CheckboxList,dN as CheckboxSize,ai as CliCommand,a7 as DataCard,r as Drawer,a3 as DropData,a5 as DropDataAlignX,a4 as DropDataAlignY,dO as DropDown,d as FieldMessage,g as FieldTitle,dP as Header,cm as HoverActions,_ as IconButton,cw as IconButtonSize,p as Input,I as InputList,h as InputTable,af as Island,L as Loader,dQ as Modal,dR as Navbar,u as Note,dS as Radio,dT as RadioGroup,dU as RadioSize,t as Search,a1 as SectionCard,dV as SectionCardSize,o as Segment,dW as SegmentSize,al as StatusCard,ad as Table,ae as TableVariant,dX as Tag,q as TextArea,am as TextCard,z as Toggle,dY as ToggleLabelAlign,dZ as ToggleList,A as ToggleSize,d_ as ToggleVariant,T as Typography,a as TypographySize,E as TypographyVariants,W as WarningModal}from"../chunks/ui-components-B4OMCuIf.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
1
+ export{z as Badge,B as Button,r as ButtonSize,dN as ButtonTab,dO as ButtonTabList,p as ButtonVariants,C as Checkbox,dP as CheckboxList,dQ as CheckboxSize,at as CliCommand,ai as DataCard,D as Drawer,ae as DropData,ag as DropDataAlignX,af as DropDataAlignY,dR as DropDown,b as FieldMessage,a as FieldTitle,dS as Header,cp as HoverActions,a9 as IconButton,cz as IconButtonSize,I as Input,f as InputList,d as InputTable,aq as Island,L as Loader,dT as Modal,dU as Navbar,n as Note,dV as Radio,dW as RadioGroup,dX as RadioSize,S as Search,ac as SectionCard,dY as SectionCardSize,t as Segment,dZ as SegmentSize,aw as StatusCard,ao as Table,ap as TableVariant,d_ as Tag,u as TextArea,ax as TextCard,T as Toggle,e as ToggleLabelAlign,d$ as ToggleList,a0 as ToggleSize,e0 as ToggleVariant,q as Typography,m as TypographySize,a1 as TypographyVariants,W as WarningModal}from"../chunks/ui-components-ymRfS19x.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
package/lib/components.js CHANGED
@@ -1 +1 @@
1
- export{a$ as AutocompleteInput,bj as Badge,bl as Button,aO as CancelWarning,s as CenterThis,au as Checkbox,cD as Code,aS as ConditionDetails,aT as DataCard,ap as DataCardFieldTypes,c2 as DataCardFields,dv as DataFinger,bn as DataTab,aN as DeleteWarning,ck as DescribeRow,b0 as Divider,aH as DocsButton,aM as Drawer,dw as DrawerFooter,dx as DrawerHeader,bI as Dropdown,dy as ErrorBoundary,bP as ExtendArrow,ah as FadeLoader,av as FieldError,at as FieldLabel,F as FlexColumn,f as FlexRow,dz as Header,bO as IconButton,cu as IconGroup,be as IconTitleBadge,b9 as IconWrapped,cg as IconsNav,dA as ImageControlled,aw as Input,aC as InputList,az as InputTable,bh as InteractiveTable,aB as KeyValueInputsList,ce as LoadingText,aX as Modal,aY as ModalBody,aI as MonitorsCheckboxes,bb as MonitorsIcons,b1 as NavigationButtons,N as NoDataFound,aZ as NotificationNote,dB as Overlay,ac as PageContent,bD as Popup,cx as PopupForm,cC as ScrollX,bq as ScrollY,aG as SectionTitle,aE as Segment,bF as SelectionButton,bv as SkeletonLoader,b3 as Status,c1 as Stepper,dC as TabList,bc as TableContainer,bd as TableTitleWrap,bg as TableWrap,c4 as Tag,aK as Text,aJ as TextArea,aA as Toggle,cA as ToggleCodeComponent,b as Tooltip,bi as TraceLoader,ao as UpgradeRequiredWrapper,bE as VerticalScroll,c8 as WarningModal,dD as WhiteSpace,dE as getLinksFromText,dF as getStrongsFromText,dG as renderText}from"./chunks/ui-components-B4OMCuIf.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
1
+ export{b3 as AutocompleteInput,bn as Badge,bp as Button,aS as CancelWarning,l as CenterThis,aC as Checkbox,cG as Code,aW as ConditionDetails,aX as DataCard,aA as DataCardFieldTypes,c5 as DataCardFields,dy as DataFinger,br as DataTab,aR as DeleteWarning,cn as DescribeRow,b4 as Divider,aL as DocsButton,aQ as Drawer,dz as DrawerFooter,dA as DrawerHeader,bM as Dropdown,dB as ErrorBoundary,bS as ExtendArrow,as as FadeLoader,aD as FieldError,aB as FieldLabel,F as FlexColumn,k as FlexRow,dC as Header,bR as IconButton,cx as IconGroup,bi as IconTitleBadge,bd as IconWrapped,cj as IconsNav,dD as ImageControlled,aE as Input,aI as InputList,aF as InputTable,bl as InteractiveTable,aH as KeyValueInputsList,ch as LoadingText,a$ as Modal,b0 as ModalBody,aM as MonitorsCheckboxes,bf as MonitorsIcons,b5 as NavigationButtons,N as NoDataFound,b1 as NotificationNote,dE as Overlay,an as PageContent,bH as Popup,cA as PopupForm,cF as ScrollX,bu as ScrollY,aK as SectionTitle,aJ as Segment,bJ as SelectionButton,bz as SkeletonLoader,b7 as Status,c4 as Stepper,dF as TabList,bg as TableContainer,bh as TableTitleWrap,bk as TableWrap,c7 as Tag,aO as Text,aN as TextArea,aG as Toggle,cD as ToggleCodeComponent,w as Tooltip,bm as TraceLoader,az as UpgradeRequiredWrapper,bI as VerticalScroll,cb as WarningModal,dG as WhiteSpace,dH as getLinksFromText,dI as getStrongsFromText,dJ as renderText}from"./chunks/ui-components-ymRfS19x.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
@@ -1,2 +1,4 @@
1
1
  import { type ActionOption } from '@/types';
2
+ export declare const ACTION_ATTRIBUTE_OPTIONS: ActionOption[];
3
+ export declare const ACTION_SAMPLER_OPTIONS: ActionOption[];
2
4
  export declare const ACTION_OPTIONS: ActionOption[];
package/lib/constants.js CHANGED
@@ -1 +1 @@
1
- export{aR as ACTION_OPTIONS,aa as BUTTON_TEXTS,Q as DEFAULT_DATA_STREAM_NAME,b$ as DESTINATION_CATEGORIES,m as DISPLAY_LANGUAGES,y as DISPLAY_TITLES,D as DOCS_BASE_URL,a_ as FORM_ALERTS,w as INSTRUMENTATION_RULE_OPTIONS,df as LANGUAGE_OPTIONS,bJ as MONITORS_OPTIONS,dg as OTEL_DISTRO_NAME_OPTIONS,bK as STORAGE_KEYS,dh as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-B4OMCuIf.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
1
+ export{U as ACTION_ATTRIBUTE_OPTIONS,aV as ACTION_OPTIONS,X as ACTION_SAMPLER_OPTIONS,al as BUTTON_TEXTS,a4 as DEFAULT_DATA_STREAM_NAME,c2 as DESTINATION_CATEGORIES,E as DISPLAY_LANGUAGES,Z as DISPLAY_TITLES,s as DOCS_BASE_URL,b2 as FORM_ALERTS,_ as INSTRUMENTATION_RULE_OPTIONS,di as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dj as OTEL_DISTRO_NAME_OPTIONS,bN as STORAGE_KEYS,dk as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-ymRfS19x.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C-kwkNJP.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";
@@ -0,0 +1,7 @@
1
+ import { GenericFormResult } from '@/hooks';
2
+ import { type ActionFormData, type ActionOption } from '@/types';
3
+ export declare const INITIAL_FORM_DATA: ActionFormData;
4
+ export declare const validateForm: (selectedOption: ActionOption | null, genericForm: GenericFormResult<ActionFormData>) => {
5
+ isOk: boolean;
6
+ preparedFormData: ActionFormData;
7
+ };
@@ -0,0 +1,10 @@
1
+ import { type FC, type Dispatch, type SetStateAction } from 'react';
2
+ import { DrawerProps } from '@/components/_v2';
3
+ import { type CreateActionFunc } from '@/types';
4
+ export interface AddActionDrawerProps {
5
+ onClose: DrawerProps['header']['onClose'];
6
+ selectedConnectionIds: string[];
7
+ setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
8
+ createAction: CreateActionFunc;
9
+ }
10
+ export declare const AddActionDrawer: FC<AddActionDrawerProps>;
@@ -1,11 +1,11 @@
1
1
  import { type FC, type Dispatch, type SetStateAction } from 'react';
2
2
  import { DrawerProps } from '@/components/_v2';
3
- import { type AllClusterSnapshots, type PersistSourcesFunc } from '@/types';
3
+ import { type PersistSourcesFunc, GetAllClusterSnapshots } from '@/types';
4
4
  export interface AddSourceDrawerProps {
5
5
  onClose: DrawerProps['header']['onClose'];
6
6
  selectedConnectionIds: string[];
7
7
  setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
8
- snapshots: AllClusterSnapshots;
8
+ getAllClusterSnapshots: GetAllClusterSnapshots;
9
9
  persistSources: PersistSourcesFunc;
10
10
  }
11
11
  export declare const AddSourceDrawer: FC<AddSourceDrawerProps>;
@@ -2,6 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
2
2
  import { WideDrawerProps } from '@/snippets/_v2';
3
3
  import type { Filters, FormData, HandleSelectAllFunc, HandleSourceChangeFunc, SelectedArea } from '../types';
4
4
  export interface NamespacesColumnProps {
5
+ isFetching: boolean;
5
6
  formData: FormData;
6
7
  handleSourceChange: HandleSourceChangeFunc;
7
8
  handleSelectAll: HandleSelectAllFunc;
@@ -12,4 +13,4 @@ export interface NamespacesColumnProps {
12
13
  searchText: string;
13
14
  filters: Filters;
14
15
  }
15
- export declare const namespacesColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, filters }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
16
+ export declare const namespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, searchText, filters }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
@@ -1,3 +1,4 @@
1
+ export * from './add-action-drawer';
1
2
  export * from './add-rule-drawer';
2
3
  export * from './add-source-drawer';
3
4
  export * from './edit-config-drawer';
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type AddClusterInfoProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const AddClusterInfo: FC<AddClusterInfoProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type DeleteAttributesProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const DeleteAttributes: FC<DeleteAttributesProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type ErrorSamplerProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const ErrorSampler: FC<ErrorSamplerProps>;
5
+ export {};
@@ -0,0 +1,7 @@
1
+ import { type FC } from 'react';
2
+ import { ActionType, type ActionFormData, type CustomFieldProps } from '@/types';
3
+ interface CustomFieldsProps extends CustomFieldProps<ActionFormData['fields']> {
4
+ actionType?: ActionType;
5
+ }
6
+ declare const CustomFields: FC<CustomFieldsProps>;
7
+ export { CustomFields, type CustomFieldsProps };
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type K8sAttributesProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const K8sAttributes: FC<K8sAttributesProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type LatencySamplerProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const LatencySampler: FC<LatencySamplerProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type PiiMaskingProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const PiiMasking: FC<PiiMaskingProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type ProbabilisticSamplerProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const ProbabilisticSampler: FC<ProbabilisticSamplerProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type RenameAttributesProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const RenameAttributes: FC<RenameAttributesProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type ServiceNameSamplerProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const ServiceNameSampler: FC<ServiceNameSamplerProps>;
5
+ export {};
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import { type ActionFormData, type CustomFieldProps } from '@/types';
3
+ type SpanAttributeSamplerProps = CustomFieldProps<ActionFormData['fields']>;
4
+ export declare const SpanAttributeSampler: FC<SpanAttributeSamplerProps>;
5
+ export {};
@@ -0,0 +1,7 @@
1
+ import { type FC } from 'react';
2
+ import type { GenericFormResult } from '@/hooks';
3
+ import { type ActionFormData, type ActionOption } from '@/types';
4
+ export interface AddActionFormProps extends GenericFormResult<ActionFormData> {
5
+ option: ActionOption;
6
+ }
7
+ export declare const AddActionForm: FC<AddActionFormProps>;
@@ -1 +1,2 @@
1
+ export * from './add-action-form';
1
2
  export * from './add-rule-form';
@@ -1,5 +1,5 @@
1
1
  import { type FC, type CSSProperties } from 'react';
2
- import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type CreateInstrumentationRuleFunc } from '@/types';
2
+ import { type Connection, type GetEffectiveConfigFunc, type ApplyConfigurationsFunc, type GetAllClusterSnapshots, type PersistSourcesFunc, type CreateActionFunc, type CreateInstrumentationRuleFunc } from '@/types';
3
3
  export interface CentralConnectionsProps {
4
4
  tableRowsMaxHeight: CSSProperties['maxHeight'];
5
5
  connections?: Connection[];
@@ -12,6 +12,7 @@ export interface CentralConnectionsProps {
12
12
  snapshotMinSupportedVersion?: number;
13
13
  getAllClusterSnapshots?: GetAllClusterSnapshots;
14
14
  persistSources?: PersistSourcesFunc;
15
+ createAction?: CreateActionFunc;
15
16
  createInstrumentationRule?: CreateInstrumentationRuleFunc;
16
17
  }
17
18
  export declare const CentralConnections: FC<CentralConnectionsProps>;