@odigos/ui-kit 0.0.210 → 0.0.212

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

@@ -1,6 +1,7 @@
 export * from './actions';
 export * from './cancel-modal';
 export * from './delete-modal';
+export * from './odigos-logo-text-by-tier';
 export * from './rich-title';
 export * from './signals-checkbox-list';
 export * from './upgrade-modal';

package/lib/snippets/_v2/odigos-logo-text-by-tier/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+export interface OdigosLogoTextByTierProps {
+    size?: number;
+}
+export declare const OdigosLogoTextByTier: FC<OdigosLogoTextByTierProps>;

package/lib/snippets/react-flow/flow.d.ts

@@ -6,8 +6,11 @@ interface Props {
     edges: Edge[];
     onNodesChange: OnNodesChange<Node>;
     onEdgesChange: OnEdgesChange<Edge>;
-    fitView?: boolean;
+    fitViewTrigger?: number;
     zoomOnScroll?: boolean;
+    onEdgeClick?: (event: React.MouseEvent, edge: Edge) => void;
+    onNodeMouseEnter?: (event: React.MouseEvent, node: Node) => void;
+    onNodeMouseLeave?: (event: React.MouseEvent, node: Node) => void;
 }
 export declare const Flow: React.FC<Props>;
 export {};

package/lib/snippets/react-flow/nodes/map-item-node.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { type Node, type NodeProps } from '@xyflow/react';
-import { NodeTypes, type ServiceMapFromSource, StatusType, type SVG } from '@/types';
+import { NodeTypes, type AggregatedService, StatusType, type SVG } from '@/types';
 type MapItemNodeProps = NodeProps<Node<{
     id: string;
     title: string;
     icons: SVG[];
+    isVirtual?: boolean;
     status?: StatusType;
-    serviceMapEntry?: ServiceMapFromSource;
+    aggService?: AggregatedService;
 }, NodeTypes.Base>>;
 declare const MapItemNode: React.FC<MapItemNodeProps>;
 export { MapItemNode, type MapItemNodeProps };

package/lib/snippets.js

@@ -1 +1 @@
-export{b1 as AddButton,cv as CopyText,cr as EditButton,cq as Flow,dE as MapItemNode,dF as NoDataNode,c8 as NoteBackToSummary,cx as PodContainer,cE as SourceContainer}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{b3 as AddButton,cz as CopyText,cv as EditButton,cu as Flow,dH as MapItemNode,dI as NoDataNode,cb as NoteBackToSummary,cB as PodContainer,cI as SourceContainer}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/store.js

@@ -1 +1 @@
-export{ar as ProgressKeys,dv as useActiveNodeStore,cK as useDarkMode,ad as useDataStreamStore,b8 as useDrawerStore,ax as useEntityStore,bv as useFilterStore,bj as useModalStore,cj as useNotificationStore,ao as useProgressStore,bL as useSelectedStore,c6 as useSetupStore}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{as as ProgressKeys,ct as useActiveNodeStore,cO as useDarkMode,H as useDataStreamStore,ba as useDrawerStore,ay as useEntityStore,bx as useFilterStore,bl as useModalStore,cm as useNotificationStore,ao as useProgressStore,bN as useSelectedStore,c8 as useSetupStore}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/theme.js

@@ -1 +1 @@
-export{dw as Provider,dx as animations,dy as opacity,dz as palettes}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{dz as Provider,dA as animations,dB as opacity,dC as palettes}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

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

@@ -143,12 +143,6 @@ export interface DestinationDynamicField {
     placeholder?: string;
     options?: DropdownProps['options'];
 }
-export interface TestConnectionResponse {
-    succeeded: boolean;
-    message: string;
-    reason: string;
-    destinationType?: DestinationTypes;
-}
 export interface GetDestinationCategoriesResult {
     destinationCategories: {
         categories: DestinationCategories;
@@ -166,14 +160,21 @@ export interface DestinationFormData {
     type: Destination['destinationType']['type'];
     name: Destination['destinationType']['displayName'];
     currentStreamName: string;
+    disabled: Destination['disabled'];
     exportedSignals: Destination['exportedSignals'];
     fields: {
         key: string;
         value: string;
     }[];
-    disabled: Destination['disabled'];
 }
-export type TestConnectionFunc = (payload: DestinationFormData) => Promise<TestConnectionResponse | undefined>;
 export type CreateDestinationFunc = (payload: DestinationFormData, connectionIds?: string[]) => Promise<{
     error?: string;
 } | undefined>;
+export interface TestConnectionResponse {
+    destinationType: DestinationTypes;
+    statusCode: number;
+    succeeded: boolean;
+    message?: string | null;
+    reason?: string | null;
+}
+export type TestConnectionFunc = (payload: DestinationFormData, connectionIds?: string[]) => Promise<TestConnectionResponse | undefined>;

package/lib/types/service-map/index.d.ts

@@ -1,8 +1,11 @@
 export interface ServiceMapFromSource {
+    nodeId: string;
     serviceName: string;
     services: ServiceMapToSource[];
 }
 export interface ServiceMapToSource {
+    nodeId: string;
+    isVirtual: boolean;
     serviceName: string;
     requests: number;
     dateTime: string;
@@ -12,3 +15,22 @@ export interface PeerSources {
     inbound: ServiceMapToSource[];
     outbound: ServiceMapToSource[];
 }
+export interface DimensionDetail {
+    value: string;
+    requests: number;
+    dateTime: string;
+}
+export interface AggregatedConnection {
+    targetGraphKey: string;
+    targetServiceName: string;
+    totalRequests: number;
+    lastDateTime: string;
+    details: DimensionDetail[];
+}
+export interface AggregatedService {
+    graphKey: string;
+    serviceName: string;
+    isVirtual: boolean;
+    connections: AggregatedConnection[];
+}
+export type AggregatedServiceMap = AggregatedService[];

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

@@ -16,13 +16,13 @@ export interface ClusterSnapshot {
     clusterId: string;
     clusterName: string;
     namespaces: NamespaceSnapshot[];
-    timestamp: number;
+    timestamp?: number;
 }
 export interface AllClusterSnapshots {
     clusters: ClusterSnapshot[];
-    totalWorkloads: number;
-    totalNamespaces: number;
-    lastUpdated: number;
+    totalWorkloads?: number;
+    totalNamespaces?: number;
+    lastUpdated?: number;
 }
 export type GetAllClusterSnapshots = () => Promise<AllClusterSnapshots | undefined>;
 export type GetClusterSnapshot = (clusterId: string) => Promise<ClusterSnapshot | undefined>;

package/lib/types.js

@@ -1 +1 @@
-export{cQ as ActionCategory,A as ActionKeyTypes,l as ActionType,cR as AddNodeTypes,cS as BooleanOperation,J as CodeAttributesKeyTypes,bi as Crud,Y as CustomInstrumentationsKeyTypes,bN as DesiredStateProgress,cT as DestinationTypes,cU as EdgeTypes,aq as EntityTypes,k as FieldTypes,U as GolangCustomProbe,P as HeadersCollectionKeyTypes,c as InputTypes,cV as InstallationMethod,Z as InstrumentationRuleType,cW as IntrumentationStatus,X as JavaCustomProbe,cX as JsonOperation,K as K8sAttributesFrom,cC as K8sResourceKind,cY as ListDirection,cp as NodeTypes,cZ as NumberOperation,c_ as OtelDistroName,c9 as OtherEntityTypes,bs as OtherStatus,ai as OtherStatusType,Q as PayloadCollectionKeyTypes,c$ as PlatformType,d0 as PodContainerLifecycleStatus,d1 as PodContainerStatus,d2 as PodPhase,d3 as Profile,cD as ProgrammingLanguages,d4 as SIGNAL_KEY_TO_TYPE,ce as SIGNAL_TYPE_TO_KEY,d5 as SignalKey,G as SignalType,d6 as SortDirection,s as StatusType,d7 as StringOperation,aj as Tier,aR as WorkloadRolloutStatus}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{cU as ActionCategory,A as ActionKeyTypes,l as ActionType,cV as AddNodeTypes,cW as BooleanOperation,X as CodeAttributesKeyTypes,bk as Crud,a1 as CustomInstrumentationsKeyTypes,bP as DesiredStateProgress,cX as DestinationTypes,cY as EdgeTypes,ar as EntityTypes,k as FieldTypes,$ as GolangCustomProbe,Z as HeadersCollectionKeyTypes,c as InputTypes,cZ as InstallationMethod,a2 as InstrumentationRuleType,c_ as IntrumentationStatus,a0 as JavaCustomProbe,c$ as JsonOperation,K as K8sAttributesFrom,cG as K8sResourceKind,d0 as ListDirection,cs as NodeTypes,d1 as NumberOperation,d2 as OtelDistroName,cc as OtherEntityTypes,bu as OtherStatus,aj as OtherStatusType,_ as PayloadCollectionKeyTypes,d3 as PlatformType,d4 as PodContainerLifecycleStatus,d5 as PodContainerStatus,d6 as PodPhase,d7 as Profile,cH as ProgrammingLanguages,d8 as SIGNAL_KEY_TO_TYPE,ch as SIGNAL_TYPE_TO_KEY,d9 as SignalKey,P as SignalType,da as SortDirection,t as StatusType,db as StringOperation,m as Tier,aT as WorkloadRolloutStatus}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/visuals.js

@@ -1 +1 @@
-export{dT as VISUAL_ODIGOS_LOGO_HEIGHT,dU as VISUAL_ODIGOS_LOGO_WIDTH,V as VisualGreenRings,dV as VisualOdigosLogo}from"./chunks/ui-components-CxdeQcW1.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{dW as VISUAL_ODIGOS_LOGO_HEIGHT,dX as VISUAL_ODIGOS_LOGO_WIDTH,V as VisualGreenRings,dY as VisualOdigosLogo}from"./chunks/ui-components-DQ5eBxQh.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.210",
+  "version": "0.0.212",
   "author": "Odigos",
   "license": "MIT",
   "repository": {
@@ -10,12 +10,12 @@
   "scripts": {
     "dev": "storybook dev -p 6006",
     "prebuild": "rm -rf lib",
-    "build": "NODE_ENV=production rollup -c --bundleConfigAsCjs",
-    "build:analyze": "NODE_ENV=production rollup -c --bundleConfigAsCjs && open bundle-analysis.html",
+    "build": "NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 rollup -c",
+    "build:analyze": "ANALYZE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 rollup -c && open bundle-analysis.html",
     "build-storybook": "storybook build",
-    "watch": "rollup -c --bundleConfigAsCjs -w",
-    "size": "NODE_ENV=production rollup -c --bundleConfigAsCjs --silent",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx --ignore-pattern ./lib --ignore-pattern ./node_modules"
+    "watch": "rollup -c -w",
+    "size": "NODE_ENV=production rollup -c --silent",
+    "lint": "eslint ./src --ext .js,.jsx,.ts,.tsx"
   },
   "release": {
     "branches": [
@@ -100,50 +100,50 @@
   "peerDependencies": {
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "styled-components": "6.2.0"
+    "styled-components": "6.3.12"
   },
   "dependencies": {
     "@xyflow/react": "^12.10.1",
     "elkjs": "^0.11.1",
-    "javascript-time-ago": "^2.6.2",
+    "javascript-time-ago": "^2.6.4",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-error-boundary": "^6.1.1",
-    "styled-components": "6.2.0",
-    "virtua": "^0.48.6",
-    "zustand": "^5.0.11"
+    "styled-components": "6.3.12",
+    "virtua": "^0.48.8",
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@eslint/eslintrc": "^3.3.4",
-    "@rollup/plugin-commonjs": "^29.0.0",
+    "@eslint/eslintrc": "^3.3.5",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
-    "@storybook/react-webpack5": "10.2.12",
-    "@types/node": "^25.3.3",
+    "@storybook/react-webpack5": "10.3.1",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.56.1",
-    "@typescript-eslint/parser": "^8.56.1",
-    "babel-loader": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.57.1",
+    "@typescript-eslint/parser": "^8.57.1",
+    "babel-loader": "^10.1.1",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "10.2.12",
-    "postcss": "^8.5.6",
-    "rollup": "^4.57.1",
+    "eslint-plugin-storybook": "10.3.1",
+    "postcss": "^8.5.8",
+    "rollup": "^4.60.0",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^6.0.5",
-    "storybook": "10.2.12",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "storybook": "10.3.1",
     "typescript": "^5.9.3"
   }
 }

package/lib/chunks/index-C27kJv0Y.js

@@ -1,3 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as o,useMemo as e}from"react";import i from"styled-components";import{as as a,h as s,j as n,aE as r,aC as c,aw as l,cP as p,n as m,N as d}from"./ui-components-CxdeQcW1.js";import{VIcon as u,CopyIcon as f,ChevronUpIcon as h,ChevronDownIcon as y,YamlIcon as b}from"../icons.js";const C=i.div`
-  padding: 0 12px;
-`,j=({title:i="YAML",yaml:j,defaultOpen:k})=>{const{clickCopy:Y,isCopied:g}=a(),[v,x]=o(k??!1),A=e(()=>j?[{id:c(),type:r.Button,buttonProps:{variant:n.Secondary,size:s.S,leftIcon:g?u:f,onClick:()=>Y(j||""),disabled:g}},{id:c(),type:r.Button,buttonProps:{variant:n.Secondary,size:s.S,leftIcon:v?h:y,onClick:()=>x(t=>!t)}}]:[],[j,g,v]);return t(l,{richTitle:{icon:b,title:i},actions:A,children:v&&t(C,{children:j?t(p,{code:j,language:"yaml",theme:"duotoneDark"}):t(m,{children:t(d,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{j as Y};