@odigos/ui-kit 0.0.217 → 0.0.219

package/lib/contexts.js

@@ -1 +1 @@
-export{dJ as OdigosProvider,dK as StorybookProvider,aE as checkVersionSupport,a2 as useOdigos,dL as useStorybook}from"./chunks/ui-components-DaRAAytB.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";
+export{f5 as OdigosProvider,f6 as StorybookProvider,bN as checkVersionSupport,a2 as useOdigos,f7 as useStorybook}from"./chunks/ui-components-Dj10kYlT.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/functions.js

@@ -1 +1 @@
-export{ck as capitalizeFirstLetter,dg as cleanObjectEmptyStringsValues,z as compareCondition,v as deepClone,bA as filterActions,b$ as filterDestinations,bZ as filterDestinationsByStream,b_ as filterSources,bY as filterSourcesByStream,dh as flattenObjectKeys,bT as formatBytes,cS as formatDuration,g as generateId,bl as getActionIcon,bu as getConditionsBooleans,cM as getContainersIcons,cP as getContainersInstrumentedCount,di as getDeepValue,ah as getDestinationIcon,dj as getDetectedLanguageIcons,bH as getEntityIcon,bh as getEntityId,bC as getEntityLabel,dk as getIdFromSseTarget,bU as getInstrumentationRuleIcon,dl as getMainContainerLanguage,co as getMetricForEntity,dm as getMonitorIcon,dn as getPlatformIcon,dp as getPlatformLabel,a1 as getProgrammingLanguageIcon,cU as getRecursiveValues,bV as getSourceLanguageIcons,dq as getSseTargetFromId,dr as getStatusColor,aL as getStatusFromPodStatus,by as getStatusIcon,cC as getStatusTypeFromOdigosHealth,ds as getValueForRange,cx as getVirtualServiceIcon,cu as getWorkloadId,cj as getYamlFieldsForDestination,cD as hasUnhealthyInstances,l as isEmpty,dt as isLegalK8sLabel,aA as isOverTime,cH as isStringABoolean,du as isTimeElapsed,dv as isValidVersion,bx as mapConditions,ch as mapDestinationFieldsForDisplay,L as mapExportedSignals,H as mapSupportedSignals,dw as numbersOnly,cI as parseBooleanFromString,dx as parseJsonStringToPrettyString,dy as removeEmptyValuesFromObject,M as safeJsonParse,dz as safeJsonStringify,dA as setDeepValue,bN as sleep,c6 as splitCamelString,dB as stringifyNonStringValues,bo as trimVersion}from"./chunks/ui-components-DaRAAytB.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";
+export{dH as capitalizeFirstLetter,eE as cleanObjectEmptyStringsValues,z as compareCondition,v as deepClone,cW as filterActions,dl as filterDestinations,dj as filterDestinationsByStream,dk as filterSources,di as filterSourcesByStream,eF as flattenObjectKeys,dd as formatBytes,ef as formatDuration,g as generateId,cH as getActionIcon,cQ as getConditionsBooleans,e9 as getContainersIcons,ec as getContainersInstrumentedCount,eG as getDeepValue,bg as getDestinationIcon,eH as getDetectedLanguageIcons,d1 as getEntityIcon,cD as getEntityId,cY as getEntityLabel,eI as getIdFromSseTarget,de as getInstrumentationRuleIcon,eJ as getMainContainerLanguage,dL as getMetricForEntity,eK as getMonitorIcon,eL as getPlatformIcon,eM as getPlatformLabel,a1 as getProgrammingLanguageIcon,eh as getRecursiveValues,df as getSourceLanguageIcons,eN as getSseTargetFromId,eO as getStatusColor,bU as getStatusFromPodStatus,cU as getStatusIcon,d_ as getStatusTypeFromOdigosHealth,eP as getValueForRange,dU as getVirtualServiceIcon,dR as getWorkloadId,dG as getYamlFieldsForDestination,d$ as hasUnhealthyInstances,l as isEmpty,eQ as isLegalK8sLabel,bF as isOverTime,e4 as isStringABoolean,eR as isTimeElapsed,eS as isValidVersion,cT as mapConditions,dE as mapDestinationFieldsForDisplay,L as mapExportedSignals,H as mapSupportedSignals,eT as numbersOnly,e5 as parseBooleanFromString,eU as parseJsonStringToPrettyString,eV as removeEmptyValuesFromObject,M as safeJsonParse,eW as safeJsonStringify,eX as setDeepValue,d7 as sleep,dt as splitCamelString,eY as stringifyNonStringValues,cK as trimVersion}from"./chunks/ui-components-Dj10kYlT.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/hooks/usePopup.d.ts

@@ -1,17 +1,33 @@
+type PopupPositionMode = 'viewport' | 'local';
 interface UsePopupProps {
     defaultClientHeight?: number;
     defaultClientwidth?: number;
     onClickOutside?: () => void;
+    /**
+     * `viewport`: `clientX` / `clientY` are `MouseEvent`-style viewport coordinates. Flip/clamp vs the
+     * window; updates `arrowPlacement`. Use with `Popup asPortal` + `position: fixed` on the popup.
+     *
+     * `local`: coordinates are already relative to the popup’s offset parent (e.g. magic `0, 50` under
+     * a `position: relative` wrapper). No viewport flip or arrow updates — pass-through to `top`/`left`.
+     */
+    positionMode?: PopupPositionMode;
 }
 interface Position {
     top: number;
     left: number;
 }
-declare const usePopup: ({ defaultClientHeight, defaultClientwidth, onClickOutside }?: UsePopupProps) => {
+/** Arrow on the tooltip shell; matches flip rules in handlePosition (viewport thirds for horizontal). */
+export interface PopupArrowPlacement {
+    edge: 'top' | 'bottom';
+    align: 'left' | 'center' | 'right';
+}
+declare const usePopup: ({ defaultClientHeight, defaultClientwidth, onClickOutside, positionMode }?: UsePopupProps) => {
     popupRef: import("react").RefObject<HTMLDivElement | null>;
     popupOpen: boolean;
     setPopupOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     popupPosition: Position;
+    arrowPlacement: PopupArrowPlacement;
     handlePosition: (clientX: number, clientY: number) => void;
 };
 export { usePopup };
+export type { PopupPositionMode };

package/lib/hooks.js

@@ -1 +1 @@
-export{bg as useActionFormData,dM as useBodyScroll,c0 as useClickNode,cv as useClickNotification,bX as useContainerSize,u as useCopy,cb as useDataStreamFormData,ci as useDestinationFormData,t as useGenericForm,cr as useInstrumentationRuleFormData,ay as useKeyDown,c5 as useOnClickOutside,c1 as usePopup,ca as useSessionStorage,cJ as useSourceFormData,cN as useSourceSelectionFormData,az as useTimeAgo}from"./chunks/ui-components-DaRAAytB.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";
+export{cC as useActionFormData,f8 as useBodyScroll,dm as useClickNode,dS as useClickNotification,dh as useContainerSize,u as useCopy,dy as useDataStreamFormData,dF as useDestinationFormData,t as useGenericForm,dO as useInstrumentationRuleFormData,bD as useKeyDown,ds as useOnClickOutside,dn as usePopup,dx as useSessionStorage,e6 as useSourceFormData,ea as useSourceSelectionFormData,bE as useTimeAgo}from"./chunks/ui-components-Dj10kYlT.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/mock-data/index.d.ts

@@ -6,6 +6,7 @@ export * from './instrumentation-instances';
 export * from './instrumentation-rules';
 export * from './namespaces';
 export * from './pipeline-collectors';
+export * from './profiling';
 export * from './service-map';
 export * from './snapshot';
 export * from './sources';

package/lib/mock-data/profiling/index.d.ts

@@ -0,0 +1,10 @@
+import type { ProfilingProps } from '@/containers/source-drawer/profiling';
+type ProfilingSlots = Awaited<ReturnType<ProfilingProps['fetchProfilingSlots']>>;
+type EnableProfilingResult = Awaited<ReturnType<ProfilingProps['enableProfiling']>>;
+type ReleaseProfilingResult = Awaited<ReturnType<ProfilingProps['releaseProfiling']>>;
+type SourceProfilingResult = Awaited<ReturnType<ProfilingProps['fetchSourceProfiling']>>;
+export declare const MOCK_PROFILING_SLOTS: ProfilingSlots;
+export declare const MOCK_ENABLE_PROFILING_RESULT: EnableProfilingResult;
+export declare const MOCK_RELEASE_PROFILING_RESULT: ReleaseProfilingResult;
+export declare const MOCK_SOURCE_PROFILING_RESULT: SourceProfilingResult;
+export {};

package/lib/mock-data/service-map/index.d.ts

@@ -1,2 +1,4 @@
-import type { ServiceMapSources } from '@/types';
+import type { PeerSources, ServiceMapSources } from '@/types';
+/** Peer graph for the default SourceDrawer story (`inventory` workload). */
+export declare const MOCK_PEER_SOURCES: PeerSources;
 export declare const MOCK_SERVICE_MAP: ServiceMapSources;

package/lib/snippets/_v2/colored-span/index.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+export declare enum ColoredSpanVariant {
+    Default = "default",
+    Action = "action",
+    Endpoint = "endpoint",
+    Scope = "scope",
+    Duration = "duration"
+}
+export interface ColoredSpanPart {
+    text: string;
+    variant: ColoredSpanVariant;
+}
+export interface ColoredSpanProps {
+    parts: ColoredSpanPart[];
+}
+export declare const ColoredSpan: FC<ColoredSpanProps>;

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

@@ -1,5 +1,6 @@
 export * from './actions';
 export * from './cancel-modal';
+export * from './colored-span';
 export * from './delete-modal';
 export * from './dynamic-field';
 export * from './odigos-logo-text-by-tier';

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

@@ -2,8 +2,8 @@ import { ReactNode, type FC } from 'react';
 import type { SVG } from '@/types';
 import { type BadgeProps } from '@/components/_v2/badge';
 export interface RichTitleProps {
-    icon: SVG;
-    title: string;
+    icon?: SVG;
+    title?: string;
     subTitle?: string;
     withCopy?: boolean;
     badge?: BadgeProps;

package/lib/snippets/v2.js

@@ -1,55 +1,53 @@
-import{cW as e,r as a,n as i,o as r,d as t,ai as s,y as l,m as n,M as o,p as d,I as c,k as p,a2 as h,a8 as u,v as g,c8 as v,F as m,i as b,c as f,j as x,cX as y,bS as w,b as $,N as C,ax as S,af as L,e as M,aP as k,aV as O,P as D,Q as H,q as N,a as T}from"../chunks/ui-components-DaRAAytB.js";export{A as ActionType,aQ as Actions}from"../chunks/ui-components-DaRAAytB.js";import{jsx as j,jsxs as q,Fragment as I}from"react/jsx-runtime";import{OdigosLogoTextEnterprise as V,OdigosLogoTextCommunity as W,VSquareIcon as z,OdigosLogo as X,ArrowLeftIcon as P,ArrowRightIcon as R}from"../icons.js";import{useState as F,useRef as G,useEffect as B,forwardRef as E,useImperativeHandle as K}from"react";import J from"styled-components";export{Y as YamlSectionCard}from"../chunks/index-eGTPcqRB.js";import"zustand";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";const Q=({isOpen:a,onClose:i,onDeny:r,onApprove:t})=>j(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:a,onClose:i,onDeny:r,denyLabel:"Keep editing",onApprove:t,approveLabel:"Discard changes"}),U=({isOpen:a,onClose:i,onDeny:r,onApprove:t,action:s="delete",target:l})=>{const n=s.charAt(0).toUpperCase()+s.substring(1),o=l?.endsWith("s")?"these":"this";return j(e,{title:`${n}${l?` ${l}`:""}?`,description:`Are you sure you want to ${s}${l?` ${o} ${l}`:""}?`,isOpen:a,onClose:i,onDeny:r,denyLabel:"Go back",onApprove:t,approveLabel:n})},Z=({componentType:e,inputType:h,name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y,setValue:w,errorMessage:$,warnMessage:C,helpMessage:S,dropdownOptions:L})=>{switch(e){case a.Input:return j(c,{name:u,type:h,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y??"",onChange:e=>{const a=e.target.value;w(h===p.Number?""===a?null:Number(a):a)},errorMessage:$,warnMessage:C,helpMessage:S},u);case a.MultiInput:return j(d,{name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,values:Array.isArray(y)?y:o(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:S},u);case a.KeyValuePair:return j(n,{name:u,label:g,tooltip:v,badge:m,required:f,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(y)?y:o(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:S},u);case a.TextArea:return j(l,{name:u,label:g,tooltip:v,badge:m,required:f,disabled:x,placeholder:b,value:y??"",onChange:e=>w(e.target.value),errorMessage:$,warnMessage:C,helpMessage:S},u);case a.Dropdown:return j(s,{name:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,withSearch:!0,options:L?.map(e=>({id:e.id||"",label:e.value||""}))||[],values:y?[String(y)]:[],setValues:e=>w(e[0]),errorMessage:$,warnMessage:C,helpMessage:S},u);case a.Checkbox:return j(t,{name:u,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:S},u);case a.Toggle:return j(i,{name:u,labelAlign:r.Right,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:S},u);default:return null}},_=({size:e=200})=>{const{tier:a}=h();return a===u.Onprem?j(V,{size:e}):j(W,{size:e})},ee=(e,a)=>!a?.length||!!a?.find(a=>a===e),ae=({title:e="Signals",required:a,errorMessage:i,allowedSignals:r,selectedSignals:s,setSelectedSignals:l,disabled:n})=>{const[o,d]=F(1===s.length),c=G(JSON.stringify(s));B(()=>{const e=g(s);e.length||v.forEach(({id:a})=>{ee(a,r)&&e.push(a)});const a=JSON.stringify(e);c.current!==a&&(c.current=a,l(e),d(1===e.length))},[r,s]);return q(m,{$gap:12,children:[j(b,{label:e,required:a}),j(f,{$gap:12,children:v.map(e=>{const a=ee(e.id,r),i=((e,a)=>!!a?.find(a=>a===e))(e.id,s);return a?j(t,{label:e.value,disabled:n||!a||o&&i,value:i,onChange:a=>((e,a)=>{const i=e,r=a?[...s,i]:s.filter(e=>e!==i);l(r),d(1===r.length)})(e.id,a)},e.id):null})}),j(x,{errorMessage:i})]})},ie=({minSupportedVersion:a,currentVersion:i})=>j(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>j(y,{scale:2.4,icon:()=>j("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:j("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${i}.`}),re=J.div`
+import{cc as e,r as a,n as r,o as s,d as i,bh as t,y as n,m as o,M as l,p as d,I as c,k as p,a2 as u,a8 as h,v as g,dv as v,F as m,i as b,c as f,j as x,ej as y,dc as w,b as $,N as C,Q as M,a as L,bp as S,be as k,e as O,bY as D,dZ as I}from"../chunks/ui-components-Dj10kYlT.js";export{A as ActionType,bZ as Actions}from"../chunks/ui-components-Dj10kYlT.js";import{jsx as H,Fragment as N,jsxs as T}from"react/jsx-runtime";import j from"styled-components";import{OdigosLogoTextEnterprise as q,OdigosLogoTextCommunity as V,ArrowLeftIcon as z,ArrowRightIcon as R,VSquareIcon as E}from"../icons.js";import{useState as F,useRef as P,useEffect as Z,forwardRef as B,useImperativeHandle as K,useCallback as X,useMemo as G}from"react";export{Y as YamlSectionCard}from"../chunks/index-YIqbBRyO.js";import"zustand";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";const J=({isOpen:a,onClose:r,onDeny:s,onApprove:i})=>H(e,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:a,onClose:r,onDeny:s,denyLabel:"Keep editing",onApprove:i,approveLabel:"Discard changes"});var U;!function(e){e.Default="default",e.Action="action",e.Endpoint="endpoint",e.Scope="scope",e.Duration="duration"}(U||(U={}));const _=[U.Action,U.Endpoint,U.Scope,U.Duration],Q=j.span`
+  font-family: ${({theme:e,$isMono:a})=>a?e.font_family.secondary:e.font_family.primary};
+  font-size: ${({theme:e})=>e.v2.text.size.xxs}px;
+  line-height: 20px;
+  color: ${({theme:e,$variant:a})=>{const r=e.v2.colors;switch(a){case"action":return r.green[400];case"endpoint":return r.purple[300];case"scope":return r.yellow[400];case"duration":return r.orange[600];default:return r.white[500]}}};
+`,W=({parts:e})=>H(N,{children:e.map((e,a)=>H(Q,{$variant:e.variant,$isMono:_.includes(e.variant),children:e.text},a))}),ee=({isOpen:a,onClose:r,onDeny:s,onApprove:i,action:t="delete",target:n})=>{const o=t.charAt(0).toUpperCase()+t.substring(1),l=n?.endsWith("s")?"these":"this";return H(e,{title:`${o}${n?` ${n}`:""}?`,description:`Are you sure you want to ${t}${n?` ${l} ${n}`:""}?`,isOpen:a,onClose:r,onDeny:s,denyLabel:"Go back",onApprove:i,approveLabel:o})},ae=({componentType:e,inputType:u,name:h,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y,setValue:w,errorMessage:$,warnMessage:C,helpMessage:M,dropdownOptions:L})=>{switch(e){case a.Input:return H(c,{name:h,type:u,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,value:y??"",onChange:e=>{const a=e.target.value;w(u===p.Number?""===a?null:Number(a):a)},errorMessage:$,warnMessage:C,helpMessage:M},h);case a.MultiInput:return H(d,{name:h,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},h);case a.KeyValuePair:return H(o,{name:h,label:g,tooltip:v,badge:m,required:f,disabled:x,limitFieldsPerRow:2,columns:[{keyName:"key",label:"Key"},{keyName:"value",label:"Value"}],values:Array.isArray(y)?y:l(y,[]),setValues:e=>w(e),errorMessage:$,warnMessage:C,helpMessage:M},h);case a.TextArea:return H(n,{name:h,label:g,tooltip:v,badge:m,required:f,disabled:x,placeholder:b,value:y??"",onChange:e=>w(e.target.value),errorMessage:$,warnMessage:C,helpMessage:M},h);case a.Dropdown:return H(t,{name:h,label:g,tooltip:v,badge:m,placeholder:b,required:f,disabled:x,withSearch:!0,options:L?.map(e=>({id:e.id||"",label:e.value||""}))||[],values:y?[String(y)]:[],setValues:e=>w(e[0]),errorMessage:$,warnMessage:C,helpMessage:M},h);case a.Checkbox:return H(i,{name:h,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},h);case a.Toggle:return H(r,{name:h,labelAlign:s.Right,label:g,tooltip:v,badge:m,value:!0===y||"true"===y,onChange:e=>w(e),disabled:x,errorMessage:$,warnMessage:C,helpMessage:M},h);default:return null}},re=({size:e=200})=>{const{tier:a}=u();return a===h.Onprem?H(q,{size:e}):H(V,{size:e})},se=(e,a)=>!a?.length||!!a?.find(a=>a===e),ie=({title:e="Signals",required:a,errorMessage:r,allowedSignals:s,selectedSignals:t,setSelectedSignals:n,disabled:o})=>{const[l,d]=F(1===t.length),c=P(JSON.stringify(t));Z(()=>{const e=g(t);e.length||v.forEach(({id:a})=>{se(a,s)&&e.push(a)});const a=JSON.stringify(e);c.current!==a&&(c.current=a,n(e),d(1===e.length))},[s,t]);return T(m,{$gap:12,children:[H(b,{label:e,required:a}),H(f,{$gap:12,children:v.map(e=>{const a=se(e.id,s),r=((e,a)=>!!a?.find(a=>a===e))(e.id,t);return a?H(i,{label:e.value,disabled:o||!a||l&&r,value:r,onChange:a=>((e,a)=>{const r=e,s=a?[...t,r]:t.filter(e=>e!==r);n(s),d(1===s.length)})(e.id,a)},e.id):null})}),H(x,{errorMessage:r})]})},te=({minSupportedVersion:a,currentVersion:r})=>H(e,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:()=>H(y,{scale:2.4,icon:()=>H("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none",children:H("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"})})}),title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${a} or later.\nCurrent version: ${r}.`}),ne=j.div`
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   width: ${({$width:e})=>e};
   gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
-`,te=J.div`
+`,oe=j.div`
   display: flex;
   align-items: center;
   min-height: 24px;
   padding: 12px;
   border-radius: 16px 16px 0 0;
   background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,se=J.div`
+`,le=j.div`
   display: flex;
   flex-direction: column;
   gap: ${({$gap:e})=>e}px;
   padding: 12px 12px 0 12px;
   width: calc(100% - 24px);
   height: ${({$heightOffset:e,$columnHasHeader:a})=>`calc(100vh - 180px - ${e}px ${a?"- 48px":""})`};
-  border-radius: ${({$columnHasHeader:e,$isLeft:a,$isRight:i})=>e?a?"0 0 0 16px":i?"0 16px 0 0":"0":a?"16px 0 0 16px":i?"0 16px 16px 0":"16px"};
+  border-radius: ${({$columnHasHeader:e,$isLeft:a,$isRight:r})=>e?a?"0 0 0 16px":r?"0 16px 0 0":"0":a?"16px 0 0 16px":r?"0 16px 16px 0":"16px"};
   background-color: ${({theme:e})=>e.v2.colors.silver[900]};
   overflow-y: auto;
   overflow-x: hidden;
-`,le=({isLeft:e,isRight:a,heightOffset:i=0,width:r,header:t,list:s})=>q(re,{$width:r,$columnHasHeader:!!t,children:[t&&j(te,{children:t}),j(se,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:i,$columnHasHeader:!!t,children:s.length?s.length>1?j(w,{gap:8,elements:s}):j(I,{children:s[0]}):j($,{$height:"100%",children:j(C,{})})})]}),ne="75vw",oe=J.div`
+`,de=({isLeft:e,isRight:a,heightOffset:r=0,width:s,header:i,list:t})=>T(ne,{$width:s,$columnHasHeader:!!i,children:[i&&H(oe,{children:i}),H(le,{$gap:8,$isLeft:e,$isRight:a,$heightOffset:r,$columnHasHeader:!!i,children:t.length?t.length>1?H(w,{gap:8,elements:t}):H(N,{children:t[0]}):H($,{$height:"100%",children:H(C,{})})})]}),ce="75vw",pe=j.div`
   display: flex;
   flex-direction: column;
   border-radius: 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
   overflow: hidden;
-`,de=J.div`
+`,ue=j.div`
   display: flex;
   gap: 12px;
   padding: 16px 16px 0 16px;
   background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
   position: sticky;
   top: 0;
-`,ce=J.div`
+`,he=j.div`
   padding: 12px 12px 0 12px;
-`,pe=J.div`
+`,ge=j.div`
   display: flex;
   gap: 12px;
   padding: 16px;
-`,he=J.div`
+`,ve=j.div`
   padding: 5vh 10vw;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,ue=J.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 16px;
-  padding: 0 12px;
-  margin-top: auto;
-`,ge=E(({isOpen:e,withOverlay:a,disableAnimation:i,onClose:r,onBack:t,onNext:s,nextIsSkip:l,onSave:n,disableSave:o,connectionIds:d,header:c,subHeader:p,leftColumn:h,rightColumn:u,search:g,filters:v,errorMessage:m,isFormDirty:b,hideDirtyNote:x,isFetching:y,progress:w},C)=>{const[A,I]=F(!1),[V,W]=F(!1),[G,B]=F(void 0);K(C,()=>({clearErrors:()=>B(void 0)}));const E=V,Y=()=>{b&&!A?I(!0):(I(!1),r?.())},J=o||V||"boolean"==typeof b&&!b,U=!!g||!!d||!!v,Z=!!p,_=(U?48:0)+(Z?50:0);return q(S,{width:ne,isOpen:e,disableAnimation:i,hideOverlay:!V&&!a,header:{...c,onClose:r?Y:void 0,onCloseDisabled:E},children:[V?j($,{$height:"calc(100vh - 136px)",children:j(he,{children:j(L,{titleSize:M.S,subTitleSize:M.XXXS,withGradient:!0,withSpinner:!0,...w})})}):q(oe,{children:[U&&q(de,{children:[d&&j(k,{icon:z,title:"Selected Clusters",badge:{label:d.value.length}}),g&&j(O,{width:"100%",...g}),v]}),Z&&j(ce,{children:j(k,{icon:p.icon,title:p.title,subTitle:p.description,badge:p.badge})}),q(pe,{children:[j(le,{isLeft:!0,heightOffset:_,...h}),j(le,{isRight:!0,heightOffset:_,...u})]})]}),q(ue,{children:[y?j(L,{icon:X,title:"Fetching Data...",titleSize:M.XXS,withGradient:!0}):V?w?null:j(L,{icon:X,title:"Saving Changes...",titleSize:M.XXS,withGradient:!0}):G||m?j(D,{fullWidth:!0,status:H.Error,message:G||m}):"boolean"==typeof b&&b&&!x?j(D,{fullWidth:!0,status:H.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}):"boolean"!=typeof b||b||x?null:j(D,{fullWidth:!0,status:H.Success,message:"The values reflect the current configuration of the selected cluster."}),q(f,{$gap:8,children:[j("div",t?{style:{width:"150px"},children:j(N,{"data-id":"wide-drawer-back",fullWidth:!0,variant:T.Secondary,label:"Back",leftIcon:P,onClick:t})}:{style:{width:"150px"},children:j(N,{"data-id":"wide-drawer-cancel",fullWidth:!0,variant:T.Secondary,label:"Cancel",onClick:Y,disabled:E})}),j("div",s?{style:{width:"150px"},children:j(N,l?{"data-id":"wide-drawer-skip",fullWidth:!0,variant:T.Secondary,label:"Skip",rightIcon:R,onClick:s}:{"data-id":"wide-drawer-next",fullWidth:!0,variant:T.Primary,label:"Next",rightIcon:R,onClick:s})}:{style:{width:"150px"},children:j(N,{"data-id":"wide-drawer-save",fullWidth:!0,variant:T.Primary,label:"Save",onClick:async()=>{W(!0);const e=await n();W(!1),e?.error?B(e.error):(d?.setValue([]),r?.())},disabled:J})})]})]}),j(Q,{isOpen:A,onClose:()=>I(!1),onApprove:Y})]})});ge.displayName=ge.name;export{Q as CancelModal,U as DeleteModal,Z as DynamicField,_ as OdigosLogoTextByTier,k as RichTitle,ae as SignalsCheckboxList,ie as UpgradeModal,ne as WIDE_DRAWER_WIDTH,ge as WideDrawer};
+`,me=B(({isOpen:e,withOverlay:a,disableAnimation:r,onClose:s,onBack:i,onNext:t,nextIsSkip:n,onSave:o,disableSave:l,connectionIds:d,header:c,subHeader:p,leftColumn:u,rightColumn:h,search:g,filters:v,errorMessage:m,isFormDirty:b,hideDirtyNote:f,isFetching:x,progress:y},w)=>{const[C,A]=F(!1),[N,j]=F(!1),[q,V]=F(void 0);K(w,()=>({clearErrors:()=>V(void 0)}));const P=N,Y=X(()=>{b&&!C?A(!0):(A(!1),s?.())},[b,C,s]),Z=l||N||"boolean"==typeof b&&!b,B=X(async()=>{j(!0);const e=await o();j(!1),e?.error?V(e.error):(d?.setValue([]),s?.())},[o,d,s]),U=!!g||!!d||!!v,_=!!p,Q=(U?48:0)+(_?50:0),W=G(()=>x?{status:M.Info,message:"Fetching Data..."}:N&&!y?{status:M.Info,message:"Saving Changes..."}:q||m?{status:M.Error,message:q||m}:"boolean"==typeof b&&b&&!f?{status:M.Info,message:'The values don\'t reflect the current configurations of the selected clusters.\n"Save" will override the current configurations.'}:"boolean"!=typeof b||b||f?void 0:{status:M.Success,message:"The values reflect the current configuration of the selected cluster."},[x,N,y,q,m,b,f]),ee=G(()=>i?{label:"Back",leftIcon:z,variant:L.Secondary,onClick:i}:{label:"Cancel",variant:L.Secondary,onClick:Y,disabled:P},[i,Y,P]),ae=G(()=>t?n?{"data-id":"wide-drawer-skip",label:"Skip",rightIcon:R,variant:L.Secondary,onClick:t}:{"data-id":"wide-drawer-next",label:"Next",rightIcon:R,variant:L.Primary,onClick:t}:{"data-id":"wide-drawer-save",label:"Save",variant:L.Primary,onClick:B,disabled:Z},[t,n,B,Z]);return T(S,{width:ce,isOpen:e,disableAnimation:r,hideOverlay:!N&&!a,header:{...c,onClose:s?Y:void 0,onCloseDisabled:P},footer:{note:W,actions:[ee,ae]},children:[N?H($,{$height:"calc(100vh - 136px)",children:H(ve,{children:H(k,{titleSize:O.S,subTitleSize:O.XXXS,withGradient:!0,withSpinner:!0,...y})})}):T(pe,{children:[U&&T(ue,{children:[d&&H(D,{icon:E,title:"Selected Clusters",badge:{label:d.value.length}}),g&&H(I,{width:"100%",...g}),v]}),_&&H(he,{children:H(D,{icon:p.icon,title:p.title,subTitle:p.description,badge:p.badge})}),T(ge,{children:[H(de,{isLeft:!0,heightOffset:Q,...u}),H(de,{isRight:!0,heightOffset:Q,...h})]})]}),H(J,{isOpen:C,onClose:()=>A(!1),onApprove:Y})]})});me.displayName=me.name;export{J as CancelModal,W as ColoredSpan,U as ColoredSpanVariant,ee as DeleteModal,ae as DynamicField,re as OdigosLogoTextByTier,D as RichTitle,ie as SignalsCheckboxList,te as UpgradeModal,ce as WIDE_DRAWER_WIDTH,me as WideDrawer};

package/lib/snippets.js

@@ -1 +1 @@
-export{b5 as AddButton,cE as CopyText,cA as EditButton,cz as Flow,dN as MapItemNode,dO as NoDataNode,cf as NoteBackToSummary,cG as PodContainer,cL as SourceContainer}from"./chunks/ui-components-DaRAAytB.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";
+export{cr as AddButton,e0 as CopyText,dX as EditButton,dW as Flow,f9 as MapItemNode,fa as NoDataNode,dC as NoteBackToSummary,e2 as PodContainer,e8 as SourceContainer}from"./chunks/ui-components-Dj10kYlT.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,cy as useActiveNodeStore,cR as useDarkMode,E as useDataStreamStore,bc as useDrawerStore,ak as useEntityStore,bz as useFilterStore,bn as useModalStore,cq as useNotificationStore,aq as useProgressStore,bP as useSelectedStore,cc as useSetupStore}from"./chunks/ui-components-DaRAAytB.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";
+export{bo as ProgressKeys,dV as useActiveNodeStore,ee as useDarkMode,E as useDataStreamStore,cy as useDrawerStore,bi as useEntityStore,cV as useFilterStore,cJ as useModalStore,dN as useNotificationStore,bn as useProgressStore,d9 as useSelectedStore,dz as useSetupStore}from"./chunks/ui-components-Dj10kYlT.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{dF as Provider,dG as animations,dH as opacity,dI as palettes}from"./chunks/ui-components-DaRAAytB.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";
+export{f1 as Provider,f2 as animations,f3 as opacity,f4 as palettes}from"./chunks/ui-components-Dj10kYlT.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.js

@@ -1 +1 @@
-export{cY as ActionCategory,f as ActionKeyTypes,s as ActionType,cZ as AddNodeTypes,c_ as BooleanOperation,R as CodeAttributesKeyTypes,bm as Crud,Z as CustomInstrumentationsKeyTypes,bR as DesiredStateProgress,c$ as DestinationTypes,d0 as EdgeTypes,a9 as EntityTypes,r as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,k as InputTypes,d1 as InstallationMethod,_ as InstrumentationRuleType,d2 as IntrumentationStatus,Y as JavaCustomProbe,d3 as JsonOperation,K as K8sAttributesFrom,cK as K8sResourceKind,d4 as ListDirection,cw as NodeTypes,d5 as NumberOperation,d6 as OtelDistroName,cg as OtherEntityTypes,bw as OtherStatus,am as OtherStatusType,W as PayloadCollectionKeyTypes,d7 as PlatformType,d8 as PodContainerLifecycleStatus,d9 as PodContainerStatus,da as PodPhase,db as Profile,au as ProgrammingLanguages,dc as SIGNAL_KEY_TO_TYPE,cl as SIGNAL_TYPE_TO_KEY,dd as SignalKey,J as SignalType,de as SortDirection,Q as StatusType,df as StringOperation,a8 as Tier,aT as WorkloadRolloutStatus}from"./chunks/ui-components-DaRAAytB.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";
+export{ek as ActionCategory,f as ActionKeyTypes,s as ActionType,el as AddNodeTypes,em as BooleanOperation,R as CodeAttributesKeyTypes,cI as Crud,Z as CustomInstrumentationsKeyTypes,db as DesiredStateProgress,en as DestinationTypes,eo as EdgeTypes,a9 as EntityTypes,r as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,k as InputTypes,ep as InstallationMethod,_ as InstrumentationRuleType,eq as IntrumentationStatus,Y as JavaCustomProbe,er as JsonOperation,K as K8sAttributesFrom,e7 as K8sResourceKind,es as ListDirection,dT as NodeTypes,et as NumberOperation,eu as OtelDistroName,dD as OtherEntityTypes,cS as OtherStatus,bk as OtherStatusType,W as PayloadCollectionKeyTypes,ev as PlatformType,ew as PodContainerLifecycleStatus,ex as PodContainerStatus,ey as PodPhase,ez as Profile,aG as ProgrammingLanguages,eA as SIGNAL_KEY_TO_TYPE,dI as SIGNAL_TYPE_TO_KEY,eB as SignalKey,J as SignalType,eC as SortDirection,Q as StatusType,eD as StringOperation,a8 as Tier,c0 as WorkloadRolloutStatus}from"./chunks/ui-components-Dj10kYlT.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{d$ as VISUAL_ODIGOS_LOGO_HEIGHT,e0 as VISUAL_ODIGOS_LOGO_WIDTH,cX as VisualGreenRings,e1 as VisualOdigosLogo}from"./chunks/ui-components-DaRAAytB.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";
+export{fn as VISUAL_ODIGOS_LOGO_HEIGHT,fo as VISUAL_ODIGOS_LOGO_WIDTH,ej as VisualGreenRings,fp as VisualOdigosLogo}from"./chunks/ui-components-Dj10kYlT.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.217",
+  "version": "0.0.219",
   "author": "Odigos",
   "license": "MIT",
   "repository": {
@@ -103,8 +103,8 @@
     }
   },
   "peerDependencies": {
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "styled-components": "6.3.12"
   },
   "dependencies": {
@@ -113,11 +113,11 @@
     "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": "19.2.5",
+    "react-dom": "19.2.5",
     "react-error-boundary": "^6.1.1",
     "styled-components": "6.3.12",
-    "virtua": "^0.49.0",
+    "virtua": "^0.49.1",
     "zustand": "^5.0.12"
   },
   "devDependencies": {
@@ -132,23 +132,23 @@
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
-    "@storybook/react-webpack5": "10.3.4",
-    "@types/node": "^25.5.2",
+    "@storybook/react-webpack5": "10.3.5",
+    "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.58.0",
-    "@typescript-eslint/parser": "^8.58.0",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
     "babel-loader": "^10.1.1",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "10.3.4",
-    "postcss": "^8.5.8",
+    "eslint-plugin-storybook": "10.3.5",
+    "postcss": "^8.5.9",
     "rollup": "^4.60.1",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^7.0.1",
-    "storybook": "10.3.4",
+    "storybook": "10.3.5",
     "typescript": "^5.9.3"
   }
 }