@odigos/ui-kit 0.0.188 → 0.0.190

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

@@ -3,4 +3,5 @@ export * from './cancel-modal';
 export * from './delete-modal';
 export * from './rich-title';
 export * from './upgrade-modal';
+export * from './wide-drawer';
 export * from './yaml-section-card';

package/lib/snippets/_v2/rich-title/index.d.ts

@@ -4,6 +4,7 @@ import { type BadgeProps } from '@/components/_v2/badge';
 export interface RichTitleProps {
     icon: SVG;
     title: string;
+    subTitle?: string;
     withCopy?: boolean;
     badge?: BadgeProps;
     children?: ReactNode;

package/lib/snippets/_v2/wide-drawer/column/index.d.ts

@@ -0,0 +1,11 @@
+import { type FC, type CSSProperties, type ReactNode } from 'react';
+export interface ColumnProps {
+    isLeft?: boolean;
+    isRight?: boolean;
+    parentHasSubHeader?: boolean;
+    width: CSSProperties['width'];
+    header?: ReactNode;
+    list: ReactNode[];
+    listGap?: number;
+}
+export declare const Column: FC<ColumnProps>;

package/lib/snippets/_v2/wide-drawer/column-list-item/index.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode, type FC } from 'react';
+export interface ColumnListItemProps {
+    title: string;
+    description?: string;
+    withCarret?: boolean;
+    children?: ReactNode;
+    isSelected?: boolean;
+    onClick: () => void;
+    isChecked?: boolean;
+    isPartiallyChecked?: boolean;
+    onCheckboxChange?: (value: boolean) => void;
+}
+export declare const ColumnListItem: FC<ColumnListItemProps>;

package/lib/snippets/_v2/wide-drawer/index.d.ts

@@ -0,0 +1,35 @@
+import React, { type Dispatch, type SetStateAction, type ReactNode } from 'react';
+import { SVG } from '@/types';
+import { type ColumnProps } from './column';
+import { type DrawerProps, type LoaderProps, type SearchProps, BadgeProps } from '@/components/_v2';
+export interface WideDrawerProps {
+    isOpen: DrawerProps['isOpen'];
+    onClose: DrawerProps['header']['onClose'];
+    onSave: () => Promise<{
+        error?: string;
+    } | undefined>;
+    disableSave?: boolean;
+    connectionIds: {
+        value: string[];
+        setValue: Dispatch<SetStateAction<string[]>>;
+    };
+    search: Pick<SearchProps, 'value' | 'onChange' | 'placeholder' | 'segment' | 'width'>;
+    filters?: ReactNode;
+    isFormDirty?: boolean;
+    isFetching?: boolean;
+    progress?: Pick<LoaderProps, 'title' | 'subTitle' | 'percentage'>;
+    header: Pick<DrawerProps['header'], 'icon' | 'title'>;
+    subHeader?: {
+        icon: SVG;
+        title: string;
+        description: string;
+        badge: BadgeProps;
+    };
+    leftColumn: Pick<ColumnProps, 'width' | 'header' | 'list' | 'listGap'>;
+    rightColumn: Pick<ColumnProps, 'width' | 'header' | 'list' | 'listGap'>;
+}
+export interface WideDrawerRef {
+    clearErrors: () => void;
+}
+export declare const WIDE_DRAWER_WIDTH = "75vw";
+export declare const WideDrawer: React.ForwardRefExoticComponent<WideDrawerProps & React.RefAttributes<WideDrawerRef>>;

package/lib/snippets.js

@@ -1 +1 @@
-export{bD as AddButton,ce as CopyText,ca as EditButton,c8 as Flow,dk as MapItemNode,dl as NoDataNode,bE as NoteBackToSummary,cg as PodContainer,cn as SourceContainer}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";
+export{bQ as AddButton,ci as CopyText,ce as EditButton,cc as Flow,ds as MapItemNode,dt as NoDataNode,bR as NoteBackToSummary,ck as PodContainer,cr as SourceContainer}from"./chunks/ui-components-C1WJWY4E.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/store/useSetupStore.d.ts

@@ -18,7 +18,6 @@ export interface NamespaceSelectionFormData {
     [namespace: string]: SelectedNamespace;
 }
 export interface ISetupState {
-    fetchedAllNamespaces: boolean;
     availableSources: AvailableSourcesByNamespace;
     configuredSources: SourceSelectionFormData;
     configuredFutureApps: NamespaceSelectionFormData;
@@ -26,7 +25,6 @@ export interface ISetupState {
     configuredDestinationsUpdateOnly: Destination[];
 }
 interface ISetupStateSetters {
-    setFetchedAllNamespaces: (payload: boolean) => void;
     setAvailableSources: (payload: ISetupState['availableSources']) => void;
     setConfiguredSources: (payload: ISetupState['configuredSources']) => void;
     setConfiguredFutureApps: (payload: ISetupState['configuredFutureApps']) => void;

package/lib/store.js

@@ -1 +1 @@
-export{P as ProgressKeys,dc as useActiveNodeStore,ct as useDarkMode,u as useDataStreamStore,av as useDrawerStore,a5 as useEntityStore,aV as useFilterStore,aI as useModalStore,c0 as useNotificationStore,g as useProgressStore,b8 as useSelectedStore,bA as useSetupStore}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";
+export{X as ProgressKeys,dh as useActiveNodeStore,cx as useDarkMode,K as useDataStreamStore,aL as useDrawerStore,a2 as useEntityStore,b7 as useFilterStore,aW as useModalStore,c5 as useNotificationStore,M as useProgressStore,bm as useSelectedStore,bN as useSetupStore}from"./chunks/ui-components-C1WJWY4E.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/theme.js

@@ -1 +1 @@
-export{dd as Provider,de as animations,df as opacity,dg as palettes}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";
+export{di as Provider,dj as animations,dk as opacity,dl as palettes}from"./chunks/ui-components-C1WJWY4E.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/types/common/index.d.ts

@@ -162,6 +162,10 @@ export interface EffectiveConfig {
         automaticRolloutDisabled?: boolean;
     };
 }
+export type GetEffectiveConfigFunc = (id: string) => Promise<EffectiveConfig | undefined>;
+export type ApplyConfigurationsFunc = (formData: EffectiveConfig, connectionIds: string[]) => Promise<{
+    error?: string;
+} | undefined>;
 export declare enum Profile {
     CodeAttributes = "code-attributes",
     FullPayloadCollection = "full-payload-collection",

package/lib/types/instrumentation-rules/index.d.ts

@@ -26,6 +26,10 @@ export interface InstrumentationRule {
     payloadCollection?: PayloadCollection | null;
     customInstrumentations?: CustomInstrumentations | null;
 }
+export type InstrumentationRuleFormData = Omit<InstrumentationRule, 'ruleId' | 'type' | 'mutable' | 'profileName'>;
+export type CreateInstrumentationRuleFunc = (payload: InstrumentationRuleFormData) => Promise<{
+    error?: string;
+} | undefined>;
 export declare enum CodeAttributesKeyTypes {
     Column = "column",
     FilePath = "filePath",
@@ -116,5 +120,4 @@ export interface InstrumentationRuleOption {
     docsDescription: string;
     supportedLanguages: ProgrammingLanguages[];
 }
-export type InstrumentationRuleFormData = Omit<InstrumentationRule, 'ruleId' | 'type' | 'mutable' | 'profileName'>;
 export {};

package/lib/types/tokens/index.d.ts

@@ -1,6 +1,13 @@
 export interface TokenPayload {
     token: string;
     name: string;
+    message?: string;
     issuedAt: number;
     expiresAt: number;
 }
+export type UpdateTokenFunc = (newToken: string) => Promise<{
+    error?: string;
+    data?: {
+        updateApiToken: boolean;
+    } | null;
+} | undefined>;

package/lib/types.js

@@ -1 +1 @@
-export{cy as ActionCategory,ac as ActionKeyTypes,aa as ActionType,cz as AddNodeTypes,cA as BooleanOperation,bX as CodeAttributesKeyTypes,aH as Crud,bV as CustomInstrumentationsKeyTypes,bg as DesiredStateProgress,cB as DestinationTypes,cC as EdgeTypes,E as EntityTypes,an as FieldTypes,bW as GolangCustomProbe,bT as HeadersCollectionKeyTypes,ah as InputTypes,cD as InstallationMethod,bZ as InstrumentationRuleType,cE as IntrumentationStatus,bU as JavaCustomProbe,cF as JsonOperation,ab as K8sAttributesFrom,cl as K8sResourceKind,cG as ListDirection,c7 as NodeTypes,cH as NumberOperation,cI as OtelDistroName,bF as OtherEntityTypes,aS as OtherStatus,O as OtherStatusType,bY as PayloadCollectionKeyTypes,cJ as PlatformType,cK as PodContainerLifecycleStatus,cL as PodContainerStatus,cM as PodPhase,cN as Profile,cm as ProgrammingLanguages,cO as SIGNAL_KEY_TO_TYPE,bP as SIGNAL_TYPE_TO_KEY,cP as SignalKey,bJ as SignalType,cQ as SortDirection,S as StatusType,cR as StringOperation,c3 as Tier,_ as WorkloadRolloutStatus}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";
+export{cD as ActionCategory,as as ActionKeyTypes,aq as ActionType,cE as AddNodeTypes,cF as BooleanOperation,C as CodeAttributesKeyTypes,aV as Crud,e as CustomInstrumentationsKeyTypes,bu as DesiredStateProgress,cG as DestinationTypes,cH as EdgeTypes,U as EntityTypes,aD as FieldTypes,G as GolangCustomProbe,H as HeadersCollectionKeyTypes,ax as InputTypes,cI as InstallationMethod,i as InstrumentationRuleType,cJ as IntrumentationStatus,J as JavaCustomProbe,cK as JsonOperation,ar as K8sAttributesFrom,cp as K8sResourceKind,cL as ListDirection,cb as NodeTypes,cM as NumberOperation,cN as OtelDistroName,bS as OtherEntityTypes,b4 as OtherStatus,O as OtherStatusType,P as PayloadCollectionKeyTypes,cO as PlatformType,cP as PodContainerLifecycleStatus,cQ as PodContainerStatus,cR as PodPhase,cS as Profile,cq as ProgrammingLanguages,cT as SIGNAL_KEY_TO_TYPE,c0 as SIGNAL_TYPE_TO_KEY,cU as SignalKey,bW as SignalType,cV as SortDirection,S as StatusType,cW as StringOperation,c7 as Tier,an as WorkloadRolloutStatus}from"./chunks/ui-components-C1WJWY4E.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/visuals.js

@@ -1 +1 @@
-export{dA as VISUAL_ODIGOS_LOGO_HEIGHT,dB as VISUAL_ODIGOS_LOGO_WIDTH,dC as VisualGreenRings,dD as VisualOdigosLogo}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";
+export{dH as VISUAL_ODIGOS_LOGO_HEIGHT,dI as VISUAL_ODIGOS_LOGO_WIDTH,V as VisualGreenRings,dJ as VisualOdigosLogo}from"./chunks/ui-components-C1WJWY4E.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.188",
+  "version": "0.0.190",
   "author": "Odigos",
   "license": "MIT",
   "repository": {
@@ -112,11 +112,11 @@
     "react-dom": "19.2.4",
     "react-error-boundary": "^6.1.0",
     "styled-components": "6.2.0",
-    "zustand": "^5.0.10"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.6",
-    "@babel/preset-env": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@eslint/eslintrc": "^3.3.3",
@@ -126,8 +126,8 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
-    "@storybook/react-webpack5": "10.2.1",
-    "@types/node": "^25.0.10",
+    "@storybook/react-webpack5": "10.2.5",
+    "@types/node": "^25.2.0",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.54.0",
@@ -136,13 +136,13 @@
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "10.2.1",
+    "eslint-plugin-storybook": "10.2.5",
     "postcss": "^8.5.6",
-    "rollup": "^4.57.0",
+    "rollup": "^4.57.1",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^6.0.5",
-    "storybook": "10.2.1",
+    "storybook": "10.2.5",
     "typescript": "^5.9.3"
   }
 }