@odigos/ui-kit 0.0.217 → 0.0.218

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.
package/lib/contexts.js CHANGED
@@ -1 +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";
1
+ export{dK as OdigosProvider,dL as StorybookProvider,aE as checkVersionSupport,a2 as useOdigos,dM as useStorybook}from"./chunks/ui-components-CzlBPbLD.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 CHANGED
@@ -1 +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";
1
+ export{ck as capitalizeFirstLetter,dh as cleanObjectEmptyStringsValues,z as compareCondition,v as deepClone,bA as filterActions,b$ as filterDestinations,bZ as filterDestinationsByStream,b_ as filterSources,bY as filterSourcesByStream,di as flattenObjectKeys,bT as formatBytes,cT as formatDuration,g as generateId,bl as getActionIcon,bu as getConditionsBooleans,cN as getContainersIcons,cQ as getContainersInstrumentedCount,dj as getDeepValue,ah as getDestinationIcon,dk as getDetectedLanguageIcons,bH as getEntityIcon,bh as getEntityId,bC as getEntityLabel,dl as getIdFromSseTarget,bU as getInstrumentationRuleIcon,dm as getMainContainerLanguage,co as getMetricForEntity,dn as getMonitorIcon,dp as getPlatformIcon,dq as getPlatformLabel,a1 as getProgrammingLanguageIcon,cV as getRecursiveValues,bV as getSourceLanguageIcons,dr as getSseTargetFromId,ds as getStatusColor,aL as getStatusFromPodStatus,by as getStatusIcon,cD as getStatusTypeFromOdigosHealth,dt as getValueForRange,cx as getVirtualServiceIcon,cu as getWorkloadId,cj as getYamlFieldsForDestination,cE as hasUnhealthyInstances,l as isEmpty,du as isLegalK8sLabel,aA as isOverTime,cI as isStringABoolean,dv as isTimeElapsed,dw as isValidVersion,bx as mapConditions,ch as mapDestinationFieldsForDisplay,L as mapExportedSignals,H as mapSupportedSignals,dx as numbersOnly,cJ as parseBooleanFromString,dy as parseJsonStringToPrettyString,dz as removeEmptyValuesFromObject,M as safeJsonParse,dA as safeJsonStringify,dB as setDeepValue,bN as sleep,c6 as splitCamelString,dC as stringifyNonStringValues,bo as trimVersion}from"./chunks/ui-components-CzlBPbLD.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";
@@ -1,17 +1,33 @@
1
+ type PopupPositionMode = 'viewport' | 'local';
1
2
  interface UsePopupProps {
2
3
  defaultClientHeight?: number;
3
4
  defaultClientwidth?: number;
4
5
  onClickOutside?: () => void;
6
+ /**
7
+ * `viewport`: `clientX` / `clientY` are `MouseEvent`-style viewport coordinates. Flip/clamp vs the
8
+ * window; updates `arrowPlacement`. Use with `Popup asPortal` + `position: fixed` on the popup.
9
+ *
10
+ * `local`: coordinates are already relative to the popup’s offset parent (e.g. magic `0, 50` under
11
+ * a `position: relative` wrapper). No viewport flip or arrow updates — pass-through to `top`/`left`.
12
+ */
13
+ positionMode?: PopupPositionMode;
5
14
  }
6
15
  interface Position {
7
16
  top: number;
8
17
  left: number;
9
18
  }
10
- declare const usePopup: ({ defaultClientHeight, defaultClientwidth, onClickOutside }?: UsePopupProps) => {
19
+ /** Arrow on the tooltip shell; matches flip rules in handlePosition (viewport thirds for horizontal). */
20
+ export interface PopupArrowPlacement {
21
+ edge: 'top' | 'bottom';
22
+ align: 'left' | 'center' | 'right';
23
+ }
24
+ declare const usePopup: ({ defaultClientHeight, defaultClientwidth, onClickOutside, positionMode }?: UsePopupProps) => {
11
25
  popupRef: import("react").RefObject<HTMLDivElement | null>;
12
26
  popupOpen: boolean;
13
27
  setPopupOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
14
28
  popupPosition: Position;
29
+ arrowPlacement: PopupArrowPlacement;
15
30
  handlePosition: (clientX: number, clientY: number) => void;
16
31
  };
17
32
  export { usePopup };
33
+ export type { PopupPositionMode };
package/lib/hooks.js CHANGED
@@ -1 +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";
1
+ export{bg as useActionFormData,dN 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,cK as useSourceFormData,cO as useSourceSelectionFormData,az as useTimeAgo}from"./chunks/ui-components-CzlBPbLD.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";
@@ -6,6 +6,7 @@ export * from './instrumentation-instances';
6
6
  export * from './instrumentation-rules';
7
7
  export * from './namespaces';
8
8
  export * from './pipeline-collectors';
9
+ export * from './profiling';
9
10
  export * from './service-map';
10
11
  export * from './snapshot';
11
12
  export * from './sources';
@@ -0,0 +1,10 @@
1
+ import type { ProfilingProps } from '@/containers/source-drawer/profiling';
2
+ type ProfilingSlots = Awaited<ReturnType<ProfilingProps['fetchProfilingSlots']>>;
3
+ type EnableProfilingResult = Awaited<ReturnType<ProfilingProps['enableProfiling']>>;
4
+ type ReleaseProfilingResult = Awaited<ReturnType<ProfilingProps['releaseProfiling']>>;
5
+ type SourceProfilingResult = Awaited<ReturnType<ProfilingProps['fetchSourceProfiling']>>;
6
+ export declare const MOCK_PROFILING_SLOTS: ProfilingSlots;
7
+ export declare const MOCK_ENABLE_PROFILING_RESULT: EnableProfilingResult;
8
+ export declare const MOCK_RELEASE_PROFILING_RESULT: ReleaseProfilingResult;
9
+ export declare const MOCK_SOURCE_PROFILING_RESULT: SourceProfilingResult;
10
+ export {};
@@ -1,2 +1,4 @@
1
- import type { ServiceMapSources } from '@/types';
1
+ import type { PeerSources, ServiceMapSources } from '@/types';
2
+ /** Peer graph for the default SourceDrawer story (`inventory` workload). */
3
+ export declare const MOCK_PEER_SOURCES: PeerSources;
2
4
  export declare const MOCK_SERVICE_MAP: ServiceMapSources;
@@ -1,4 +1,4 @@
1
- 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`
1
+ import{cX 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,cY 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-CzlBPbLD.js";export{A as ActionType,aQ as Actions}from"../chunks/ui-components-CzlBPbLD.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-BPGpDZxy.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`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  justify-content: flex-end;
@@ -52,4 +52,4 @@ 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
52
52
  gap: 16px;
53
53
  padding: 0 12px;
54
54
  margin-top: auto;
55
- `,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};
55
+ `,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,Y]=F(void 0);K(C,()=>({clearErrors:()=>Y(void 0)}));const B=V,E=()=>{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?E:void 0,onCloseDisabled:B},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:E,disabled:B})}),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?Y(e.error):(d?.setValue([]),r?.())},disabled:J})})]})]}),j(Q,{isOpen:A,onClose:()=>I(!1),onApprove:E})]})});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};
package/lib/snippets.js CHANGED
@@ -1 +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";
1
+ export{b5 as AddButton,cF as CopyText,cA as EditButton,cz as Flow,dO as MapItemNode,dP as NoDataNode,cf as NoteBackToSummary,cH as PodContainer,cM as SourceContainer}from"./chunks/ui-components-CzlBPbLD.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 CHANGED
@@ -1 +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";
1
+ export{ar as ProgressKeys,cy as useActiveNodeStore,cS 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-CzlBPbLD.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 CHANGED
@@ -1 +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";
1
+ export{dG as Provider,dH as animations,dI as opacity,dJ as palettes}from"./chunks/ui-components-CzlBPbLD.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 CHANGED
@@ -1 +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";
1
+ export{cZ as ActionCategory,f as ActionKeyTypes,s as ActionType,c_ as AddNodeTypes,c$ as BooleanOperation,R as CodeAttributesKeyTypes,bm as Crud,Z as CustomInstrumentationsKeyTypes,bR as DesiredStateProgress,d0 as DestinationTypes,d1 as EdgeTypes,a9 as EntityTypes,r as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,k as InputTypes,d2 as InstallationMethod,_ as InstrumentationRuleType,d3 as IntrumentationStatus,Y as JavaCustomProbe,d4 as JsonOperation,K as K8sAttributesFrom,cL as K8sResourceKind,d5 as ListDirection,cw as NodeTypes,d6 as NumberOperation,d7 as OtelDistroName,cg as OtherEntityTypes,bw as OtherStatus,am as OtherStatusType,W as PayloadCollectionKeyTypes,d8 as PlatformType,d9 as PodContainerLifecycleStatus,da as PodContainerStatus,db as PodPhase,dc as Profile,au as ProgrammingLanguages,dd as SIGNAL_KEY_TO_TYPE,cl as SIGNAL_TYPE_TO_KEY,de as SignalKey,J as SignalType,df as SortDirection,Q as StatusType,dg as StringOperation,a8 as Tier,aT as WorkloadRolloutStatus}from"./chunks/ui-components-CzlBPbLD.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 CHANGED
@@ -1 +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";
1
+ export{e0 as VISUAL_ODIGOS_LOGO_HEIGHT,e1 as VISUAL_ODIGOS_LOGO_WIDTH,cY as VisualGreenRings,e2 as VisualOdigosLogo}from"./chunks/ui-components-CzlBPbLD.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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odigos/ui-kit",
3
- "version": "0.0.217",
3
+ "version": "0.0.218",
4
4
  "author": "Odigos",
5
5
  "license": "MIT",
6
6
  "repository": {