@odigos/ui-kit 0.0.241 → 0.0.243
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/CHANGELOG.md +16 -0
- package/lib/chunks/{helpers-L572q0MU.js → helpers-DlRedD4d.js} +1 -1
- package/lib/chunks/{index-DHcHiz_q.js → index-Cl1o9W_f.js} +15 -15
- package/lib/chunks/{source-instrument-form-context-vq8DFX7f.js → source-instrument-form-context-0FWO95UV.js} +1 -1
- package/lib/chunks/{ui-components-DeKNGyn7.js → ui-components-D8ipj0yK.js} +185 -185
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/strings/index.d.ts +5 -2
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/_drawers/edit-source-drawer/index.d.ts +2 -1
- package/lib/containers/_v2/_drawers/edit-source-drawer/jump-to-target-context.d.ts +57 -0
- package/lib/containers/_v2/_drawers/edit-source-drawer/overview/pods-card/pods-list/container-row.d.ts +0 -2
- package/lib/containers/_v2/_drawers/edit-source-drawer/overview/pods-card/pods-list/index.d.ts +0 -6
- package/lib/containers/_v2/_drawers/edit-source-drawer/overview/pods-card/pods-list/pod-row.d.ts +0 -2
- package/lib/containers/_v2/_drawers/edit-source-drawer/overview/pods-card/pods-list/process-row.d.ts +0 -2
- package/lib/containers/_v2/_drawers/edit-source-drawer/overview/pods-card/pods-list/types.d.ts +1 -6
- package/lib/containers/_v2/_drawers/edit-source-drawer/pods/containers-card/index.d.ts +3 -0
- package/lib/containers/_v2/_drawers/edit-source-drawer/pods/containers-card/process-card.d.ts +1 -0
- package/lib/containers/_v2/_drawers/edit-source-drawer/pods/pod-card.d.ts +4 -0
- package/lib/containers/_v2/_drawers/edit-source-drawer/tabs.d.ts +7 -0
- package/lib/containers/_v2/_drawers/edit-source-drawer/yaml-files/index.d.ts +2 -1
- package/lib/containers/_v2/overview/drawers/index.d.ts +2 -1
- package/lib/containers/v2.js +120 -120
- package/lib/containers.js +1 -1
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/useScrollIntoViewWhen.d.ts +15 -0
- package/lib/hooks.js +1 -1
- package/lib/snippets/v2.js +1 -1
- package/lib/snippets.js +4 -4
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/enum/index.d.ts +2 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/k8s-manifest/index.d.ts +2 -0
- package/lib/types/workload/index.d.ts +0 -2
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
package/lib/containers.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useTheme as n}from"styled-components";import{d as o,u as a,I as s,a as c,N as d,e as l,F as p,f as g,g as h,C as u,S as m,h as y,i as f,j as v,k as x,D as b,E as w,l as N,m as S,n as k,o as T,p as $,q as K,r as C,s as M}from"./chunks/ui-components-
|
|
1
|
+
import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import i,{useTheme as n}from"styled-components";import{d as o,u as a,I as s,a as c,N as d,e as l,F as p,f as g,g as h,C as u,S as m,h as y,i as f,j as v,k as x,D as b,E as w,l as N,m as S,n as k,o as T,p as $,q as K,r as C,s as M}from"./chunks/ui-components-D8ipj0yK.js";import{NotificationIcon as z,TrashIcon as E,UserIcon as I,ImageErrorIcon as R,ChevronDownIcon as G,ChevronRightIcon as _}from"./icons.js";import{useState as D,useRef as V,useCallback as A,useEffect as O}from"react";import{MarkerType as j,useNodesState as q,useEdgesState as B}from"@xyflow/react";import{E as F}from"./chunks/vendor-Be0cOokr.js";import{Flow as L}from"./snippets.js";import"zustand";import"javascript-time-ago";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const P=i.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
width: fit-content;
|
|
4
4
|
`,W=i(y)`
|
package/lib/contexts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as ActionFormContextProvider,D as DataStreamFormContextProvider,a as DestinationFormContextProvider,R as RuleFormContextProvider,S as SamplingRuleFormType,b as SamplingRulesFormProvider,c as SourceEditFormContextProvider,d as SourceInstrumentFormContextProvider,u as useActionFormContext,e as useDataStreamFormContext,f as useDestinationFormContext,g as useRuleFormContext,h as useSamplingRulesFormContext,i as useSourceEditFormContext,j as useSourceInstrumentFormContext}from"./chunks/source-instrument-form-context-
|
|
1
|
+
export{A as ActionFormContextProvider,D as DataStreamFormContextProvider,a as DestinationFormContextProvider,R as RuleFormContextProvider,S as SamplingRuleFormType,b as SamplingRulesFormProvider,c as SourceEditFormContextProvider,d as SourceInstrumentFormContextProvider,u as useActionFormContext,e as useDataStreamFormContext,f as useDestinationFormContext,g as useRuleFormContext,h as useSamplingRulesFormContext,i as useSourceEditFormContext,j as useSourceInstrumentFormContext}from"./chunks/source-instrument-form-context-0FWO95UV.js";export{O as OdigosProvider,c as checkVersionSupport,u as useOdigos}from"./chunks/helpers-DlRedD4d.js";import{jsx as r}from"react/jsx-runtime";import{useMemo as o,useContext as t,createContext as s}from"react";import"./chunks/ui-components-D8ipj0yK.js";import"styled-components";import"./icons.js";import"zustand";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const m=s({formType:void 0}),n=({children:e,formType:t})=>{const s=o(()=>({formType:t}),[t]);return r(m.Provider,{value:s,children:e})},p=()=>t(m);export{n as StorybookProvider,p as useStorybook};
|
package/lib/functions.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{a$ as buildBadgeForDesiredStatus,f6 as capitalizeFirstLetter,f7 as cleanObjectEmptyStringsValues,af as compareCondition,f8 as decimalsOnly,w as deepClone,di as entityIdKey,dm as filterActions,dl as filterDestinations,aV as filterDestinationsByStream,dk as filterSources,d7 as filterSourcesByStream,f9 as flattenObjectKeys,be as formatBytes,fa as formatDuration,bP as generateId,aT as getActionIcon,n as getConditionsBooleans,bs as getContainersIcons,fb as getContainersInstrumentedCount,fc as getDeepValue,aG as getDestinationIcon,fd as getDetectedLanguageIcons,b4 as getEffectiveLanguage,bm as getEffectiveRuntimeVersion,dd as getEntityIcon,aO as getEntityId,dh as getEntityIdKey,dc as getEntityLabel,bg as getHealthBadgeLabel,fe as getIdFromSseTarget,aZ as getInstrumentationRuleIcon,ff as getMainContainerLanguage,fg as getMetricForEntity,fh as getMonitorIcon,fi as getPlatformIcon,fj as getPlatformLabel,ao as getProgrammingLanguageIcon,fk as getRecursiveValues,m as getSourceLanguageIcons,fl as getSseTargetFromId,fm as getStatusColor,ds as getStatusFromPodStatus,j as getStatusIcon,bh as getStatusTypeFromOdigosHealth,fn as getValueForRange,l as getVirtualServiceIcon,bc as getWorkloadId,aW as getYamlFieldsForDestination,fo as hasUnhealthyInstances,G as isEmpty,J as isLegalK8sLabel,bL as isOverTime,fp as isStringABoolean,fq as isTimeElapsed,bl as isValidVersion,fr as mapConditions,b2 as mapDesiredStatusToConditionStatus,aU as mapDestinationFieldsForDisplay,Q as mapExportedSignals,L as mapSupportedSignals,fs as numbersOnly,ft as parseBooleanFromString,fu as parseJsonStringToPrettyString,ah as prepareDestinationFormData,fv as removeEmptyValuesFromObject,O as safeJsonParse,fw as safeJsonStringify,fx as setDeepValue,fy as sleep,aX as splitCamelString,fz as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
package/lib/hooks/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export * from './useGenericForm';
|
|
|
10
10
|
export * from './useInstrumentationRuleFormData';
|
|
11
11
|
export * from './useKeyDown';
|
|
12
12
|
export * from './useOnClickOutside';
|
|
13
|
+
export * from './useScrollIntoViewWhen';
|
|
13
14
|
export * from './useScrollTo';
|
|
14
15
|
export * from './usePopup';
|
|
15
16
|
export * from './useSessionStorage';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface UseScrollIntoViewWhenOptions extends ScrollIntoViewOptions {
|
|
2
|
+
/**
|
|
3
|
+
* Delay (ms) between `active` flipping to `true` and the scroll firing. Useful when parent
|
|
4
|
+
* layout needs to settle (e.g. ancestor collapsibles expanding) before the scroll target's
|
|
5
|
+
* final position is correct. Defaults to 50ms.
|
|
6
|
+
*/
|
|
7
|
+
delayMs?: number;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Returns a ref. Whenever `active` is `true`, scrolls the attached element into view after
|
|
11
|
+
* `delayMs` (so any in-flight layout changes can finish first). Cleans up the pending scroll
|
|
12
|
+
* if `active` flips back or the component unmounts before it fires.
|
|
13
|
+
*/
|
|
14
|
+
export declare const useScrollIntoViewWhen: <T extends HTMLElement = HTMLDivElement>(active: boolean, { behavior, block, inline, delayMs }?: UseScrollIntoViewWhenOptions) => import("react").RefObject<T | null>;
|
|
15
|
+
export {};
|
package/lib/hooks.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{fL as IGNORE_OUTSIDE_CLICK_ATTR,fM as useActionFormData,fN as useBodyScroll,db as useClickNode,g as useClickNotification,dj as useContainerSize,bf as useCopy,fO as useDataStreamFormData,fP as useDestinationFormData,v as useGenericForm,fQ as useInstrumentationRuleFormData,bK as useKeyDown,bi as useOnClickOutside,u as usePopup,a_ as useScrollIntoViewWhen,dP as useScrollTo,da as useSessionStorage,fR as useSourceFormData,f as useTimeAgo}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
package/lib/snippets/v2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{b8 as ActionType,dr as Actions,dq as RichTitle}from"../chunks/ui-components-D8ipj0yK.js";export{C as CancelModal,j as DURATION_OPTIONS,g as DeleteModal,e as DurationErrorsSection,D as DynamicField,N as NOISY_PERCENTAGE_OPTIONS,h as OdigosLogoTextByTier,O as OperationSection,a as PERCENTAGE_OPTIONS,f as PercentageSection,P as PresetWithCustomInput,R as RuleInfoSection,d as RuleTypeSection,b as SamplingPreviewSection,S as SignalsCheckboxList,c as SourceScopeSection,U as UpgradeModal,i as WIDE_DRAWER_WIDTH,W as WideDrawer,Y as YamlSectionCard}from"../chunks/index-Cl1o9W_f.js";export{C as ColoredSpan,x as ColoredSpanVariant}from"../chunks/helpers-DlRedD4d.js";import"react/jsx-runtime";import"styled-components";import"../icons.js";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
package/lib/snippets.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t,useRef as i,useEffect as n}from"react";import"./chunks/vendor-Be0cOokr.js";import d,{useTheme as s}from"styled-components";import{N as a,F as l,
|
|
1
|
+
import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t,useRef as i,useEffect as n}from"react";import"./chunks/vendor-Be0cOokr.js";import d,{useTheme as s}from"styled-components";import{N as a,F as l,eF as c,e as p,S as m,j as u,db as h,r as g,k as b}from"./chunks/ui-components-D8ipj0yK.js";import{Handle as x,Position as f,ReactFlowProvider as v,ReactFlow as y,Controls as w,ControlButton as N,useReactFlow as k}from"@xyflow/react";import{RefreshIcon as $}from"./icons.js";import"javascript-time-ago";import"zustand";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";const C=d(l)`
|
|
2
2
|
max-width: 300px;
|
|
3
3
|
padding: 12px;
|
|
4
4
|
border-radius: 12px;
|
|
5
5
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
6
6
|
justify-content: center;
|
|
7
|
-
`,
|
|
7
|
+
`,j=t(({id:o,data:r})=>{const{title:t,subTitle:i}=r;return e(C,{"data-id":o,children:e(a,{title:t,subTitle:i})})});j.displayName=j.name;const E=d.div`
|
|
8
8
|
padding: 6px;
|
|
9
9
|
border-radius: 12px;
|
|
10
10
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
@@ -24,7 +24,7 @@ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t
|
|
|
24
24
|
gap: 2px;
|
|
25
25
|
width: 140px;
|
|
26
26
|
text-align: center;
|
|
27
|
-
`,z=t(({id:t,data:i})=>{const{id:n,status:d,title:a,icons:l,isVirtual:h}=i,g=s(),b=h||d!==m.Error?null:u(d,g);return o(r,{children:[e(x,{type:"source",position:f.Right,style:{visibility:"hidden"}}),e(x,{type:"target",position:f.Left,style:{visibility:"hidden"}}),o(V,{"data-id":t,children:[e(
|
|
27
|
+
`,z=t(({id:t,data:i})=>{const{id:n,status:d,title:a,icons:l,isVirtual:h}=i,g=s(),b=h||d!==m.Error?null:u(d,g);return o(r,{children:[e(x,{type:"source",position:f.Right,style:{visibility:"hidden"}}),e(x,{type:"target",position:f.Left,style:{visibility:"hidden"}}),o(V,{"data-id":t,children:[e(E,{$isVirtual:h,children:e(c,{id:n,icons:l,status:h?void 0:d})}),o(_,{children:[b&&e(b,{}),e(p,{size:12,style:{textAlign:"center",wordBreak:"break-word",lineHeight:"1.3"},children:a})]})]})]})});z.displayName=z.name;const M={duration:300,padding:.1,includeHiddenNodes:!0},T=d.div`
|
|
28
28
|
height: 100%;
|
|
29
29
|
.react-flow__attribution {
|
|
30
30
|
visibility: hidden;
|
|
@@ -46,4 +46,4 @@ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{memo as t
|
|
|
46
46
|
transform: scale(1.4);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
`,F={[b.MapItem]:z,[b.NoData]:
|
|
49
|
+
`,F={[b.MapItem]:z,[b.NoData]:j},I=({trigger:e})=>{const{fitView:o}=k(),r=i(!0);return n(()=>{r.current?r.current=!1:e>0&&requestAnimationFrame(()=>o(M))},[e,o]),null},L=({nodes:r,edges:t,onNodesChange:i,onEdgesChange:n,fitViewTrigger:d=0,zoomOnScroll:s=!1,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onRefresh:p})=>{const{onClickNode:m}=h(),{setActiveNodeType:u,setActiveNodeId:b}=g();return o(y,{zoomOnScroll:s,nodes:r,nodeTypes:F,edges:t,onNodeClick:m,onEdgeClick:a,onNodeMouseEnter:l,onNodeMouseLeave:c,onNodesChange:i,onEdgesChange:n,onBlur:()=>{u(null),b(null)},children:[e(I,{trigger:d}),e(A,{children:e(w,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:M,children:p&&e(N,{onClick:p,children:e($,{size:20})})})})]})},O=o=>e(T,{children:e(v,{children:e(L,{...o})})});export{O as Flow,z as MapItemNode,j as NoDataNode};
|
package/lib/store.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{aL as ProgressKeys,r as useActiveNodeStore,
|
|
1
|
+
export{aL as ProgressKeys,r as useActiveNodeStore,fK as useDarkMode,H as useDataStreamStore,bb as useDrawerStore,q as useEntityStore,d6 as useFilterStore,bQ as useModalStore,d as useNotificationStore,aK as useProgressStore,df as useSelectedStore,dn as useSetupStore}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
package/lib/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{fS as Provider,fT as animations,fU as opacity,fV as palettes}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
|
@@ -7,7 +7,8 @@ export declare enum K8sResourceKind {
|
|
|
7
7
|
StaticPod = "StaticPod",
|
|
8
8
|
Rollout = "Rollout",
|
|
9
9
|
ConfigMap = "ConfigMap",
|
|
10
|
-
DeploymentConfig = "DeploymentConfig"
|
|
10
|
+
DeploymentConfig = "DeploymentConfig",
|
|
11
|
+
InstrumentationConfig = "InstrumentationConfig"
|
|
11
12
|
}
|
|
12
13
|
export declare enum OtelDistroName {
|
|
13
14
|
GolangCommunity = "golang-community",
|
package/lib/types/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from './diagnose';
|
|
|
9
9
|
export * from './enum';
|
|
10
10
|
export * from './instrumentation-instances';
|
|
11
11
|
export * from './instrumentation-rules';
|
|
12
|
+
export * from './k8s-manifest';
|
|
12
13
|
export * from './metrics';
|
|
13
14
|
export * from './namespaces';
|
|
14
15
|
export * from './pipeline-collectors';
|
|
@@ -172,8 +172,6 @@ export interface Workload {
|
|
|
172
172
|
dataStreamNames?: string[] | null;
|
|
173
173
|
numberOfInstances?: number | null;
|
|
174
174
|
autoRollback?: K8sWorkloadAutoRollback | null;
|
|
175
|
-
manifestYAML?: string | null;
|
|
176
|
-
instrumentationConfigYAML?: string | null;
|
|
177
175
|
}
|
|
178
176
|
export type GetWorkloads = (filter: WorkloadFilter) => Promise<{
|
|
179
177
|
workloads: Workload[];
|
package/lib/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{eG as ActionCategory,y as ActionKeyTypes,z as ActionType,eH as AddNodeTypes,eI as AgentInjectedReason,eJ as BooleanOperation,aj as CodeAttributesKeyTypes,eK as ConditionType,C as Crud,W as CustomInstrumentationsKeyTypes,b0 as DesiredStateProgress,eL as DestinationTypes,eM as EdgeTypes,E as EntityTypes,R as FieldTypes,X as GolangCustomProbe,V as HeadersCollectionKeyTypes,a3 as InputTypes,eN as InstallationMethod,Z as InstrumentationRuleType,eO as IntrumentationStatus,Y as JavaCustomProbe,eP as JsonOperation,a5 as K8sAttributesFrom,_ as K8sResourceKind,eQ as K8sWorkloadContainerAgentConfigTracesHeadSamplingCheckConditionOperator,eR as ListDirection,k as NodeTypes,eS as NumberOperation,eT as OtelDistroName,eU as OtherEntityTypes,b5 as OtherStatus,aH as OtherStatusType,al as PayloadCollectionKeyTypes,P as PlatformType,eV as PodContainerLifecycleStatus,eW as PodContainerStatus,eX as PodPhase,eY as Profile,bp as ProgrammingLanguages,eZ as SIGNAL_KEY_TO_TYPE,e_ as SIGNAL_TYPE_TO_KEY,e$ as SignalKey,M as SignalType,f0 as SortDirection,S as StatusType,f1 as StringOperation,T as Tier,f2 as WorkloadRolloutReason,dt as WorkloadRolloutStatus}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|
package/lib/visuals.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{
|
|
1
|
+
export{f3 as VISUAL_ODIGOS_LOGO_HEIGHT,f4 as VISUAL_ODIGOS_LOGO_WIDTH,eD as VisualGreenRings,f5 as VisualOdigosLogo,b$ as VisualPurpleRings}from"./chunks/ui-components-D8ipj0yK.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-Be0cOokr.js";import"prism-react-renderer";import"react-error-boundary";import"react-dom";import"virtua";
|