@odigos/ui-kit 0.0.286 → 0.0.288

package/lib/functions.js

@@ -1 +1 @@
-export{bq as adaptInstrumentationRuleFromWire,bo as adaptInstrumentationRuleInputForWire,co as buildBadgeForDesiredStatus,f_ as buildCatalogFieldsDataCard,ce as buildCatalogFieldsSegments,f$ as capitalizeFirstLetter,g0 as cleanObjectEmptyStringsValues,a3 as compareCondition,g1 as decimalsOnly,aZ as deepClone,f6 as entityIdKey,fb as filterActions,fa as filterDestinations,ci as filterDestinationsByStream,f9 as filterSources,eY as filterSourcesByStream,g2 as flattenObjectKeys,cC as formatBytes,g3 as formatDuration,b5 as generateId,f3 as getActionConditions,cg as getActionIcon,f4 as getConditionsBooleans,cV as getContainersIcons,g4 as getContainersInstrumentedCount,g5 as getDeepValue,c6 as getDestinationIcon,g6 as getDetectedLanguageIcons,cs as getEffectiveLanguage,cK as getEffectiveRuntimeVersion,f7 as getEntityIcon,bj as getEntityId,f2 as getEntityIdKey,f5 as getEntityLabel,g7 as getHealthBadgeLabel,bh as getIdFromSseTarget,ck as getInstrumentationRuleIcon,g8 as getMainContainerLanguage,g9 as getMetricForEntity,ga as getMonitorIcon,gb as getNearestTypographySize,cU as getPlatformIcon,eU as getPlatformLabel,O as getProgrammingLanguageIcon,gc as getRecursiveValues,cB as getSourceKindLabel,cy as getSourceLanguageIcons,ba as getSseTargetFromId,cI as getStatusColor,fd as getStatusFromPodStatus,cJ as getStatusIcon,cD as getStatusTypeFromOdigosHealth,gd as getValueForRange,cx as getVirtualServiceIcon,cw as getWorkloadId,cj as getYamlFieldsForDestination,ge as hasUnhealthyInstances,gf as instrumentationRuleSourceScopesFromWire,gg as instrumentationRuleSourceScopesToWire,bv as isEmpty,bw as isLegalK8sLabel,dE as isOverTime,gh as isStringABoolean,gi as isTimeElapsed,cH as isValidVersion,gj as mapConditions,cq as mapDesiredStatusToConditionStatus,cc as mapDesiredStatusesToConditions,ch as mapDestinationFieldsForDisplay,bA as mapExportedSignals,by as mapSupportedSignals,gk as numbersOnly,gl as parseBooleanFromString,gm as parseJsonStringToPrettyString,bP as prepareDestinationFormData,gn as removeEmptyValuesFromObject,v as safeJsonParse,go as safeJsonStringify,gp as setDeepValue,gq as sleep,ah as splitCamelString,gr as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-Ci-Vq1Dl.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";
+export{bu as adaptInstrumentationRuleFromWire,bs as adaptInstrumentationRuleInputForWire,cr as buildBadgeForDesiredStatus,hM as buildCatalogFieldsDataCard,ch as buildCatalogFieldsSegments,hN as capitalizeFirstLetter,hO as cleanObjectEmptyStringsValues,aa as compareCondition,hP as decimalsOnly,b4 as deepClone,gz as entityIdKey,gE as filterActions,gD as filterDestinations,cl as filterDestinationsByStream,gC as filterSources,gp as filterSourcesByStream,hQ as flattenObjectKeys,cG as formatBytes,g9 as formatDuration,b9 as generateId,gw as getActionConditions,cj as getActionIcon,gx as getConditionsBooleans,cZ as getContainersIcons,hR as getContainersInstrumentedCount,hS as getDeepValue,c9 as getDestinationIcon,hT as getDetectedLanguageIcons,cw as getEffectiveLanguage,cO as getEffectiveRuntimeVersion,gA as getEntityIcon,bn as getEntityId,gv as getEntityIdKey,gy as getEntityLabel,hU as getHealthBadgeLabel,bj as getIdFromSseTarget,cn as getInstrumentationRuleIcon,hV as getMainContainerLanguage,hW as getMetricForEntity,hX as getMonitorIcon,hY as getNearestTypographySize,cY as getPlatformIcon,fY as getPlatformLabel,a0 as getProgrammingLanguageIcon,hZ as getRecursiveValues,cF as getSourceKindLabel,cC as getSourceLanguageIcons,bc as getSseTargetFromId,cM as getStatusColor,gG as getStatusFromPodStatus,cN as getStatusIcon,cH as getStatusTypeFromOdigosHealth,h_ as getValueForRange,cB as getVirtualServiceIcon,cA as getWorkloadId,cm as getYamlFieldsForDestination,h$ as hasUnhealthyInstances,i0 as instrumentationRuleSourceScopesFromWire,i1 as instrumentationRuleSourceScopesToWire,bz as isEmpty,bA as isLegalK8sLabel,eJ as isOverTime,i2 as isStringABoolean,i3 as isTimeElapsed,cL as isValidVersion,i4 as mapConditions,ct as mapDesiredStatusToConditionStatus,cf as mapDesiredStatusesToConditions,ck as mapDestinationFieldsForDisplay,bE as mapExportedSignals,bC as mapSupportedSignals,i5 as numbersOnly,i6 as parseBooleanFromString,i7 as parseJsonStringToPrettyString,gb as parseRawOtlp,bT as prepareDestinationFormData,i8 as removeEmptyValuesFromObject,G as safeJsonParse,i9 as safeJsonStringify,ia as setDeepValue,ib as sleep,ao as splitCamelString,ic as stringifyNonStringValues,t as trimVersion}from"./chunks/ui-components-D8rTJS7r.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";

package/lib/hooks/index.d.ts

@@ -12,6 +12,7 @@ export * from './useOverflow';
 export * from './useScrollIntoViewWhen';
 export * from './useScrollTo';
 export * from './usePopup';
+export * from './useAnchoredPopup';
 export * from './useSessionStorage';
 export * from './useSourceFormData';
 export * from './useTimeAgo';

package/lib/hooks/useAnchoredPopup.d.ts

@@ -0,0 +1,44 @@
+import { type MouseEvent, type RefObject } from 'react';
+export declare enum PopupAlignX {
+    Left = "left",
+    Right = "right"
+}
+export declare enum PopupAlignY {
+    Top = "top",
+    Bottom = "bottom"
+}
+export interface PortalCoords {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    width?: number;
+}
+export interface UseAnchoredPopupProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    alignX?: PopupAlignX;
+    alignY?: PopupAlignY;
+    /** When true, the panel is offset from the trigger edge (button / custom trigger). */
+    withOffset?: boolean;
+    fullWidth?: boolean;
+}
+export interface UseAnchoredPopupReturn {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    align: {
+        x: PopupAlignX;
+        y: PopupAlignY;
+    };
+    coords: PortalCoords;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    /**
+     * Wire to `onMouseDown` (not `onClick`) so the opening gesture cannot also
+     * reach ancestor outside-click listeners and dismiss the menu.
+     */
+    toggleOpen: (e: MouseEvent<HTMLElement>) => void;
+    /** Put on the trigger wrapper so mousedown cannot bubble to ancestors. */
+    onTriggerWrapperMouseDown: (e: MouseEvent<HTMLElement>) => void;
+}
+export declare const useAnchoredPopup: ({ defaultOpen, open: controlledOpen, onOpenChange, alignX: forcedAlignX, alignY: forcedAlignY, withOffset, fullWidth, }?: UseAnchoredPopupProps) => UseAnchoredPopupReturn;

package/lib/hooks/useCopy.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
-import { IconButtonSize } from '../components/icon-button';
+import { ButtonProps } from '../components/button';
 interface UseCopyProps {
     onDone?: () => void;
 }
 declare const useCopy: ({ onDone }?: UseCopyProps) => {
     CopyButton: React.FC<{
         value: string;
-        size?: IconButtonSize;
-    }>;
+    } & Omit<ButtonProps, "onClick" | "leftIcon" | "rightIcon">>;
     isCopied: boolean;
     copiedIndex: number;
     clickCopy: (str: string, idx?: number) => Promise<void>;

package/lib/hooks/useOnClickOutside.d.ts

@@ -1,4 +1,5 @@
 import { type RefObject } from 'react';
 export declare const IGNORE_OUTSIDE_CLICK_ATTR = "data-ignore-outside-click";
+export declare const isInsideIgnoredPortal: (target: Node | null) => boolean;
 declare const useOnClickOutside: (ref: RefObject<HTMLElement | null>, handler: () => void) => void;
 export { useOnClickOutside };

package/lib/hooks/useTimeAgo.d.ts

@@ -9,6 +9,10 @@ export interface FormatDurationAgoOptions {
     suffix?: boolean;
 }
 export type FormatDurationAgo = (wen: Date | number | string, opts?: FormatDurationAgoOptions) => string;
+/** Format an elapsed duration in milliseconds into a human age string. */
+export declare const formatDurationMs: (durationMs: number, { units, style, suffix }?: FormatDurationAgoOptions) => string;
+/** Format a whole-minute age (e.g. baseline `quiet_minutes`) into a human age string. */
+export declare const formatDurationMinutes: (minutes: number, opts?: FormatDurationAgoOptions) => string;
 export declare const useTimeAgo: () => {
     formatTimeAgo: FormatTimeAgo;
     formatDurationAgo: FormatDurationAgo;

package/lib/hooks.js

@@ -1 +1 @@
-export{gM as IGNORE_OUTSIDE_CLICK_ATTR,gN as useActionFormData,gO as useBodyScroll,f8 as useContainerSize,b4 as useCopy,gP as useDataStreamFormData,gQ as useDestinationFormData,br as useGenericForm,gR as useInstrumentationRuleFormData,dD as useKeyDown,cE as useOnClickOutside,gS as useOverflow,gT as usePopup,cn as useScrollIntoViewWhen,fy as useScrollTo,e$ as useSessionStorage,gU as useSourceFormData,cl as useTimeAgo}from"./chunks/ui-components-Ci-Vq1Dl.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";
+export{iE as IGNORE_OUTSIDE_CLICK_ATTR,eL as PopupAlignX,eK as PopupAlignY,gd as formatDurationMinutes,iF as formatDurationMs,iG as isInsideIgnoredPortal,iH as useActionFormData,iI as useAnchoredPopup,iJ as useBodyScroll,gB as useContainerSize,u as useCopy,iK as useDataStreamFormData,iL as useDestinationFormData,bv as useGenericForm,iM as useInstrumentationRuleFormData,eI as useKeyDown,cI as useOnClickOutside,iN as useOverflow,iO as usePopup,cq as useScrollIntoViewWhen,gY as useScrollTo,gs as useSessionStorage,iP as useSourceFormData,co as useTimeAgo}from"./chunks/ui-components-D8rTJS7r.js";import"react/jsx-runtime";import"styled-components";import"./icons.js";import"zustand";import"react";import"javascript-time-ago";import"javascript-time-ago/locale/en";import"react-dom";import"prism-react-renderer";import"zustand/middleware";import"react-error-boundary";import"virtua";

package/lib/icons/common/clock-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const ClockIcon: SVG;

package/lib/icons/common/index.d.ts

@@ -1,6 +1,7 @@
 export * from './arrow-icon';
 export * from './avatar-icon';
 export * from './book-icon';
+export * from './clock-icon';
 export * from './code-brackets-icon';
 export * from './code-icon';
 export * from './command-icon';
@@ -25,6 +26,8 @@ export * from './home-icon';
 export * from './i-square-icon';
 export * from './image-error-icon';
 export * from './inbound-icon';
+export * from './insights-findings-icon';
+export * from './insights-transactions-icon';
 export * from './key-icon';
 export * from './list-icon';
 export * from './lock-icon';
@@ -49,6 +52,7 @@ export * from './settings-icon';
 export * from './sort-arrows-icon';
 export * from './star-icon';
 export * from './terminal-icon';
+export * from './threat-detection-icon';
 export * from './trash-icon';
 export * from './user-circle-icon';
 export * from './user-group-icon';

package/lib/icons/common/insights-findings-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const InsightsFindingsIcon: SVG;

package/lib/icons/common/insights-transactions-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const InsightsTransactionsIcon: SVG;

package/lib/icons/common/threat-detection-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const ThreatDetectionIcon: SVG;

package/lib/icons/overview/index.d.ts

@@ -1,5 +1,6 @@
 export * from './connections-icon';
 export * from './overview-icon';
+export * from './insights-icon';
 export * from './service-map-icon';
 export * from './trace-view-icon';
 export * from './action-icon';
@@ -14,4 +15,5 @@ export * from './pipeline-collector-icon';
 export * from './pod-icon';
 export * from './log-icon';
 export * from './sampling-icon';
+export * from './url-templatization-icon';
 export * from './yaml-icon';

package/lib/icons/overview/insights-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const InsightsIcon: SVG;

package/lib/icons/overview/url-templatization-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '../../../types';
+export declare const UrlTemplatizationIcon: SVG;