@odigos/ui-kit 0.0.216 → 0.0.218

package/lib/contexts.js

@@ -1 +1 @@
-export{dJ as OdigosProvider,dK as StorybookProvider,aI as checkVersionSupport,u as useOdigos,dL as useStorybook}from"./chunks/ui-components-DvThY8Em.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{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

@@ -1 +1 @@
-export{cl as capitalizeFirstLetter,dg as cleanObjectEmptyStringsValues,G as compareCondition,d as deepClone,bD as filterActions,c1 as filterDestinations,b$ as filterDestinationsByStream,c0 as filterSources,b_ as filterSourcesByStream,dh as flattenObjectKeys,bV as formatBytes,cT as formatDuration,aH as generateId,bo as getActionIcon,bx as getConditionsBooleans,cN as getContainersIcons,cQ as getContainersInstrumentedCount,di as getDeepValue,ak as getDestinationIcon,dj as getDetectedLanguageIcons,bK as getEntityIcon,bk as getEntityId,bF as getEntityLabel,dk as getIdFromSseTarget,bW as getInstrumentationRuleIcon,dl as getMainContainerLanguage,cp as getMetricForEntity,dm as getMonitorIcon,dn as getPlatformIcon,dp as getPlatformLabel,a6 as getProgrammingLanguageIcon,cV as getRecursiveValues,bX as getSourceLanguageIcons,dq as getSseTargetFromId,dr as getStatusColor,aQ as getStatusFromPodStatus,bB as getStatusIcon,cD as getStatusTypeFromOdigosHealth,ds as getValueForRange,cy as getVirtualServiceIcon,cv as getWorkloadId,ck as getYamlFieldsForDestination,cE as hasUnhealthyInstances,n as isEmpty,dt as isLegalK8sLabel,aC as isOverTime,cI as isStringABoolean,du as isTimeElapsed,dv as isValidVersion,bA as mapConditions,ci as mapDestinationFieldsForDisplay,U as mapExportedSignals,P as mapSupportedSignals,dw as numbersOnly,cJ as parseBooleanFromString,dx as parseJsonStringToPrettyString,dy as removeEmptyValuesFromObject,J as safeJsonParse,dz as safeJsonStringify,dA as setDeepValue,bQ as sleep,c8 as splitCamelString,dB as stringifyNonStringValues,br as trimVersion}from"./chunks/ui-components-DvThY8Em.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{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";

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{bj as useActionFormData,dM as useBodyScroll,c2 as useClickNode,cw as useClickNotification,bZ as useContainerSize,az as useCopy,cc as useDataStreamFormData,cj as useDestinationFormData,x as useGenericForm,cs as useInstrumentationRuleFormData,aA as useKeyDown,c7 as useOnClickOutside,c3 as usePopup,cb as useSessionStorage,cK as useSourceFormData,cO as useSourceSelectionFormData,aB as useTimeAgo}from"./chunks/ui-components-DvThY8Em.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{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";

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

@@ -0,0 +1,3 @@
+import { type ConfigYaml, type EffectiveConfig } from '@/types';
+export declare const MOCK_EFFECTIVE_CONFIG: EffectiveConfig;
+export declare const MOCK_CONFIG_YAMLS: ConfigYaml[];

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/dynamic-field/index.d.ts

@@ -0,0 +1,19 @@
+import { type FC } from 'react';
+import { DropdownProps } from '@/components';
+import { FieldTypes, InputTypes } from '@/types';
+import { type FieldMessageProps, type BadgeProps } from '@/components/_v2';
+export interface DynamicFieldProps extends FieldMessageProps {
+    componentType: FieldTypes;
+    inputType?: InputTypes;
+    name: string;
+    label?: string;
+    tooltip?: string;
+    badge?: BadgeProps;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    value: any;
+    setValue: (value: any) => void;
+    dropdownOptions?: DropdownProps['options'];
+}
+export declare const DynamicField: FC<DynamicFieldProps>;

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

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

package/lib/snippets/v2.js

@@ -0,0 +1,55 @@
+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`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  width: ${({$width:e})=>e};
+  gap: ${({$columnHasHeader:e})=>e?"0":"12px"};
+`,te=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`
+  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"};
+  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`
+  display: flex;
+  flex-direction: column;
+  border-radius: 16px;
+  background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
+  overflow: hidden;
+`,de=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`
+  padding: 12px 12px 0 12px;
+`,pe=J.div`
+  display: flex;
+  gap: 12px;
+  padding: 16px;
+`,he=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,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

@@ -1 +1 @@
-export{b8 as AddButton,cF as CopyText,cB as EditButton,cA as Flow,dN as MapItemNode,dO as NoDataNode,cg as NoteBackToSummary,cH as PodContainer,cM as SourceContainer}from"./chunks/ui-components-DvThY8Em.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{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

@@ -1 +1 @@
-export{at as ProgressKeys,cz as useActiveNodeStore,cS as useDarkMode,O as useDataStreamStore,bf as useDrawerStore,am as useEntityStore,bC as useFilterStore,bq as useModalStore,cr as useNotificationStore,as as useProgressStore,bS as useSelectedStore,cd as useSetupStore}from"./chunks/ui-components-DvThY8Em.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{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

@@ -1 +1 @@
-export{dF as Provider,dG as animations,dH as opacity,dI as palettes}from"./chunks/ui-components-DvThY8Em.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{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/config/index.d.ts

@@ -0,0 +1,78 @@
+import { FieldTypes } from '../common';
+export interface ConfigYamlField {
+    displayName: string;
+    componentType: FieldTypes;
+    isHelmOnly: boolean;
+    description: string;
+    helmValuePath: string;
+    docsLink?: string | null;
+    componentProps?: string | null;
+}
+export interface ConfigYaml {
+    name: string;
+    displayName: string;
+    fields: ConfigYamlField[];
+}
+export interface LocalUiConfigRolloutInput {
+    automaticRolloutDisabled?: boolean;
+    maxConcurrentRollouts?: number;
+}
+export interface LocalUiConfigAutoRollbackInput {
+    disabled?: boolean;
+    graceTime?: string;
+    stabilityWindowTime?: string;
+}
+export interface LocalUiConfigInstrumentorInput {
+    agentEnvVarsInjectionMethod?: string;
+    checkDeviceHealthBeforeInjection?: boolean;
+}
+export interface LocalUiConfigAllowConcurrentAgentsInput {
+    enabled?: boolean;
+}
+export interface LocalUiConfigWaspInput {
+    enabled?: boolean;
+}
+export interface LocalUiConfigSpanSamplingAttributesInput {
+    disabled?: boolean;
+    samplingCategoryDisabled?: boolean;
+    traceDecidingRuleDisabled?: boolean;
+    spanDecisionAttributesDisabled?: boolean;
+}
+export interface LocalUiConfigSamplingInput {
+    dryRun?: boolean;
+    spanSamplingAttributes?: LocalUiConfigSpanSamplingAttributesInput;
+    tailSampling?: {
+        disabled?: boolean;
+        traceAggregationWaitDuration?: string;
+    };
+    k8sHealthProbesSampling?: {
+        enabled?: boolean;
+        keepPercentage?: number;
+    };
+}
+export interface LocalUiConfigComponentLogLevelsInput {
+    default?: string;
+    autoscaler?: string;
+    scheduler?: string;
+    instrumentor?: string;
+    odiglet?: string;
+    deviceplugin?: string;
+    ui?: string;
+    collector?: string;
+}
+export interface LocalUiConfigInput {
+    telemetryEnabled?: boolean;
+    ignoredNamespaces?: string[];
+    ignoredContainers?: string[];
+    ignoreOdigosNamespace?: boolean;
+    clusterName?: string;
+    instrumentor?: LocalUiConfigInstrumentorInput;
+    allowConcurrentAgents?: LocalUiConfigAllowConcurrentAgentsInput;
+    wasp?: LocalUiConfigWaspInput;
+    rollout?: LocalUiConfigRolloutInput;
+    autoRollback?: LocalUiConfigAutoRollbackInput;
+    goAutoOffsetsCron?: string;
+    goAutoOffsetsMode?: string;
+    sampling?: LocalUiConfigSamplingInput;
+    componentLogLevels?: LocalUiConfigComponentLogLevelsInput;
+}

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

@@ -1,5 +1,5 @@
 import type { DropdownProps } from '@/components';
-import { type Condition, FieldTypes, SVG } from '../common';
+import { type Condition, FieldTypes, SVG, InputTypes } from '../common';
 export declare enum DestinationTypes {
     Alauda = "alauda",
     AlibabaCloud = "alibabacloud",
@@ -137,7 +137,7 @@ export interface DestinationDynamicField {
     title: DestinationYamlProperties['displayName'];
     value: DestinationYamlProperties['initialValue'];
     renderCondition?: DestinationYamlProperties['renderCondition'];
-    type?: string;
+    type?: InputTypes;
     required?: boolean;
     tooltip?: string;
     placeholder?: string;

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './actions';
+export * from './config';
 export * from './common';
 export * from './data-flow';
 export * from './data-streams';

package/lib/types.js

@@ -1 +1 @@
-export{cY as ActionCategory,A as ActionKeyTypes,w as ActionType,cZ as AddNodeTypes,c_ as BooleanOperation,Y as CodeAttributesKeyTypes,bp as Crud,a2 as CustomInstrumentationsKeyTypes,bU as DesiredStateProgress,c$ as DestinationTypes,d0 as EdgeTypes,ac as EntityTypes,v as FieldTypes,a0 as GolangCustomProbe,_ as HeadersCollectionKeyTypes,m as InputTypes,d1 as InstallationMethod,a3 as InstrumentationRuleType,d2 as IntrumentationStatus,a1 as JavaCustomProbe,d3 as JsonOperation,K as K8sAttributesFrom,cL as K8sResourceKind,d4 as ListDirection,cx as NodeTypes,d5 as NumberOperation,d6 as OtelDistroName,ch as OtherEntityTypes,bz as OtherStatus,ao as OtherStatusType,$ as PayloadCollectionKeyTypes,d7 as PlatformType,d8 as PodContainerLifecycleStatus,d9 as PodContainerStatus,da as PodPhase,db as Profile,aw as ProgrammingLanguages,dc as SIGNAL_KEY_TO_TYPE,cm as SIGNAL_TYPE_TO_KEY,dd as SignalKey,Q as SignalType,de as SortDirection,i as StatusType,df as StringOperation,T as Tier,aX as WorkloadRolloutStatus}from"./chunks/ui-components-DvThY8Em.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{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

@@ -1 +1 @@
-export{d$ as VISUAL_ODIGOS_LOGO_HEIGHT,e0 as VISUAL_ODIGOS_LOGO_WIDTH,V as VisualGreenRings,e1 as VisualOdigosLogo}from"./chunks/ui-components-DvThY8Em.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{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

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.216",
+  "version": "0.0.218",
   "author": "Odigos",
   "license": "MIT",
   "repository": {
@@ -36,6 +36,11 @@
       "import": "./lib/containers/v2.js",
       "require": "./lib/containers/v2.js"
     },
+    "./snippets/v2": {
+      "types": "./lib/snippets/_v2/index.d.ts",
+      "import": "./lib/snippets/v2.js",
+      "require": "./lib/snippets/v2.js"
+    },
     "./components": {
       "types": "./lib/components/index.d.ts",
       "import": "./lib/components.js",
@@ -127,8 +132,8 @@
     "@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.3",
-    "@types/node": "^25.5.0",
+    "@storybook/react-webpack5": "10.3.4",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.58.0",
@@ -137,13 +142,13 @@
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.39.4",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "10.3.3",
+    "eslint-plugin-storybook": "10.3.4",
     "postcss": "^8.5.8",
     "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.3",
+    "storybook": "10.3.4",
     "typescript": "^5.9.3"
   }
 }

package/lib/chunks/index-3rwrQKyF.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{az as a,t as n,j as r,aJ as s,aH as l,aD as c,cX as d,e as p,N as m}from"./ui-components-DvThY8Em.js";import{VIcon as u,CopyIcon as f,ChevronUpIcon as h,ChevronDownIcon as y,YamlIcon as b}from"../icons.js";const g=i.div`
-  padding: 0 12px;
-`,j=({title:i="YAML",yaml:j,defaultOpen:k,fullHeight:v})=>{const{clickCopy:C,isCopied:S}=a(),[Y,x]=o(k??!1),z=e(()=>j?[{id:l(),type:s.Button,buttonProps:{variant:r.Secondary,size:n.S,leftIcon:S?u:f,onClick:()=>C(j||""),disabled:S}},{id:l(),type:s.Button,buttonProps:{variant:r.Secondary,size:n.S,leftIcon:Y?h:y,onClick:()=>x(t=>!t)}}]:[],[j,S,Y]);return t(c,{richTitle:{icon:b,title:i},actions:z,fullHeight:v,children:Y&&t(g,{children:j?t(d,{code:j,language:"yaml",theme:"duotoneDark"}):t(p,{children:t(m,{title:"YAML not found",subTitle:"The YAML for this resource is not available"})})})})};export{j as Y};