@odigos/ui-kit 0.0.154 → 0.0.156
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/{index-64462d3a.js → index-edf5386a.js} +1 -1
- package/lib/chunks/{ui-components-ea48d4a4.js → ui-components-4a2e974a.js} +304 -305
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/source-drawer/describe/index.d.ts +1 -3
- package/lib/containers/source-drawer/libraries/index.d.ts +1 -3
- package/lib/containers/v2.js +1 -1
- package/lib/containers.js +109 -108
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/package.json +1 -1
- package/lib/hooks/useTransition.d.ts +0 -14
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as h,PythonLogo as m,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as C,PostgresLogo as E,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as I,AxiomLogo as N,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as F,BonreeLogo as _,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as B,ClickhouseLogo as P,AwsCloudwatchLogo as M,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as W,OpenTelemetryLogo as V,DynatraceLogo as H,ElasticApmLogo as q,ElasticSearchLogo as G,GoogleCloudPlatformLogo as K,GrafanaLogo as Y,GreptimeLogo as J,GroundcoverLogo as X,HoneycombLogo as Q,HyperDxLogo as Z,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as he,OpsVerseLogo as me,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ce,TelemetryHubLogo as Ee,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ie,AwsXrayLogo as Ne,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as Fe,ActionIcon as _e,InstrumentationRuleIcon as Re,LogsIcon as Le,MetricsIcon as Be,TracesIcon as Pe,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Qe,ExtendArrowIcon as Ze,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt,FilterIcon as gt}from"../icons.js";import{create as xt}from"zustand";import $t,{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as kt,useCallback as vt,forwardRef as Ct,memo as Et}from"react";import St from"javascript-time-ago";import{p as At,c as Dt,s as Tt,u as It,e as Nt}from"./vendor-55cc654c.js";import zt,{ThemeProvider as Ot,keyframes as Ft,useTheme as _t,css as Rt}from"styled-components";import{Handle as Lt,Position as Bt,ReactFlow as Pt,Controls as Mt}from"@xyflow/react";import jt,{createPortal as Ut}from"react-dom";import{Highlight as Wt,themes as Vt}from"prism-react-renderer";import{ErrorBoundary as Ht}from"react-error-boundary";import qt from"lottie-react";const Gt=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Kt,Yt,Jt,Xt,Qt,Zt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,Io,No,zo,Oo,Fo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Kt||(Kt={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(Yt||(Yt={})),function(e){e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.FallbackSamplingRatio="fallbackSamplingRatio",e.SamplingPercentage="samplingPercentage",e.EndpointsFilters="endpointsFilters",e.ServicesNameFilters="servicesNameFilters",e.AttributeFilters="attributeFilters"}(Jt||(Jt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Xt||(Xt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(Zt||(Zt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(eo||(eo={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(to||(to={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(oo||(oo={})),function(e){e.Ascending="ascending",e.Descending="descending"}(no||(no={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(io||(io={})),function(e){e.K8s="k8s",e.Vm="vm"}(ao||(ao={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(ro||(ro={})),function(e){e.Go="go",e.JavaScript="javascript",e.Python="python",e.Java="java",e.DotNet="dotnet",e.CSharp="csharp",e.CPlusPlus="cplusplus",e.Php="php",e.Ruby="ruby",e.Rust="rust",e.Swift="swift",e.Elixir="elixir",e.MySql="mysql",e.Nginx="nginx",e.Postgres="postgres",e.Redis="redis",e.Kafka="kafka",e.Ignored="ignored",e.Unknown="unknown",e.Processing="processing",e.NoContainers="no containers",e.NoRunningPods="no running pods"}(so||(so={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(lo||(lo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(co||(co={})),function(e){e.DataStream="DataStream"}(po||(po={})),function(e){e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.Toggle="toggle"}(uo||(uo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(ho||(ho={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(mo||(mo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(go||(go={})),function(e){e.Loading="loading",e.Disabled="disabled"}(xo||(xo={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}($o||($o={})),function(e){e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"}(fo||(fo={})),function(e){e.Header="header",e.Add="add",e.Base="base",e.Edged="edged",e.Frame="frame",e.Scroll="scroll",e.Skeleton="skeleton",e.MapItem="map-item",e.NoData="no-data",e.OdiLogo="odilogo"}(bo||(bo={})),function(e){e.Labeled="labeled"}(yo||(yo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(wo||(wo={})),function(e){e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray"}(ko||(ko={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(vo||(vo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Co||(Co={})),function(e){e.HeaderKeys="headerKeys"}(Eo||(Eo={})),function(e){e.Java="java",e.Golang="golang"}(So||(So={}));class _o{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class Ro{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(Ao||(Ao={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Do||(Do={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(To||(To={})),function(e){e.ContainerCreating="ContainerCreating",e.CrashLoopBackOff="CrashLoopBackOff",e.CreateContainerError="CreateContainerError",e.CreateContainerConfigError="CreateContainerConfigError",e.ErrImagePull="ErrImagePull",e.ErrImageNeverPull="ErrImageNeverPull",e.ImagePullBackOff="ImagePullBackOff",e.InvalidImageName="InvalidImageName",e.RegistryUnavailable="RegistryUnavailable",e.NetworkNotReady="NetworkNotReady",e.Running="Running",e.Completed="Completed",e.Error="Error",e.OOMKilled="OOMKilled",e.ContainerCannotRun="ContainerCannotRun",e.DeadlineExceeded="DeadlineExceeded",e.StartError="StartError"}(Io||(Io={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(No||(No={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(zo||(zo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(Oo||(Oo={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(Fo||(Fo={}));const Lo=s=>{const l=s?.toLowerCase(),c=l?.includes(Kt.Samplers),d=l===Kt.Attributes;return c?e:d?t:{[Yt.K8sAttributes]:n,[Yt.AddClusterInfo]:i,[Yt.DeleteAttributes]:a,[Yt.PiiMasking]:t,[Yt.RenameAttributes]:r,[Yt.ErrorSampler]:e,[Yt.ProbabilisticSampler]:e,[Yt.LatencySampler]:e,[Yt.ServiceNameSampler]:e,[Yt.SpanAttributeSampler]:e}[s]||o},Bo=[{label:"Attributes",icon:Lo(Kt.Attributes),items:[{type:Yt.K8sAttributes,icon:Lo(Yt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Yt.AddClusterInfo,icon:Lo(Yt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/addclusterinfo",docsDescription:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals."},{type:Yt.DeleteAttributes,icon:Lo(Yt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/deleteattribute",docsDescription:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Yt.RenameAttributes,icon:Lo(Yt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/renameattribute",docsDescription:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Yt.PiiMasking,icon:Lo(Yt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Lo(Kt.Samplers),items:[{type:Yt.ErrorSampler,icon:Lo(Kt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Yt.LatencySampler,icon:Lo(Kt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/latencysampler",docsDescription:"This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter."},{type:Yt.ProbabilisticSampler,icon:Lo(Kt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Yt.ServiceNameSampler,icon:Lo(Kt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Yt.SpanAttributeSampler,icon:Lo(Kt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/spanattributesampler",docsDescription:"This action supports service name sampling based on the presence or value of specific attributes within a trace."}]}],Po={DETECTED:{TITLE:"Detected by Odigos",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},EXISTS:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},MANAGED:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."},SELF_HOSTED:{TITLE:"Self-hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."}},Mo=e=>({[vo.CodeAttributes]:s,[vo.CustomInstrumentation]:l,[vo.HeadersCollection]:c,[vo.PayloadCollection]:d,[vo.UnknownType]:o}[e]||o),jo=[{type:vo.CodeAttributes,icon:Mo(vo.CodeAttributes),label:"Code Attributes",description:"Collect code attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/codeattributes",docsDescription:'The "Code Attributes" Rule can be used to add code attributes containing payload data to traces.',supportedLanguages:[so.Go,so.Python]},{type:vo.CustomInstrumentation,icon:Mo(vo.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods(i.e for Java) or explicit symbol(i.e. Golang).",docsEndpoint:"/pipeline/rules/custominstrumentation",docsDescription:'The "Custom Instrumentation" Rule can be used to instrument a specific symbol(i.e for Golang), or a class and method combination (i.e. for Java) for detailed tracing.',supportedLanguages:[so.Go,so.Java]},{type:vo.HeadersCollection,icon:Mo(vo.HeadersCollection),label:"Headers Collection",description:"Collect span attributes containing HTTP Headers data to traces.",docsEndpoint:"/pipeline/rules/headerscollection",docsDescription:'The "Headers Collection" Rule can be used to add span attributes containing HTTP Headers data to traces.',supportedLanguages:[so.Go,so.Java,so.JavaScript]},{type:vo.PayloadCollection,icon:Mo(vo.PayloadCollection),label:"Payload Collection",description:"Collect span attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/payloadcollection",docsDescription:'The "Payload Collection" Rule can be used to add span attributes containing payload data to traces.',supportedLanguages:[so.Go]}],Uo=[{id:zo.Logs,value:"Logs"},{id:zo.Metrics,value:"Metrics"},{id:zo.Traces,value:"Traces"}],Wo=e=>e.charAt(0).toUpperCase()+e.slice(1),Vo=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,n])=>Array.isArray(n)?[e,t(n)]:"object"==typeof n&&null!==n?[e,o(n)]:[e,n]));return Object.entries(e).reduce((e,[n,i])=>{try{const a=JSON.parse(i);Array.isArray(a)?e[n]=JSON.stringify(t(a)):e[n]="object"==typeof a&&null!==a?JSON.stringify(o(a)):i}catch(a){"object"==typeof i&&null!==i?Array.isArray(i)?e[n]=JSON.stringify(t(i)):e[n]=JSON.stringify(o(i)):e[n]=i}return e},{})};var Ho;!function(e){e.SIGNALS="SIGNALS"}(Ho||(Ho={}));const qo=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Ho.SIGNALS)switch(i){case"INCLUDES":return t?.includes(a);case"EXCLUDES":return!t?.includes(a);default:return!0}const r=o.find(e=>e.name===n);if(!r)return!0;switch(i){case"===":case"==":return r.value===a;case"!==":case"!=":return r.value!==a;case">":return Number(r.value)>Number(a);case"<":return Number(r.value)<Number(a);case">=":return Number(r.value)>=Number(a);case"<=":return Number(r.value)<=Number(a);default:return!0}},Go=e=>JSON.parse(JSON.stringify(e)),Ko=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},Yo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Jo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Xo=(e,t)=>{let o=[...e];return t.namespaces?.length&&(o=o.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(o=o.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(o=o.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(o=o.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:o})=>t===`${e}#${o}`)))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===mo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Qo="default",Zo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},en={REQUIRED_FIELDS:"Required fields are missing",FIELD_IS_REQUIRED:"This field is required",FORBIDDEN:"Forbidden",ENTERPRISE_ONLY:(e="This")=>`${e} is an Enterprise feature. Please upgrade your plan.`,DEFINED_FOR_ALL_STREAMS:e=>`${e} are defined for all Data Streams.`,CANNOT_EDIT_RULE:"Cannot edit a system-managed instrumentation rule",CANNOT_DELETE_RULE:"Cannot delete a system-managed instrumentation rule",LATENCY_HTTP_ROUTE:'HTTP route must start with a forward slash "/"',READONLY_WARNING:"You're not allowed to create/update/delete in readonly mode",ILLEGAL_K8S_LABEL:'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',INVALID_VERSION:'Invalid version format, must be in the format of "major.minor.patch" (e.g. 1.0.0)'},tn={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Auto-instrument new apps",FUTURE_APPS_DESCRIPTION:"When enabled, new applications will be instrumented automatically and included in the current data stream.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},on={ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},nn=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Qo&&!e.dataStreamNames.length):[],an=(e,t="",o={})=>{for(const n in e)if(e.hasOwnProperty(n)){const i=e[n],a=t?`${t}.${n}`:n;null===i||"object"!=typeof i||Array.isArray(i)?Array.isArray(i)?i.forEach((e,t)=>{const n=`${a}[${t}]`;null!==e&&"object"==typeof e?an(e,n,o):o[n]=e}):o[a]=i:an(i,a,o)}return o},rn=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},sn=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},ln=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>{const n=e[t%16];return t++,("1"===o?n:"0"===o?63&n|128:15&n|64).toString(16)})},cn=e=>{const t=e?.filter(({status:e})=>e===mo.Error),o=e?.filter(({status:e})=>e===mo.Warning),n=e?.filter(({status:e})=>e===xo.Disabled),i=e?.filter(({status:e})=>e===xo.Loading),a=t.length>0,r=o.length>0,s=n.length>0;return{errors:t,hasErrors:a,warnings:o,hasWarnings:r,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:a?mo.Error:r?mo.Warning:s?mo.Info:void 0}},dn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},pn=e=>({[so.Java]:p,[so.Go]:u,[so.JavaScript]:h,[so.Python]:m,[so.DotNet]:g,[so.CSharp]:x,[so.CPlusPlus]:$,[so.Php]:f,[so.Ruby]:b,[so.Rust]:y,[so.Swift]:w,[so.Elixir]:k,[so.MySql]:v,[so.Nginx]:C,[so.Postgres]:E,[so.Redis]:S,[so.Kafka]:A,[so.Ignored]:o,[so.Unknown]:o,[so.Processing]:o,[so.NoContainers]:o,[so.NoRunningPods]:o}[e]||o),un=e=>e?.map(({language:e})=>pn(e))||[],hn=(e,t)=>{const o={[ko.Alauda]:D,[ko.AlibabaCloud]:T,[ko.AppDynamics]:I,[ko.Axiom]:N,[ko.AzureBlob]:z,[ko.AzureMonitor]:O,[ko.BetterStack]:F,[ko.Bonree]:_,[ko.Causely]:R,[ko.Checkly]:L,[ko.Chronosphere]:B,[ko.ClickHouse]:P,[ko.CloudWatch]:M,[ko.Coralogix]:j,[ko.Dash0]:U,[ko.Datadog]:W,[ko.Dynamic]:V,[ko.Dynatrace]:H,[ko.ElasticApm]:q,[ko.ElasticSearch]:G,[ko.GoogleCloud]:K,[ko.GoogleCloudOTLP]:K,[ko.GrafanaCloudLoki]:Y,[ko.GrafanaCloudPrometheus]:Y,[ko.GrafanaCloudTempo]:Y,[ko.Greptime]:J,[ko.Groundcover]:X,[ko.Honeycomb]:Q,[ko.HyperDX]:Z,[ko.Instana]:ee,[ko.Jaeger]:te,[ko.Kafka]:A,[ko.Kloudmate]:oe,[ko.Last9]:ne,[ko.Lightstep]:ie,[ko.LogzIo]:ae,[ko.Loki]:re,[ko.Lumigo]:se,[ko.Middleware]:le,[ko.NewRelic]:ce,[ko.Observe]:de,[ko.Odigos]:pe,[ko.OneUptime]:ue,[ko.OpenObserve]:he,[ko.Opsverse]:me,[ko.Oracle]:ge,[ko.OTLP]:V,[ko.OTLPHttp]:V,[ko.Prometheus]:xe,[ko.Qryn]:$e,[ko.QrynOss]:fe,[ko.Quickwit]:be,[ko.S3]:ye,[ko.Seq]:we,[ko.Signoz]:ke,[ko.Splunk]:ve,[ko.SplunkSapm]:ve,[ko.SplunkOtlp]:ve,[ko.SumoLogic]:Ce,[ko.TelemetryHub]:Ee,[ko.Tempo]:Se,[ko.Tingyun]:Ae,[ko.Traceloop]:De,[ko.Uptrace]:Te,[ko.VictoriaMetrics]:Ie,[ko.VictoriaMetricsCloud]:Ie,[ko.XRay]:Ne}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},mn=e=>({[co.Namespace]:ze,[co.Source]:Oe,[co.Destination]:Fe,[co.Action]:_e,[co.InstrumentationRule]:Re}[e]),gn=e=>"ruleId"in e&&e.ruleId?e.ruleId:"id"in e&&e.id?e.id:"namespace"in e&&e.namespace&&"kind"in e&&e.kind&&"name"in e&&e.name?{namespace:e.namespace,name:e.name,kind:e.kind}:"name"in e&&e.name?e.name:void 0,xn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case co.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case co.Source:const o=e;a=o.name,r=o.otelServiceName;break;case co.Action:const n=e;a=n.type,r=n.name;break;case co.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case co.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},$n=(e,t)=>{if(t===co.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},fn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?so.Processing:so.NoRunningPods;const n=o?.filter(e=>e.language!==so.Ignored);if(!n.length)return so.NoContainers;const i=n.find(e=>e.language!==so.Unknown);return i?i.language:so.Unknown},bn=(e,t,o)=>(t===co.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},yn=e=>({[zo.Logs]:Le,[zo.Metrics]:Be,[zo.Traces]:Pe}[e]),wn=e=>e?{[ao.K8s]:n,[ao.Vm]:Me}[e]:pe,kn=e=>e?{[ao.K8s]:"Kubernetes Cluster",[ao.Vm]:"Virtual Machine"}[e]:"Unknown",vn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...vn(e,t,o)),i}):[]},Cn=(e,t)=>{if(t===co.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},En=(e,t,o)=>{switch(t){case mo.Default:return e.v2.colors.purple[o];case mo.Info:return e.v2.colors.blue[o];case mo.Error:return e.v2.colors.red[o];case mo.Warning:return e.v2.colors.yellow[o];case mo.Success:return e.v2.colors.green[o];case $o.Disabled:case $o.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},Sn=e=>{switch(e){case Do.Updating:case To.Pending:case Io.ContainerCreating:case No.Waiting:return mo.Info;case Do.Healthy:case To.Succeeded:case To.Running:case Io.Running:case No.Running:return mo.Success;case Do.Degraded:return mo.Warning;case Do.Failed:case To.Failed:case Io.Error:case Io.CrashLoopBackOff:case Io.CreateContainerError:case Io.CreateContainerConfigError:case Io.ErrImagePull:case Io.ErrImageNeverPull:case Io.ImagePullBackOff:case Io.InvalidImageName:case Io.RegistryUnavailable:case Io.NetworkNotReady:case Io.OOMKilled:case Io.ContainerCannotRun:case No.Terminated:case Io.DeadlineExceeded:case Io.StartError:return mo.Error;case Do.Down:case Io.Completed:return $o.Disabled;case Do.Unknown:case To.Unknown:default:return $o.Unknown}},An=(e,t)=>({[mo.Default]:o=>pe({fill:En(t,e,"300"),...o}),[mo.Info]:o=>je({fill:En(t,e,"400"),...o}),[mo.Error]:o=>Ue({fill:En(t,e,"500"),...o}),[mo.Warning]:o=>We({fill:En(t,e,"500"),...o}),[mo.Success]:o=>Ve({fill:En(t,e,"500"),...o}),[$o.Disabled]:o=>He({fill:En(t,e,"400"),...o}),[$o.Unknown]:o=>qe({fill:En(t,e,"300"),...o})}[e]),Dn=e=>{switch(e){case Fo.Success:return mo.Success;case Fo.Error:case Fo.Failure:return mo.Error;case Fo.Notice:return mo.Warning;case Fo.Unsupported:case Fo.Unknown:return mo.Info;case Fo.Irrelevant:case Fo.Disabled:return xo.Disabled;case Fo.Waiting:return xo.Loading;case Fo.Pending:default:return mo.Default}},Tn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},In=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Nn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const zn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Nn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},On=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==mo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Fn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),_n=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Rn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Ln=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Bn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Pn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Mn=e=>Pn.test(e),jn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Un=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:jn(t),reason:o?jn(o):"",message:n,lastTransitionTime:i}))||[],Wn=(e,t)=>{const o=Nn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Vn=e=>e?Object.keys(e).filter(t=>e[t]):[],Hn=e=>e.replace(/[^\d]/g,""),qn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Gn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},Kn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>Kn(e)))}else if("object"==typeof n&&null!==n){const e=Kn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Yn=(e,t=2)=>JSON.stringify(e||{},null,t),Jn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Xn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Qn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)},Zn={[so.Go]:"Go",[so.Java]:"Java",[so.JavaScript]:"Node.js",[so.Python]:"Python",[so.DotNet]:".NET",[so.CSharp]:"C#",[so.CPlusPlus]:"C++",[so.Php]:"PHP",[so.Ruby]:"Ruby",[so.Rust]:"Rust",[so.Swift]:"Swift",[so.Elixir]:"Elixir",[so.MySql]:"MySQL",[so.Nginx]:"Nginx",[so.Postgres]:"PostgreSQL",[so.Redis]:"Redis",[so.Kafka]:"Kafka",[so.Ignored]:"Ignored",[so.Unknown]:"Unknown",[so.Processing]:"Processing",[so.NoContainers]:"No Containers",[so.NoRunningPods]:"No Running Pods"},ei=[{id:so.Go,value:Zn[so.Go],icon:pn(so.Go)},{id:so.Java,value:Zn[so.Java],icon:pn(so.Java)},{id:so.JavaScript,value:Zn[so.JavaScript],icon:pn(so.JavaScript)},{id:so.Python,value:Zn[so.Python],icon:pn(so.Python)},{id:so.Php,value:Zn[so.Php],icon:pn(so.Php)},{id:so.Ruby,value:Zn[so.Ruby],icon:pn(so.Ruby)},{id:so.Rust,value:Zn[so.Rust],icon:pn(so.Rust)},{id:so.DotNet,value:Zn[so.DotNet],icon:pn(so.DotNet)},{id:so.CSharp,value:Zn[so.CSharp],icon:pn(so.CSharp)},{id:so.CPlusPlus,value:Zn[so.CPlusPlus],icon:pn(so.CPlusPlus)},{id:so.Swift,value:Zn[so.Swift],icon:pn(so.Swift)},{id:so.Elixir,value:Zn[so.Elixir],icon:pn(so.Elixir)}],ti=6048e5,oi=xt()(At(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Zo.DARK_MODE,storage:"undefined"!=typeof window?Dt(()=>localStorage):void 0})),ni={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ii=xt(e=>({...ni,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const o=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(o).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(ni)})),ai=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ri=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===co.Namespace?"namespacesLoading":t===co.Source?"sourcesLoading":t===co.Destination?"destinationsLoading":t===co.Action?"actionsLoading":t===co.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(gn(t))===JSON.stringify(gn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===co.Source?JSON.stringify(gn(o))===JSON.stringify(gn(e)):gn(o)===e);-1!==o&&i.splice(o,1)}),{[n]:i}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),si=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),li=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:si})),ci=xt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),di=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),pi=xt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),ui=(e,t)=>{const o=e.entityType===t.entityType,n="string"==typeof e.entityId&&"string"==typeof t.entityId?e.entityId===t.entityId:"object"==typeof e.entityId&&"object"==typeof t.entityId?e.entityId.namespace===t.entityId.namespace&&e.entityId.name===t.entityId.name&&e.entityId.kind===t.entityId.kind:!e.entityId&&!t.entityId;return o&&n},hi=xt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>ui(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>ui(e,t)))})),isThisPending:e=>{const{pendingItems:o}=t();let n=!1;for(let t=0;t<o.length;t++){const i=o[t];if(i.entityType===e.entityType&&(!e.entityId||(i.entityType===co.Source?i.entityId&&e.entityId&&i.entityId.namespace===e.entityId.namespace&&i.entityId.name===e.entityId.name&&i.entityId.kind===e.entityId.kind:i.entityId===e.entityId))){n=!0;break}}return n}})),mi=xt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),gi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},xi=(e,t)=>e.destinationType.type!==t.destinationType.type,$i=xt(e=>({...gi,setFetchedAllNamespaces:t=>e({fetchedAllNamespaces:t}),setAvailableSources:t=>e({availableSources:t}),setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>xi(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const o=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(o).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>xi(e,t))})),clearStore:()=>e(()=>({...gi}))})),fi={v2:{text:{size:{xxxs:10,xxs:12,xs:14,s:16,m:20,l:24,xl:32,xxl:40,xxxl:48}},colors:{black:{500:"#151618"},white:{500:"#FFFFFF"},purple:{100:"#E1D4FF",200:"#C3AAFF",300:"#A57FFF",400:"#8854FF",500:"#6A2AFF",600:"#5925D0",700:"#4822A2",800:"#371E73",900:"#271A45"},green:{100:"#DCFDFA",200:"#B9FBF6",300:"#96FAF1",400:"#73F8ED",500:"#50F6E8",600:"#44C9BE",700:"#399D94",800:"#2D6F6A",900:"#224340"},grey:{25:"#F6F6F6",50:"#ECECED",100:"#DADADB",150:"#B8B8B8",200:"#B4B5B7",300:"#8F9093",400:"#696B6F",500:"#44464B",600:"#3A3C40",700:"#313236",800:"#282A2E",900:"#1B1B1C"},silver:{25:"#F6F6F7",50:"#EDEDEE",100:"#DADCDE",200:"#B6B8BD",300:"#91959C",400:"#6D717B",500:"#484E5A",600:"#3E424C",700:"#34383F",750:"#2C2F36",800:"#26292F",900:"#1F2125",1e3:"#1B1C1D"},red:{100:"#FFE5E7",200:"#FFCBD0",300:"#FFB0B8",400:"#FF96A1",500:"#FF7C89",600:"#D06772",700:"#A2535B",800:"#733F44",900:"#452B2D",1e3:"#2E2022"},blue:{100:"#EBF0FA",200:"#D6E1F4",300:"#ADC3EA",400:"#84A4DF",500:"#5C86D5",600:"#3368CA",700:"#2D57A6",800:"#274782",900:"#21375E",1e3:"#1C273A"},yellow:{100:"#FFFBF1",200:"#FFF7E2",300:"#FFEFC6",400:"#FFE7A9",500:"#FFDF8D",600:"#FFD770",700:"#D0B05E",800:"#A28A4C",900:"#73633A",1e3:"#453D28"},beige:{600:"#EEC990"},pink:{600:"#F576A2"},orange:{600:"#F29142"}}},colors:{majestic_blue:"#444AD9",majestic_blue_soft:"#6C7AE8",orange_og:"#FE9239",orange_soft:"#FFB160",dark_red:"#802828",darker_red:"#611F1F",darkest_red:"#281515",darkest_red_hover:"#351515",dark_green:"#2D4323"},text:{},font_family:{primary:"Inter, sans-serif",secondary:"Kode Mono, sans-serif",code:"IBM Plex Mono, monospace"}},bi={v2:fi.v2,darkMode:!0,colors:{...fi.colors,primary:"#111111",secondary:"#F9F9F9",border:"#525252",dark_grey:"#151515",translucent_bg:"#1A1A1A",dropdown_bg:"#242424",dropdown_bg_2:"#333333",warning:"#472300",error:"#431919",success:"#172013",info:"#242424",default:"#181944"},text:{white:"#FFFFFF",primary:"#111111",secondary:"#F9F9F9",grey:"#B8B8B8",dark_grey:"#8F8F8F",darker_grey:"#7A7A7A",light_grey:"#CCD0D2",dark_button:"#0A1824",warning:"#E9CF35",warning_secondary:"#FFA349",error:"#EF7676",error_secondary:"#DB5151",success:"#81AF65",success_secondary:"#51DB51",info:"#B8B8B8",info_secondary:"#CCDDDD",default:"#AABEF7",default_secondary:"#8CBEFF"},font_family:fi.font_family},yi={v2:fi.v2,darkMode:!1,colors:{...fi.colors,primary:"#EEEEEE",secondary:"#060606",border:"#ADADAD",dark_grey:"#EAEAEA",translucent_bg:"#E5E5E5",dropdown_bg:"#DBDBDB",dropdown_bg_2:"#CCCCCC",warning:"#F6F092",error:"#FACECE",success:"#C8DEB8",info:"#E0E0E0",default:"#CAD9FB"},text:{white:"#FFFFFF",primary:"#EEEEEE",secondary:"#060606",grey:"#474747",dark_grey:"#707070",darker_grey:"#858585",light_grey:"#332F2D",dark_button:"#F5E7DB",warning:"#A56F12",warning_secondary:"#CA9416",error:"#B63A3A",error_secondary:"#DB5151",success:"#4E763A",success_secondary:"#67964C",info:"#525252",info_secondary:"#7A7A7A",default:"#444AD9",default_secondary:"#6C7AE8"},font_family:fi.font_family},wi=e=>e?bi:yi;var ki=Object.freeze({__proto__:null,baseTheme:fi,darkModeTheme:bi,getTheme:wi,lightModeTheme:yi});Tt('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const vi={in:{left:Ft`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as h,PythonLogo as m,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as C,PostgresLogo as E,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as I,AxiomLogo as N,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as F,BonreeLogo as _,CauselyLogo as R,ChecklyLogo as B,ChronosphereLogo as L,ClickhouseLogo as P,AwsCloudwatchLogo as M,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as W,OpenTelemetryLogo as V,DynatraceLogo as H,ElasticApmLogo as q,ElasticSearchLogo as G,GoogleCloudPlatformLogo as K,GrafanaLogo as Y,GreptimeLogo as J,GroundcoverLogo as X,HoneycombLogo as Q,HyperDxLogo as Z,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as he,OpsVerseLogo as me,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ce,TelemetryHubLogo as Ee,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ie,AwsXrayLogo as Ne,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as Fe,ActionIcon as _e,InstrumentationRuleIcon as Re,LogsIcon as Be,MetricsIcon as Le,TracesIcon as Pe,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Qe,ExtendArrowIcon as Ze,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt,FilterIcon as gt}from"../icons.js";import{create as xt}from"zustand";import $t,{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as kt,useCallback as vt,forwardRef as Ct,memo as Et}from"react";import St from"javascript-time-ago";import{p as At,c as Dt,s as Tt,u as It,e as Nt}from"./vendor-55cc654c.js";import zt,{ThemeProvider as Ot,keyframes as Ft,useTheme as _t,css as Rt}from"styled-components";import{Handle as Bt,Position as Lt,ReactFlow as Pt,Controls as Mt}from"@xyflow/react";import jt,{createPortal as Ut}from"react-dom";import{Highlight as Wt,themes as Vt}from"prism-react-renderer";import{ErrorBoundary as Ht}from"react-error-boundary";import qt from"lottie-react";const Gt=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Kt,Yt,Jt,Xt,Qt,Zt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,Io,No,zo,Oo,Fo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Kt||(Kt={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(Yt||(Yt={})),function(e){e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.FallbackSamplingRatio="fallbackSamplingRatio",e.SamplingPercentage="samplingPercentage",e.EndpointsFilters="endpointsFilters",e.ServicesNameFilters="servicesNameFilters",e.AttributeFilters="attributeFilters"}(Jt||(Jt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Xt||(Xt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(Zt||(Zt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(eo||(eo={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(to||(to={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(oo||(oo={})),function(e){e.Ascending="ascending",e.Descending="descending"}(no||(no={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(io||(io={})),function(e){e.K8s="k8s",e.Vm="vm"}(ao||(ao={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(ro||(ro={})),function(e){e.Go="go",e.JavaScript="javascript",e.Python="python",e.Java="java",e.DotNet="dotnet",e.CSharp="csharp",e.CPlusPlus="cplusplus",e.Php="php",e.Ruby="ruby",e.Rust="rust",e.Swift="swift",e.Elixir="elixir",e.MySql="mysql",e.Nginx="nginx",e.Postgres="postgres",e.Redis="redis",e.Kafka="kafka",e.Ignored="ignored",e.Unknown="unknown",e.Processing="processing",e.NoContainers="no containers",e.NoRunningPods="no running pods"}(so||(so={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(lo||(lo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(co||(co={})),function(e){e.DataStream="DataStream"}(po||(po={})),function(e){e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.Toggle="toggle"}(uo||(uo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(ho||(ho={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(mo||(mo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(go||(go={})),function(e){e.Loading="loading",e.Disabled="disabled"}(xo||(xo={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}($o||($o={})),function(e){e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"}(fo||(fo={})),function(e){e.Header="header",e.Add="add",e.Base="base",e.Edged="edged",e.Frame="frame",e.Scroll="scroll",e.Skeleton="skeleton",e.MapItem="map-item",e.NoData="no-data",e.OdiLogo="odilogo"}(bo||(bo={})),function(e){e.Labeled="labeled"}(yo||(yo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(wo||(wo={})),function(e){e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray"}(ko||(ko={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(vo||(vo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Co||(Co={})),function(e){e.HeaderKeys="headerKeys"}(Eo||(Eo={})),function(e){e.Java="java",e.Golang="golang"}(So||(So={}));class _o{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class Ro{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(Ao||(Ao={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Do||(Do={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(To||(To={})),function(e){e.ContainerCreating="ContainerCreating",e.CrashLoopBackOff="CrashLoopBackOff",e.CreateContainerError="CreateContainerError",e.CreateContainerConfigError="CreateContainerConfigError",e.ErrImagePull="ErrImagePull",e.ErrImageNeverPull="ErrImageNeverPull",e.ImagePullBackOff="ImagePullBackOff",e.InvalidImageName="InvalidImageName",e.RegistryUnavailable="RegistryUnavailable",e.NetworkNotReady="NetworkNotReady",e.Running="Running",e.Completed="Completed",e.Error="Error",e.OOMKilled="OOMKilled",e.ContainerCannotRun="ContainerCannotRun",e.DeadlineExceeded="DeadlineExceeded",e.StartError="StartError"}(Io||(Io={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(No||(No={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(zo||(zo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(Oo||(Oo={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(Fo||(Fo={}));const Bo=s=>{const l=s?.toLowerCase(),c=l?.includes(Kt.Samplers),d=l===Kt.Attributes;return c?e:d?t:{[Yt.K8sAttributes]:n,[Yt.AddClusterInfo]:i,[Yt.DeleteAttributes]:a,[Yt.PiiMasking]:t,[Yt.RenameAttributes]:r,[Yt.ErrorSampler]:e,[Yt.ProbabilisticSampler]:e,[Yt.LatencySampler]:e,[Yt.ServiceNameSampler]:e,[Yt.SpanAttributeSampler]:e}[s]||o},Lo=[{label:"Attributes",icon:Bo(Kt.Attributes),items:[{type:Yt.K8sAttributes,icon:Bo(Yt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Yt.AddClusterInfo,icon:Bo(Yt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/addclusterinfo",docsDescription:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals."},{type:Yt.DeleteAttributes,icon:Bo(Yt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/deleteattribute",docsDescription:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Yt.RenameAttributes,icon:Bo(Yt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[zo.Traces,zo.Metrics,zo.Logs],docsEndpoint:"/pipeline/actions/attributes/renameattribute",docsDescription:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Yt.PiiMasking,icon:Bo(Yt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Bo(Kt.Samplers),items:[{type:Yt.ErrorSampler,icon:Bo(Kt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Yt.LatencySampler,icon:Bo(Kt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/latencysampler",docsDescription:"This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter."},{type:Yt.ProbabilisticSampler,icon:Bo(Kt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Yt.ServiceNameSampler,icon:Bo(Kt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Yt.SpanAttributeSampler,icon:Bo(Kt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[zo.Traces],docsEndpoint:"/pipeline/actions/sampling/spanattributesampler",docsDescription:"This action supports service name sampling based on the presence or value of specific attributes within a trace."}]}],Po={DETECTED:{TITLE:"Detected by Odigos",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},EXISTS:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},MANAGED:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."},SELF_HOSTED:{TITLE:"Self-hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."}},Mo=e=>({[vo.CodeAttributes]:s,[vo.CustomInstrumentation]:l,[vo.HeadersCollection]:c,[vo.PayloadCollection]:d,[vo.UnknownType]:o}[e]||o),jo=[{type:vo.CodeAttributes,icon:Mo(vo.CodeAttributes),label:"Code Attributes",description:"Collect code attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/codeattributes",docsDescription:'The "Code Attributes" Rule can be used to add code attributes containing payload data to traces.',supportedLanguages:[so.Go,so.Python]},{type:vo.CustomInstrumentation,icon:Mo(vo.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods(i.e for Java) or explicit symbol(i.e. Golang).",docsEndpoint:"/pipeline/rules/custominstrumentation",docsDescription:'The "Custom Instrumentation" Rule can be used to instrument a specific symbol(i.e for Golang), or a class and method combination (i.e. for Java) for detailed tracing.',supportedLanguages:[so.Go,so.Java]},{type:vo.HeadersCollection,icon:Mo(vo.HeadersCollection),label:"Headers Collection",description:"Collect span attributes containing HTTP Headers data to traces.",docsEndpoint:"/pipeline/rules/headerscollection",docsDescription:'The "Headers Collection" Rule can be used to add span attributes containing HTTP Headers data to traces.',supportedLanguages:[so.Go,so.Java,so.JavaScript]},{type:vo.PayloadCollection,icon:Mo(vo.PayloadCollection),label:"Payload Collection",description:"Collect span attributes containing payload data to traces.",docsEndpoint:"/pipeline/rules/payloadcollection",docsDescription:'The "Payload Collection" Rule can be used to add span attributes containing payload data to traces.',supportedLanguages:[so.Go]}],Uo=[{id:zo.Logs,value:"Logs"},{id:zo.Metrics,value:"Metrics"},{id:zo.Traces,value:"Traces"}],Wo=e=>e.charAt(0).toUpperCase()+e.slice(1),Vo=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,n])=>Array.isArray(n)?[e,t(n)]:"object"==typeof n&&null!==n?[e,o(n)]:[e,n]));return Object.entries(e).reduce((e,[n,i])=>{try{const a=JSON.parse(i);Array.isArray(a)?e[n]=JSON.stringify(t(a)):e[n]="object"==typeof a&&null!==a?JSON.stringify(o(a)):i}catch(a){"object"==typeof i&&null!==i?Array.isArray(i)?e[n]=JSON.stringify(t(i)):e[n]=JSON.stringify(o(i)):e[n]=i}return e},{})};var Ho;!function(e){e.SIGNALS="SIGNALS"}(Ho||(Ho={}));const qo=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Ho.SIGNALS)switch(i){case"INCLUDES":return t?.includes(a);case"EXCLUDES":return!t?.includes(a);default:return!0}const r=o.find(e=>e.name===n);if(!r)return!0;switch(i){case"===":case"==":return r.value===a;case"!==":case"!=":return r.value!==a;case">":return Number(r.value)>Number(a);case"<":return Number(r.value)<Number(a);case">=":return Number(r.value)>=Number(a);case"<=":return Number(r.value)<=Number(a);default:return!0}},Go=e=>JSON.parse(JSON.stringify(e)),Ko=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},Yo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Jo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Xo=(e,t)=>{let o=[...e];return t.namespaces?.length&&(o=o.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(o=o.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(o=o.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(o=o.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:o})=>t===`${e}#${o}`)))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===mo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Qo="default",Zo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},en={REQUIRED_FIELDS:"Required fields are missing",FIELD_IS_REQUIRED:"This field is required",FORBIDDEN:"Forbidden",ENTERPRISE_ONLY:(e="This")=>`${e} is an Enterprise feature. Please upgrade your plan.`,DEFINED_FOR_ALL_STREAMS:e=>`${e} are defined for all Data Streams.`,CANNOT_EDIT_RULE:"Cannot edit a system-managed instrumentation rule",CANNOT_DELETE_RULE:"Cannot delete a system-managed instrumentation rule",LATENCY_HTTP_ROUTE:'HTTP route must start with a forward slash "/"',READONLY_WARNING:"You're not allowed to create/update/delete in readonly mode",ILLEGAL_K8S_LABEL:'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',INVALID_VERSION:'Invalid version format, must be in the format of "major.minor.patch" (e.g. 1.0.0)'},tn={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},on={ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},nn=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Qo&&!e.dataStreamNames.length):[],an=(e,t="",o={})=>{for(const n in e)if(e.hasOwnProperty(n)){const i=e[n],a=t?`${t}.${n}`:n;null===i||"object"!=typeof i||Array.isArray(i)?Array.isArray(i)?i.forEach((e,t)=>{const n=`${a}[${t}]`;null!==e&&"object"==typeof e?an(e,n,o):o[n]=e}):o[a]=i:an(i,a,o)}return o},rn=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},sn=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},ln=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>{const n=e[t%16];return t++,("1"===o?n:"0"===o?63&n|128:15&n|64).toString(16)})},cn=e=>{const t=e?.filter(({status:e})=>e===mo.Error),o=e?.filter(({status:e})=>e===mo.Warning),n=e?.filter(({status:e})=>e===xo.Disabled),i=e?.filter(({status:e})=>e===xo.Loading),a=t.length>0,r=o.length>0,s=n.length>0;return{errors:t,hasErrors:a,warnings:o,hasWarnings:r,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:a?mo.Error:r?mo.Warning:s?mo.Info:void 0}},dn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},pn=e=>({[so.Java]:p,[so.Go]:u,[so.JavaScript]:h,[so.Python]:m,[so.DotNet]:g,[so.CSharp]:x,[so.CPlusPlus]:$,[so.Php]:f,[so.Ruby]:b,[so.Rust]:y,[so.Swift]:w,[so.Elixir]:k,[so.MySql]:v,[so.Nginx]:C,[so.Postgres]:E,[so.Redis]:S,[so.Kafka]:A,[so.Ignored]:o,[so.Unknown]:o,[so.Processing]:o,[so.NoContainers]:o,[so.NoRunningPods]:o}[e]||o),un=e=>e?.map(({language:e})=>pn(e))||[],hn=(e,t)=>{const o={[ko.Alauda]:D,[ko.AlibabaCloud]:T,[ko.AppDynamics]:I,[ko.Axiom]:N,[ko.AzureBlob]:z,[ko.AzureMonitor]:O,[ko.BetterStack]:F,[ko.Bonree]:_,[ko.Causely]:R,[ko.Checkly]:B,[ko.Chronosphere]:L,[ko.ClickHouse]:P,[ko.CloudWatch]:M,[ko.Coralogix]:j,[ko.Dash0]:U,[ko.Datadog]:W,[ko.Dynamic]:V,[ko.Dynatrace]:H,[ko.ElasticApm]:q,[ko.ElasticSearch]:G,[ko.GoogleCloud]:K,[ko.GoogleCloudOTLP]:K,[ko.GrafanaCloudLoki]:Y,[ko.GrafanaCloudPrometheus]:Y,[ko.GrafanaCloudTempo]:Y,[ko.Greptime]:J,[ko.Groundcover]:X,[ko.Honeycomb]:Q,[ko.HyperDX]:Z,[ko.Instana]:ee,[ko.Jaeger]:te,[ko.Kafka]:A,[ko.Kloudmate]:oe,[ko.Last9]:ne,[ko.Lightstep]:ie,[ko.LogzIo]:ae,[ko.Loki]:re,[ko.Lumigo]:se,[ko.Middleware]:le,[ko.NewRelic]:ce,[ko.Observe]:de,[ko.Odigos]:pe,[ko.OneUptime]:ue,[ko.OpenObserve]:he,[ko.Opsverse]:me,[ko.Oracle]:ge,[ko.OTLP]:V,[ko.OTLPHttp]:V,[ko.Prometheus]:xe,[ko.Qryn]:$e,[ko.QrynOss]:fe,[ko.Quickwit]:be,[ko.S3]:ye,[ko.Seq]:we,[ko.Signoz]:ke,[ko.Splunk]:ve,[ko.SplunkSapm]:ve,[ko.SplunkOtlp]:ve,[ko.SumoLogic]:Ce,[ko.TelemetryHub]:Ee,[ko.Tempo]:Se,[ko.Tingyun]:Ae,[ko.Traceloop]:De,[ko.Uptrace]:Te,[ko.VictoriaMetrics]:Ie,[ko.VictoriaMetricsCloud]:Ie,[ko.XRay]:Ne}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},mn=e=>({[co.Namespace]:ze,[co.Source]:Oe,[co.Destination]:Fe,[co.Action]:_e,[co.InstrumentationRule]:Re}[e]),gn=e=>"ruleId"in e&&e.ruleId?e.ruleId:"id"in e&&e.id?e.id:"namespace"in e&&e.namespace&&"kind"in e&&e.kind&&"name"in e&&e.name?{namespace:e.namespace,name:e.name,kind:e.kind}:"name"in e&&e.name?e.name:void 0,xn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case co.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case co.Source:const o=e;a=o.name,r=o.otelServiceName;break;case co.Action:const n=e;a=n.type,r=n.name;break;case co.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case co.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},$n=(e,t)=>{if(t===co.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},fn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?so.Processing:so.NoRunningPods;const n=o?.filter(e=>e.language!==so.Ignored);if(!n.length)return so.NoContainers;const i=n.find(e=>e.language!==so.Unknown);return i?i.language:so.Unknown},bn=(e,t,o)=>(t===co.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},yn=e=>({[zo.Logs]:Be,[zo.Metrics]:Le,[zo.Traces]:Pe}[e]),wn=e=>e?{[ao.K8s]:n,[ao.Vm]:Me}[e]:pe,kn=e=>e?{[ao.K8s]:"Kubernetes Cluster",[ao.Vm]:"Virtual Machine"}[e]:"Unknown",vn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...vn(e,t,o)),i}):[]},Cn=(e,t)=>{if(t===co.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},En=(e,t,o)=>{switch(t){case mo.Default:return e.v2.colors.purple[o];case mo.Info:return e.v2.colors.blue[o];case mo.Error:return e.v2.colors.red[o];case mo.Warning:return e.v2.colors.yellow[o];case mo.Success:return e.v2.colors.green[o];case $o.Disabled:case $o.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},Sn=e=>{switch(e){case Do.Updating:case To.Pending:case Io.ContainerCreating:case No.Waiting:return mo.Info;case Do.Healthy:case To.Succeeded:case To.Running:case Io.Running:case No.Running:return mo.Success;case Do.Degraded:return mo.Warning;case Do.Failed:case To.Failed:case Io.Error:case Io.CrashLoopBackOff:case Io.CreateContainerError:case Io.CreateContainerConfigError:case Io.ErrImagePull:case Io.ErrImageNeverPull:case Io.ImagePullBackOff:case Io.InvalidImageName:case Io.RegistryUnavailable:case Io.NetworkNotReady:case Io.OOMKilled:case Io.ContainerCannotRun:case No.Terminated:case Io.DeadlineExceeded:case Io.StartError:return mo.Error;case Do.Down:case Io.Completed:return $o.Disabled;case Do.Unknown:case To.Unknown:default:return $o.Unknown}},An=(e,t)=>({[mo.Default]:o=>pe({fill:En(t,e,"300"),...o}),[mo.Info]:o=>je({fill:En(t,e,"400"),...o}),[mo.Error]:o=>Ue({fill:En(t,e,"500"),...o}),[mo.Warning]:o=>We({fill:En(t,e,"500"),...o}),[mo.Success]:o=>Ve({fill:En(t,e,"500"),...o}),[$o.Disabled]:o=>He({fill:En(t,e,"400"),...o}),[$o.Unknown]:o=>qe({fill:En(t,e,"300"),...o})}[e]),Dn=e=>{switch(e){case Fo.Success:return mo.Success;case Fo.Error:case Fo.Failure:return mo.Error;case Fo.Notice:return mo.Warning;case Fo.Unsupported:case Fo.Unknown:return mo.Info;case Fo.Irrelevant:case Fo.Disabled:return xo.Disabled;case Fo.Waiting:return xo.Loading;case Fo.Pending:default:return mo.Default}},Tn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},In=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Nn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const zn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Nn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},On=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==mo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Fn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),_n=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Rn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Bn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Ln=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Pn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Mn=e=>Pn.test(e),jn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Un=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:jn(t),reason:o?jn(o):"",message:n,lastTransitionTime:i}))||[],Wn=(e,t)=>{const o=Nn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Vn=e=>e?Object.keys(e).filter(t=>e[t]):[],Hn=e=>e.replace(/[^\d]/g,""),qn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Gn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},Kn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>Kn(e)))}else if("object"==typeof n&&null!==n){const e=Kn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Yn=(e,t=2)=>JSON.stringify(e||{},null,t),Jn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Xn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Qn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)},Zn={[so.Go]:"Go",[so.Java]:"Java",[so.JavaScript]:"Node.js",[so.Python]:"Python",[so.DotNet]:".NET",[so.CSharp]:"C#",[so.CPlusPlus]:"C++",[so.Php]:"PHP",[so.Ruby]:"Ruby",[so.Rust]:"Rust",[so.Swift]:"Swift",[so.Elixir]:"Elixir",[so.MySql]:"MySQL",[so.Nginx]:"Nginx",[so.Postgres]:"PostgreSQL",[so.Redis]:"Redis",[so.Kafka]:"Kafka",[so.Ignored]:"Ignored",[so.Unknown]:"Unknown",[so.Processing]:"Processing",[so.NoContainers]:"No Containers",[so.NoRunningPods]:"No Running Pods"},ei=[{id:so.Go,value:Zn[so.Go],icon:pn(so.Go)},{id:so.Java,value:Zn[so.Java],icon:pn(so.Java)},{id:so.JavaScript,value:Zn[so.JavaScript],icon:pn(so.JavaScript)},{id:so.Python,value:Zn[so.Python],icon:pn(so.Python)},{id:so.Php,value:Zn[so.Php],icon:pn(so.Php)},{id:so.Ruby,value:Zn[so.Ruby],icon:pn(so.Ruby)},{id:so.Rust,value:Zn[so.Rust],icon:pn(so.Rust)},{id:so.DotNet,value:Zn[so.DotNet],icon:pn(so.DotNet)},{id:so.CSharp,value:Zn[so.CSharp],icon:pn(so.CSharp)},{id:so.CPlusPlus,value:Zn[so.CPlusPlus],icon:pn(so.CPlusPlus)},{id:so.Swift,value:Zn[so.Swift],icon:pn(so.Swift)},{id:so.Elixir,value:Zn[so.Elixir],icon:pn(so.Elixir)}],ti=6048e5,oi=xt()(At(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Zo.DARK_MODE,storage:"undefined"!=typeof window?Dt(()=>localStorage):void 0})),ni={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ii=xt(e=>({...ni,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const o=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(o).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(ni)})),ai=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ri=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===co.Namespace?"namespacesLoading":t===co.Source?"sourcesLoading":t===co.Destination?"destinationsLoading":t===co.Action?"actionsLoading":t===co.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(gn(t))===JSON.stringify(gn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===co.Namespace?"namespaces":t===co.Source?"sources":t===co.Destination?"destinations":t===co.Action?"actions":t===co.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===co.Source?JSON.stringify(gn(o))===JSON.stringify(gn(e)):gn(o)===e);-1!==o&&i.splice(o,1)}),{[n]:i}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),si=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),li=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:si})),ci=xt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),di=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),pi=xt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),ui=(e,t)=>{const o=e.entityType===t.entityType,n="string"==typeof e.entityId&&"string"==typeof t.entityId?e.entityId===t.entityId:"object"==typeof e.entityId&&"object"==typeof t.entityId?e.entityId.namespace===t.entityId.namespace&&e.entityId.name===t.entityId.name&&e.entityId.kind===t.entityId.kind:!e.entityId&&!t.entityId;return o&&n},hi=xt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>ui(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>ui(e,t)))})),isThisPending:e=>{const{pendingItems:o}=t();let n=!1;for(let t=0;t<o.length;t++){const i=o[t];if(i.entityType===e.entityType&&(!e.entityId||(i.entityType===co.Source?i.entityId&&e.entityId&&i.entityId.namespace===e.entityId.namespace&&i.entityId.name===e.entityId.name&&i.entityId.kind===e.entityId.kind:i.entityId===e.entityId))){n=!0;break}}return n}})),mi=xt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),gi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},xi=(e,t)=>e.destinationType.type!==t.destinationType.type,$i=xt(e=>({...gi,setFetchedAllNamespaces:t=>e({fetchedAllNamespaces:t}),setAvailableSources:t=>e({availableSources:t}),setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>xi(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const o=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(o).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>xi(e,t))})),clearStore:()=>e(()=>({...gi}))})),fi={v2:{text:{size:{xxxs:10,xxs:12,xs:14,s:16,m:20,l:24,xl:32,xxl:40,xxxl:48}},colors:{black:{500:"#151618"},white:{500:"#FFFFFF"},purple:{100:"#E1D4FF",200:"#C3AAFF",300:"#A57FFF",400:"#8854FF",500:"#6A2AFF",600:"#5925D0",700:"#4822A2",800:"#371E73",900:"#271A45"},green:{100:"#DCFDFA",200:"#B9FBF6",300:"#96FAF1",400:"#73F8ED",500:"#50F6E8",600:"#44C9BE",700:"#399D94",800:"#2D6F6A",900:"#224340"},grey:{25:"#F6F6F6",50:"#ECECED",100:"#DADADB",150:"#B8B8B8",200:"#B4B5B7",300:"#8F9093",400:"#696B6F",500:"#44464B",600:"#3A3C40",700:"#313236",800:"#282A2E",900:"#1B1B1C"},silver:{25:"#F6F6F7",50:"#EDEDEE",100:"#DADCDE",200:"#B6B8BD",300:"#91959C",400:"#6D717B",500:"#484E5A",600:"#3E424C",700:"#34383F",750:"#2C2F36",800:"#26292F",900:"#1F2125",1e3:"#1B1C1D"},red:{100:"#FFE5E7",200:"#FFCBD0",300:"#FFB0B8",400:"#FF96A1",500:"#FF7C89",600:"#D06772",700:"#A2535B",800:"#733F44",900:"#452B2D",1e3:"#2E2022"},blue:{100:"#EBF0FA",200:"#D6E1F4",300:"#ADC3EA",400:"#84A4DF",500:"#5C86D5",600:"#3368CA",700:"#2D57A6",800:"#274782",900:"#21375E",1e3:"#1C273A"},yellow:{100:"#FFFBF1",200:"#FFF7E2",300:"#FFEFC6",400:"#FFE7A9",500:"#FFDF8D",600:"#FFD770",700:"#D0B05E",800:"#A28A4C",900:"#73633A",1e3:"#453D28"},beige:{600:"#EEC990"},pink:{600:"#F576A2"},orange:{600:"#F29142"}}},colors:{majestic_blue:"#444AD9",majestic_blue_soft:"#6C7AE8",orange_og:"#FE9239",orange_soft:"#FFB160",dark_red:"#802828",darker_red:"#611F1F",darkest_red:"#281515",darkest_red_hover:"#351515",dark_green:"#2D4323"},text:{},font_family:{primary:"Inter, sans-serif",secondary:"Kode Mono, sans-serif",code:"IBM Plex Mono, monospace"}},bi={v2:fi.v2,darkMode:!0,colors:{...fi.colors,primary:"#111111",secondary:"#F9F9F9",border:"#525252",dark_grey:"#151515",translucent_bg:"#1A1A1A",dropdown_bg:"#242424",dropdown_bg_2:"#333333",warning:"#472300",error:"#431919",success:"#172013",info:"#242424",default:"#181944"},text:{white:"#FFFFFF",primary:"#111111",secondary:"#F9F9F9",grey:"#B8B8B8",dark_grey:"#8F8F8F",darker_grey:"#7A7A7A",light_grey:"#CCD0D2",dark_button:"#0A1824",warning:"#E9CF35",warning_secondary:"#FFA349",error:"#EF7676",error_secondary:"#DB5151",success:"#81AF65",success_secondary:"#51DB51",info:"#B8B8B8",info_secondary:"#CCDDDD",default:"#AABEF7",default_secondary:"#8CBEFF"},font_family:fi.font_family},yi={v2:fi.v2,darkMode:!1,colors:{...fi.colors,primary:"#EEEEEE",secondary:"#060606",border:"#ADADAD",dark_grey:"#EAEAEA",translucent_bg:"#E5E5E5",dropdown_bg:"#DBDBDB",dropdown_bg_2:"#CCCCCC",warning:"#F6F092",error:"#FACECE",success:"#C8DEB8",info:"#E0E0E0",default:"#CAD9FB"},text:{white:"#FFFFFF",primary:"#EEEEEE",secondary:"#060606",grey:"#474747",dark_grey:"#707070",darker_grey:"#858585",light_grey:"#332F2D",dark_button:"#F5E7DB",warning:"#A56F12",warning_secondary:"#CA9416",error:"#B63A3A",error_secondary:"#DB5151",success:"#4E763A",success_secondary:"#67964C",info:"#525252",info_secondary:"#7A7A7A",default:"#444AD9",default_secondary:"#6C7AE8"},font_family:fi.font_family},wi=e=>e?bi:yi;var ki=Object.freeze({__proto__:null,baseTheme:fi,darkModeTheme:bi,getTheme:wi,lightModeTheme:yi});Tt('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const vi={in:{left:Ft`
|
|
2
2
|
from { transform: translateX(-100%); }
|
|
3
3
|
to { transform: translateX(0); }
|
|
4
4
|
`,right:Ft`
|
|
@@ -112,7 +112,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
112
112
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
113
113
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
114
114
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
115
|
-
`,Ri=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,n]=e.split('"');return{original:e,href:o,label:n.replace("</a>","").replace(">","")}})},
|
|
115
|
+
`,Ri=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,n]=e.split('"');return{original:e,href:o,label:n.replace("</a>","").replace(">","")}})},Bi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Li=(e,t)=>{const o=Ri(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Bi(e);return n?.forEach((t,o)=>{e=e.replace(t.original,`STRONG-${o}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,i]=e.split("###"),a=o?.[parseInt(n.replace("LINK-",""))];return $t.createElement(ft,{key:e},$t.createElement("a",{href:a?.href,target:"_blank",rel:"noreferrer",style:{color:t.colors.majestic_blue_soft}},a?.label),i?`${i} `:" ")}if(e.includes("STRONG-")){const[t,o]=e.split("###"),i=n?.[parseInt(t.replace("STRONG-",""))];return $t.createElement(ft,{key:e},$t.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},Pi=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=Di.useTheme(),u=bt(()=>(e?["string","number"].includes(typeof e)?e.toString():Array.isArray(e)?e.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[e]);return $t.createElement(_i,{$color:t,$size:o,$weight:n,$align:i,$family:a,$opacity:r,$decoration:s,$transform:l,$nowrap:c,...d},u.length?u.map((e,t)=>$t.createElement(ft,{key:`text-${t}-${e}`},Li(e,p),t!==u.length-1?$t.createElement("br",null):null)):e)},Mi=zt.div`
|
|
116
116
|
padding: 4px 0 0 0;
|
|
117
117
|
`,ji=zt(Pi)`
|
|
118
118
|
font-size: 12px;
|
|
@@ -314,7 +314,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
314
314
|
}
|
|
315
315
|
`:""}
|
|
316
316
|
`}
|
|
317
|
-
`,ca=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return $t.createElement(ra,{$variant:t},$t.createElement(la,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},da=zt.div`
|
|
317
|
+
`,ca=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return $t.createElement(ra,{$variant:t},$t.createElement(la,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},da=e=>{function t(){return void 0===e?{}:Go(e)}const[o,n]=yt(t()),[i,a]=yt({}),r=(e,t)=>Object.entries(e).every(([e,o])=>"object"==typeof o&&null!==o?r(o,t[e]):o===t[e]),s=bt(()=>void 0!==e&&!r(e,o),[e,o]);return wt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,areFormValuesEqual:r,isFormDirty:s,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=Go(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:e=>{n(e||t()),a({})}}},pa={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},ua=()=>{const{addNotification:e}=pi(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=da(pa);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:o=>{const n={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":Fn(t)&&(n[e]=en.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:mo.Warning,title:o.alertTitle,message:en.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...Go(pa),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case Jt.CollectContainerAttributes:case Jt.CollectReplicaSetAttributes:case Jt.CollectWorkloadId:case Jt.CollectClusterId:case Jt.LabelsAttributes:case Jt.AnnotationsAttributes:case Jt.ClusterAttributes:case Jt.OverwriteExistingValues:case Jt.AttributeNamesToDelete:case Jt.Renames:case Jt.PiiCategories:case Jt.FallbackSamplingRatio:case Jt.SamplingPercentage:case Jt.EndpointsFilters:case Jt.ServicesNameFilters:case Jt.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},ha=e=>{wt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ma=()=>{const{setCurrentModal:e}=di(),{setDrawerType:t,setDrawerEntityId:o}=ai(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=Gt();return{onClickNode:(r,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(a===l?(n(null),i(null)):(n(c),i(l)),p){case co.Source:case co.Destination:case co.Action:case co.InstrumentationRule:t(p),o(d);break;case wo.AddSource:e(co.Source);break;case wo.AddDestination:e(co.Destination);break;case wo.AddAction:e(co.Action);break;case wo.AddRule:e(co.InstrumentationRule)}}}},ga=()=>{const{setDrawerType:e,setDrawerEntityId:t}=ai(),{markAsDismissed:o,markAsSeen:n}=pi();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case co.InstrumentationRule:e(co.InstrumentationRule),t($n(l,co.InstrumentationRule));break;case co.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(co.Source),t($n(l,co.Source));break;case co.Action:e(co.Action),t($n(l,co.Action));break;case co.Destination:case"Destination":e(co.Destination),t($n(l,co.Destination))}n(r),c&&o(r)}}},xa=()=>{const{selectedConnection:e}=mi();return{selectedConnection:e,isVm:e?.type===ao.Vm}},$a=()=>{const e=kt(null),[t,o]=yt(0),[n,i]=yt(0);return wt(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();o(t),i(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}};var fa;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(fa||(fa={}));const ba=zt.div`
|
|
318
|
+
width: ${({$size:e})=>1.5*e}px;
|
|
319
|
+
height: ${({$size:e})=>1.5*e}px;
|
|
320
|
+
display: flex;
|
|
321
|
+
align-items: center;
|
|
322
|
+
justify-content: center;
|
|
323
|
+
border-radius: 100%;
|
|
324
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
325
|
+
&:hover {
|
|
326
|
+
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
327
|
+
}
|
|
328
|
+
`,ya=({icon:e,size:t=fa.S,onClick:o,disabled:n})=>$t.createElement(ba,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},$t.createElement(e,{size:t})),wa=({onDone:e}={})=>{const[t,o]=yt(!1),[n,i]=yt(-1),a=vt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:vt(({value:e,size:o})=>{const n=t?Ge:Ke;return $t.createElement(ya,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},ka=e=>{const{addNotification:t}=pi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=da(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=en.ILLEGAL_K8S_LABEL):(i=!1,n.name=en.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:mo.Warning,title:e.alertTitle,message:en.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Go(e),name:t};n(void 0,void 0,o)}}},va={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Ca=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=pi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=da(va),[c,d]=yt([]),[p,u]=yt([]);return wt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===uo.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),wt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),wt(()=>{if(t&&0===Vn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=en.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:mo.Warning,title:e.alertTitle,message:en.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...Go(va),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ea=({items:e,rowHeight:t})=>{const o=kt(null),n=It({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},Sa={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Ao.HttpRequest]:null,[Ao.HttpResponse]:null,[Ao.DbQuery]:null,[Ao.Messaging]:null},codeAttributes:{[Co.Column]:null,[Co.FilePath]:null,[Co.Function]:null,[Co.LineNumber]:null,[Co.Namespace]:null,[Co.StackTrace]:null},headersCollection:null,customInstrumentations:{[So.Java]:null,[So.Golang]:null}},Aa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=da(Sa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...Go(Sa),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Ao.HttpRequest]:i[Ao.HttpRequest]?{}:null,[Ao.HttpResponse]:i[Ao.HttpResponse]?{}:null,[Ao.DbQuery]:i[Ao.DbQuery]?{}:null,[Ao.Messaging]:i[Ao.Messaging]?{}:null}),a&&(l.codeAttributes={[Co.Column]:a[Co.Column]||null,[Co.FilePath]:a[Co.FilePath]||null,[Co.Function]:a[Co.Function]||null,[Co.LineNumber]:a[Co.LineNumber]||null,[Co.Namespace]:a[Co.Namespace]||null,[Co.StackTrace]:a[Co.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[So.Java]:s[So.Java]||null,[So.Golang]:s[So.Golang]||null}),o(void 0,void 0,l)}}},Da=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(wt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),Ta=(e,t)=>{wt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Ia=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Ta(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Na=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),za={otelServiceName:"",currentStreamName:""},Oa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=da(za);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Go(za),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Fa=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},_a=(e,t,o)=>({...Fa(e,t,o),currentStreamName:t}),Ra=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),a=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&a,currentStreamName:t}},Ba=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ri(),{selectedStreamName:n}=ii(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=$i(),[d,p]=yt(s),[u,h]=yt(""),[m,g]=yt(!1),[x,$]=yt([]),[f,b]=yt(""),[y,w]=yt(r),[k,v]=yt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>_a(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=_a(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Fa(e,n));$(e=>[...e,a]),l({...$i.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>_a(e,n,o))}))}h("")}};wt(()=>(i.current=!0,o?.length&&!$i.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||Ra(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=yt(""),[A,D]=yt(co.Source),[T,I]=yt(!1),[N,z]=yt(!1),O=bt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,co.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,co.Source)&&(!T||t.selected)&&(e=>!N||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,N]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:Ra(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:I,showRunningOnly:N,setShowRunningOnly:z}};try{St.addDefaultLocale(Nt)}catch(e){}const La=()=>{const e=kt(new St(Nt.locale));return{formatTimeAgo:vt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Pa=zt.div`
|
|
318
329
|
flex: 1;
|
|
319
330
|
align-self: stretch;
|
|
320
331
|
display: flex;
|
|
@@ -322,7 +333,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
322
333
|
gap: 24px;
|
|
323
334
|
padding: 24px;
|
|
324
335
|
overflow-x: scroll;
|
|
325
|
-
`,
|
|
336
|
+
`,Ma=zt.div`
|
|
326
337
|
position: relative;
|
|
327
338
|
|
|
328
339
|
// inherit all the properties of the parent (PageContent)
|
|
@@ -332,7 +343,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
332
343
|
flex-direction: inherit;
|
|
333
344
|
gap: inherit;
|
|
334
345
|
overflow-x: inherit;
|
|
335
|
-
`,
|
|
346
|
+
`,ja=zt.div`
|
|
336
347
|
display: flex;
|
|
337
348
|
flex-direction: row;
|
|
338
349
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -340,7 +351,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
340
351
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
341
352
|
gap: ${({$gap:e=2})=>e}px;
|
|
342
353
|
padding: ${({$padding:e="unset"})=>e};
|
|
343
|
-
`,
|
|
354
|
+
`,Ua=zt.div`
|
|
344
355
|
display: flex;
|
|
345
356
|
flex-direction: column;
|
|
346
357
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -348,17 +359,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
348
359
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
349
360
|
gap: ${({$gap:e=2})=>e}px;
|
|
350
361
|
padding: ${({$padding:e="unset"})=>e};
|
|
351
|
-
`,
|
|
362
|
+
`,Wa=zt(Ua)`
|
|
352
363
|
width: ${({$width:e})=>e||"100%"};
|
|
353
364
|
height: ${({$height:e})=>e||"unset"};
|
|
354
365
|
align-items: center;
|
|
355
366
|
justify-content: center;
|
|
356
|
-
`,
|
|
367
|
+
`,Va=zt.div`
|
|
357
368
|
display: flex;
|
|
358
369
|
flex-direction: column;
|
|
359
370
|
padding: 12px;
|
|
360
371
|
overflow-y: scroll;
|
|
361
|
-
`,
|
|
372
|
+
`,Ha=zt.div`
|
|
362
373
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
363
374
|
top: 0;
|
|
364
375
|
left: 0;
|
|
@@ -367,39 +378,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
367
378
|
z-index: 1000;
|
|
368
379
|
background: rgba(0, 0, 0, 0.6);
|
|
369
380
|
backdrop-filter: blur(2px);
|
|
370
|
-
|
|
381
|
+
`,qa=zt.div`
|
|
371
382
|
width: 800px;
|
|
372
383
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
373
384
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
374
385
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
375
386
|
padding: 0 2px;
|
|
376
387
|
overflow-y: scroll;
|
|
377
|
-
`,
|
|
388
|
+
`,Ga=zt(Ua)`
|
|
378
389
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
379
390
|
width: 100%;
|
|
380
|
-
`,
|
|
391
|
+
`,Ka=zt(ja)`
|
|
381
392
|
gap: 16px;
|
|
382
393
|
padding: 16px;
|
|
383
|
-
`,
|
|
394
|
+
`,Ya=zt.div`
|
|
384
395
|
width: 100%;
|
|
385
396
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
386
397
|
overflow-y: auto;
|
|
387
|
-
`,
|
|
388
|
-
width: ${({$size:e})=>1.5*e}px;
|
|
389
|
-
height: ${({$size:e})=>1.5*e}px;
|
|
390
|
-
display: flex;
|
|
391
|
-
align-items: center;
|
|
392
|
-
justify-content: center;
|
|
393
|
-
border-radius: 100%;
|
|
394
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
395
|
-
&:hover {
|
|
396
|
-
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
397
|
-
}
|
|
398
|
-
`,Na=({icon:e,size:t=Ta.S,onClick:o,disabled:n})=>$t.createElement(Ia,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},$t.createElement(e,{size:t})),za=({onDone:e}={})=>{const[t,o]=yt(!1),[n,i]=yt(-1),a=vt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:vt(({value:e,size:o})=>{const n=t?Ge:Ke;return $t.createElement(Na,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Oa=e=>{const{addNotification:t}=pi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=wa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=en.ILLEGAL_K8S_LABEL):(i=!1,n.name=en.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:mo.Warning,title:e.alertTitle,message:en.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Go(e),name:t};n(void 0,void 0,o)}}},Fa={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},_a=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=pi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=wa(Fa),[c,d]=yt([]),[p,u]=yt([]);return wt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===uo.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),wt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),wt(()=>{if(t&&0===Vn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=en.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:mo.Warning,title:e.alertTitle,message:en.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...Go(Fa),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ra=({items:e,rowHeight:t})=>{const o=kt(null),n=It({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},La={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Ao.HttpRequest]:null,[Ao.HttpResponse]:null,[Ao.DbQuery]:null,[Ao.Messaging]:null},codeAttributes:{[Co.Column]:null,[Co.FilePath]:null,[Co.Function]:null,[Co.LineNumber]:null,[Co.Namespace]:null,[Co.StackTrace]:null},headersCollection:null,customInstrumentations:{[So.Java]:null,[So.Golang]:null}},Ba=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=wa(La);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...Go(La),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Ao.HttpRequest]:i[Ao.HttpRequest]?{}:null,[Ao.HttpResponse]:i[Ao.HttpResponse]?{}:null,[Ao.DbQuery]:i[Ao.DbQuery]?{}:null,[Ao.Messaging]:i[Ao.Messaging]?{}:null}),a&&(l.codeAttributes={[Co.Column]:a[Co.Column]||null,[Co.FilePath]:a[Co.FilePath]||null,[Co.Function]:a[Co.Function]||null,[Co.LineNumber]:a[Co.LineNumber]||null,[Co.Namespace]:a[Co.Namespace]||null,[Co.StackTrace]:a[Co.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[So.Java]:s[So.Java]||null,[So.Golang]:s[So.Golang]||null}),o(void 0,void 0,l)}}},Pa=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(wt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),Ma=(e,t)=>{wt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},ja=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Ma(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Ua=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Wa={otelServiceName:"",currentStreamName:""},Va=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=wa(Wa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Go(Wa),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ha=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},qa=(e,t,o)=>({...Ha(e,t,o),currentStreamName:t}),Ga=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),a=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&a,currentStreamName:t}},Ka=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ri(),{selectedStreamName:n}=ii(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=$i(),[d,p]=yt(s),[u,h]=yt(""),[m,g]=yt(!1),[x,$]=yt([]),[f,b]=yt(""),[y,w]=yt(r),[k,v]=yt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>qa(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=qa(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Ha(e,n));$(e=>[...e,a]),l({...$i.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>qa(e,n,o))}))}h("")}};wt(()=>(i.current=!0,o?.length&&!$i.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||Ga(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=yt(""),[A,D]=yt(co.Source),[T,I]=yt(!1),[N,z]=yt(!1),O=bt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,co.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,co.Source)&&(!T||t.selected)&&(e=>!N||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,N]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:Ga(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:I,showRunningOnly:N,setShowRunningOnly:z}};try{St.addDefaultLocale(Nt)}catch(e){}const Ya=()=>{const e=kt(new St(Nt.locale));return{formatTimeAgo:vt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Ja=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=zt(e)`
|
|
399
|
-
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
400
|
-
animation-duration: ${n}ms;
|
|
401
|
-
animation-fill-mode: forwards;
|
|
402
|
-
`;return vt(({children:e,enter:t,...o})=>{const[a,r]=yt(!1);return wt(()=>{const e=setTimeout(()=>r(t),n+50);return()=>clearTimeout(e)},[t,n]),t||a?$t.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},Xa=zt.div`
|
|
398
|
+
`,Ja=zt.div`
|
|
403
399
|
position: fixed;
|
|
404
400
|
top: 50%;
|
|
405
401
|
left: 50%;
|
|
@@ -410,26 +406,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
410
406
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
411
407
|
border-radius: 40px;
|
|
412
408
|
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Di.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
413
|
-
|
|
409
|
+
animation-name: ${Di.animations.slide.in.center};
|
|
410
|
+
`,Xa=zt.div`
|
|
414
411
|
display: flex;
|
|
415
412
|
justify-content: space-between;
|
|
416
413
|
align-items: center;
|
|
417
414
|
height: 80px;
|
|
418
415
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
419
416
|
padding: 0 24px;
|
|
420
|
-
`,
|
|
417
|
+
`,Qa=zt.div`
|
|
421
418
|
cursor: pointer;
|
|
422
419
|
display: flex;
|
|
423
420
|
align-items: center;
|
|
424
421
|
gap: 8px;
|
|
425
|
-
`,
|
|
422
|
+
`,Za=zt.div`
|
|
426
423
|
display: flex;
|
|
427
424
|
align-items: center;
|
|
428
425
|
gap: 8px;
|
|
429
|
-
`,
|
|
426
|
+
`,er=zt(Wa)`
|
|
430
427
|
min-width: 350px;
|
|
431
428
|
min-height: 150px;
|
|
432
|
-
`,
|
|
429
|
+
`,tr=zt.div`
|
|
433
430
|
position: absolute;
|
|
434
431
|
left: 50%;
|
|
435
432
|
transform: translateX(-50%);
|
|
@@ -438,24 +435,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
438
435
|
justify-content: center;
|
|
439
436
|
width: 100%;
|
|
440
437
|
pointer-events: none;
|
|
441
|
-
`,
|
|
438
|
+
`,or=zt(Pi)`
|
|
442
439
|
text-transform: uppercase;
|
|
443
440
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
444
441
|
pointer-events: auto;
|
|
445
|
-
`,
|
|
442
|
+
`,nr=zt(Pi)`
|
|
446
443
|
text-transform: uppercase;
|
|
447
444
|
font-weight: 500;
|
|
448
445
|
font-size: 14px;
|
|
449
446
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
450
447
|
text-decoration: underline;
|
|
451
448
|
cursor: pointer;
|
|
452
|
-
`,
|
|
449
|
+
`,ir=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>(Da({key:"Escape",active:e&&r},()=>i()),ha(e),e?jt.createPortal($t.createElement($t.Fragment,null,$t.createElement(Ha,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),$t.createElement(Ja,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:"")},o&&$t.createElement(Xa,null,$t.createElement(Qa,{onClick:i},$t.createElement(Ye,null),$t.createElement(nr,null,"Cancel")),$t.createElement(tr,null,$t.createElement(or,null,o.title)),$t.createElement(Za,null,n)),$t.createElement(er,null,a))),document.body):null),ar=zt.div`
|
|
453
450
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
454
451
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
455
452
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
456
453
|
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Di.opacity.hex["050"]};
|
|
457
454
|
opacity: ${({$opacity:e})=>e||1};
|
|
458
|
-
`,
|
|
455
|
+
`,rr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>$t.createElement(ar,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),sr=zt.div`
|
|
459
456
|
position: absolute;
|
|
460
457
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
461
458
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -470,24 +467,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
470
467
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
471
468
|
|
|
472
469
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
473
|
-
`,
|
|
470
|
+
`,lr=zt.div`
|
|
474
471
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
475
472
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
476
|
-
`,
|
|
473
|
+
`,cr=zt.div`
|
|
477
474
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
478
|
-
`,
|
|
475
|
+
`,dr=zt.div`
|
|
479
476
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
480
477
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
481
|
-
`,
|
|
478
|
+
`,pr=Ct(({isOpen:e,asPortal:t,...o},n)=>{const i=bt(()=>{const{children:e,top:i,bottom:a,left:r,right:s,borderRadius:l,padding:c,maxWidth:d,width:p,header:u,footer:h,withPointerEvents:m,...g}=o;return $t.createElement(sr,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&$t.createElement(lr,{$padding:c},u),$t.createElement(cr,{$padding:c},e),h&&$t.createElement(dr,{$padding:c},h))},[n,o,t]);return e?t?jt.createPortal(i,document.body):i:null});pr.displayName=pr.name;const ur=zt.div`
|
|
482
479
|
position: relative;
|
|
483
480
|
display: flex;
|
|
484
481
|
align-items: center;
|
|
485
482
|
gap: 4px;
|
|
486
483
|
// cursor: help;
|
|
487
|
-
`,
|
|
484
|
+
`,hr=zt(Pi)`
|
|
488
485
|
word-break: break-word;
|
|
489
486
|
white-space: pre-wrap;
|
|
490
|
-
`,
|
|
487
|
+
`,mr=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=Di.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Ia({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=bt(()=>!!Ri(n||"")?.length,[n]),h=e=>{const{type:t,clientX:o,clientY:n}=e;u?p(d.left||o,d.top||n):p(o,n),c("mouseleave"!==t)};return n?$t.createElement(ur,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&$t.createElement(qe,{fill:r.v2.colors.silver[200]}),$t.createElement(pr,{ref:s,isOpen:l,top:d.top,left:d.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?h:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!o)&&$t.createElement(ja,{style:{marginBottom:"4px"},$gap:4},t&&$t.createElement(t,{key:"icon",size:12,fill:r.text.secondary}),o&&$t.createElement(Pi,{key:"title",size:12,color:r.text.secondary},o)),$t.createElement(hr,{size:12,color:r.text.info},n),!!i&&$t.createElement(Pi,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):$t.createElement($t.Fragment,null,a)},gr=zt.button`
|
|
491
488
|
position: relative;
|
|
492
489
|
width: ${({$size:e})=>e}px;
|
|
493
490
|
height: ${({$size:e})=>e}px;
|
|
@@ -501,7 +498,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
501
498
|
&:hover {
|
|
502
499
|
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Di.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
503
500
|
}
|
|
504
|
-
|
|
501
|
+
`,xr=zt.div`
|
|
505
502
|
position: absolute;
|
|
506
503
|
top: ${({$size:e})=>e/5}px;
|
|
507
504
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -518,7 +515,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
518
515
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
519
516
|
animation: ${Di.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
520
517
|
}
|
|
521
|
-
|
|
518
|
+
`,$r=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>$t.createElement(mr,{text:o},$t.createElement(gr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&$t.createElement(xr,{$size:n,$color:a}),e)),fr=zt.div`
|
|
522
519
|
position: relative;
|
|
523
520
|
&.animated {
|
|
524
521
|
overflow: hidden;
|
|
@@ -526,7 +523,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
526
523
|
border-radius: 32px;
|
|
527
524
|
animation: ${({$isLeaving:e})=>e?Di.animations.slide.out.bottom:Di.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
528
525
|
}
|
|
529
|
-
`,
|
|
526
|
+
`,br=zt.div`
|
|
530
527
|
position: absolute;
|
|
531
528
|
bottom: -1px;
|
|
532
529
|
left: 0;
|
|
@@ -536,7 +533,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
536
533
|
border-radius: 32px;
|
|
537
534
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
538
535
|
animation: ${Di.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
539
|
-
`,
|
|
536
|
+
`,yr=zt.div`
|
|
540
537
|
display: flex;
|
|
541
538
|
align-items: center;
|
|
542
539
|
flex: 1;
|
|
@@ -544,20 +541,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
544
541
|
padding: 0 12px;
|
|
545
542
|
border-radius: 32px;
|
|
546
543
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
547
|
-
`,
|
|
544
|
+
`,wr=zt.div`
|
|
548
545
|
display: flex;
|
|
549
546
|
align-items: center;
|
|
550
547
|
margin: 0 auto 0 0;
|
|
551
548
|
padding: 8px 0;
|
|
552
549
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
553
550
|
min-height: 12px;
|
|
554
|
-
`,
|
|
551
|
+
`,kr=zt(Pi)`
|
|
555
552
|
font-size: 14px;
|
|
556
553
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
557
|
-
`,
|
|
554
|
+
`,vr=zt(Pi)`
|
|
558
555
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
559
556
|
font-size: 12px;
|
|
560
|
-
`,
|
|
557
|
+
`,Cr=zt(ja)``,Er=zt(Pi)`
|
|
561
558
|
text-transform: uppercase;
|
|
562
559
|
text-decoration: underline;
|
|
563
560
|
font-size: 12px;
|
|
@@ -568,28 +565,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
568
565
|
transform: scale(1.1);
|
|
569
566
|
transition: transform 0.3s;
|
|
570
567
|
}
|
|
571
|
-
`,
|
|
568
|
+
`,Sr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Di.useTheme(),[d,p]=yt(!1),u=kt(null),h=kt(null),m=e=>{a&&(p(!0),a({asSeen:e?.asSeen}))};wt(()=>(u.current=setTimeout(()=>m({asSeen:!1}),r),()=>{u.current&&clearTimeout(u.current)}),[r]);const g=t||An(e,c);return $t.createElement(fr,{className:a?"animated":"",$duration:r,$isLeaving:d,onMouseEnter:()=>{u.current&&clearTimeout(u.current),h.current&&(h.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(h.current){const e=h.current.offsetWidth/h.current.parentElement.offsetWidth*r;u.current=setTimeout(()=>m({asSeen:!1}),e),h.current.style.animationPlayState="running"}}},$t.createElement(yr,{"data-id":"toast",$type:e,style:l},$t.createElement(g,{fill:c.text[e]}),$t.createElement(wr,{$withAction:!!i,$overrideMaxWidth:s},o&&$t.createElement(kr,{$type:e},o),o&&n&&$t.createElement(rr,{orientation:"vertical",type:e}),n&&$t.createElement(vr,{$type:e},n)),(!!i||!!a)&&$t.createElement(Cr,null,i&&$t.createElement(Er,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&$t.createElement($r,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},$t.createElement(Ye,{size:12})))),a&&$t.createElement(br,{ref:h,$duration:r,$type:e}))},Ar=zt.div`
|
|
572
569
|
padding: 24px 32px;
|
|
573
|
-
`,
|
|
570
|
+
`,Dr=zt.div`
|
|
574
571
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
575
|
-
`,
|
|
572
|
+
`,Tr=zt(Pi)`
|
|
576
573
|
font-size: 20px;
|
|
577
574
|
line-height: 28px;
|
|
578
|
-
`,
|
|
575
|
+
`,Ir=zt(Pi)`
|
|
579
576
|
color: ${({theme:e})=>e.text.grey};
|
|
580
577
|
width: 416px;
|
|
581
578
|
font-style: normal;
|
|
582
579
|
font-weight: 300;
|
|
583
580
|
line-height: 24px;
|
|
584
|
-
`,
|
|
581
|
+
`,Nr=zt.div`
|
|
585
582
|
display: flex;
|
|
586
583
|
justify-content: space-between;
|
|
587
584
|
gap: 12px;
|
|
588
|
-
`,
|
|
585
|
+
`,zr=zt(ca)`
|
|
589
586
|
width: 250px;
|
|
590
|
-
`,
|
|
587
|
+
`,Or=zt.div`
|
|
591
588
|
margin-bottom: 12px;
|
|
592
|
-
`,
|
|
589
|
+
`,Fr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Da({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return $t.createElement(ir,{isOpen:e,noOverlay:t,onClose:l},$t.createElement(Ar,null,$t.createElement(Tr,null,o),$t.createElement(Dr,{$withNote:!!i},$t.createElement(Ir,null,n)),!!i&&$t.createElement(Or,null,$t.createElement(Sr,{type:i.type,title:i.title,message:i.message})),$t.createElement(Nr,null,$t.createElement(zr,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),$t.createElement(zr,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},_r=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>$t.createElement(Fr,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:mo.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),Rr=zt.div`
|
|
593
590
|
display: flex;
|
|
594
591
|
align-items: center;
|
|
595
592
|
gap: 8px;
|
|
@@ -609,9 +606,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
609
606
|
&:hover {
|
|
610
607
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
611
608
|
}
|
|
612
|
-
`,
|
|
609
|
+
`,Lr=({title:e,titleColor:t,tooltip:o,value:n=!1,partiallyChecked:i=!1,onChange:a,disabled:r,style:s,errorMessage:l,allowPropagation:c=!1})=>{const d=Di.useTheme(),[p,u]=yt(n);return wt(()=>u(n),[n]),$t.createElement(Ua,null,$t.createElement(Rr,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},$t.createElement(Br,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?$t.createElement(Je,{fill:d.text.white}):p?$t.createElement(Ge,{fill:d.text.white}):null),e&&$t.createElement(mr,{text:o,withIcon:!0},$t.createElement(Pi,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&$t.createElement(Ui,null,l))},Pr=zt(ja)`
|
|
613
610
|
gap: 0;
|
|
614
|
-
`,
|
|
611
|
+
`,Mr=zt.button`
|
|
615
612
|
padding: 4px 8px;
|
|
616
613
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
617
614
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -623,22 +620,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
623
620
|
&:hover {
|
|
624
621
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
625
622
|
}
|
|
626
|
-
`,
|
|
623
|
+
`,jr=({isPrettyMode:e,setIsPrettyMode:t})=>$t.createElement(Pr,null,$t.createElement(Mr,{$position:"left",$selected:e,onClick:()=>t(!0)},$t.createElement(Xe,null)),$t.createElement(Mr,{$position:"right",$selected:!e,onClick:()=>t(!1)},$t.createElement(Qe,null))),Ur=zt.table`
|
|
627
624
|
border-collapse: collapse;
|
|
628
625
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
629
|
-
`,
|
|
626
|
+
`,Wr=zt.tbody``,Vr=zt.tr`
|
|
630
627
|
td:first-child {
|
|
631
628
|
padding-left: 0 !important;
|
|
632
629
|
}
|
|
633
630
|
td:last-child {
|
|
634
631
|
padding-right: 0 !important;
|
|
635
632
|
}
|
|
636
|
-
`,
|
|
633
|
+
`,Hr=zt.td`
|
|
637
634
|
vertical-align: top;
|
|
638
635
|
padding: 4px 6px;
|
|
639
|
-
`,
|
|
636
|
+
`,qr=zt(Pi)`
|
|
640
637
|
white-space: nowrap;
|
|
641
|
-
`,
|
|
638
|
+
`,Gr=zt.span`
|
|
642
639
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
643
640
|
overflow-wrap: break-word;
|
|
644
641
|
word-break: break-word;
|
|
@@ -646,12 +643,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
646
643
|
/* Fallback for older browsers */
|
|
647
644
|
-ms-word-break: break-all;
|
|
648
645
|
font-size: 12px;
|
|
649
|
-
`,
|
|
646
|
+
`,Kr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=Di.useTheme(),r=o?Vt[o]:a?Vt.palenight:Vt.vsLight;let s="";if("json"===e){const e=Nn(t,{}),o=Kn(e);s=Yn(n?an(o):o)}else s=t;return i&&"json"===e?$t.createElement(Yr,{darkMode:a,str:s}):$t.createElement(Wt,{theme:r||(a?Vt.palenight:Vt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>$t.createElement("pre",null,o.map((o,n)=>$t.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>$t.createElement(Gr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},Yr=({darkMode:e,str:t})=>{const o=Di.useTheme();return $t.createElement(Wt,{theme:e?Vt.palenight:Vt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>$t.createElement(Ur,null,$t.createElement(Wr,null,n.map((n,i)=>{const a=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],n=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(n.split("@")[0])&&(o[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:n}})})(n),r=e({line:a});return 1===a.length&&"property"===a[0].types[0]?$t.createElement(ft,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>$t.createElement(Vr,{...e},$t.createElement(Hr,null),$t.createElement(Hr,null)));return $t.createElement(ft,null,n.map((e,n)=>$t.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),$t.createElement(Vr,{...r},$t.createElement(Hr,null,$t.createElement(qr,null,a[0].content)),$t.createElement(Hr,null))):2===a.length?$t.createElement(Vr,{key:`line-${i}`,...r},a.map((e,n)=>{const{text:a,components:r}=((e,t)=>{const[o,...n]=e.split("@");return{text:o,components:n?.map((e,o)=>{if(!e.includes("="))return null;const[n,i]=e.split("=");switch(n){case"tooltip":return $t.createElement(mr,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return $t.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=An(i,t);return e||(e=An(mo.Warning,t)),$t.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return $t.createElement(Hr,{key:`line-${i}-token-${n}`},$t.createElement(ja,null,$t.createElement(ja,null,r),$t.createElement(Gr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},Jr={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function Xr(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const n=(e.match(/[^0-9]*$/)||"").toString();return Jr[n]?{value:t,unit:n}:{value:t,unit:"px"}}function Qr(e){const t=Xr(e);return`${t.value}${t.unit}`}const Zr=(()=>{const e="react-spinners-FadeLoader-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(n,0),e})(),es=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=Di.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=Xr(2),d=c+4.2,p=d/2+d/5.5,u=4*d*o,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:o,...a,...i},m=(e,t)=>({position:"absolute",width:Qr(1.5),height:Qr(4),borderRadius:Qr(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${Zr} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return $t.createElement("span",{style:h,...r},$t.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),$t.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),$t.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),$t.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),$t.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),$t.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),$t.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),$t.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},ts=zt.div`
|
|
650
647
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
651
648
|
display: flex;
|
|
652
649
|
align-items: center;
|
|
653
650
|
justify-content: center;
|
|
654
|
-
`,
|
|
651
|
+
`,os=({extend:e,size:t=14,align:o="center"})=>$t.createElement(ts,{$align:o},$t.createElement(Ze,{size:t,rotate:e?180:0})),ns=zt.div`
|
|
655
652
|
border-radius: 24px;
|
|
656
653
|
background-color: ${({theme:e,$status:t})=>t===mo.Error?e.text.error+Di.opacity.hex["010"]:t===mo.Warning?e.text.warning+Di.opacity.hex["010"]:e.colors.secondary+Di.opacity.hex["005"]};
|
|
657
654
|
&:hover {
|
|
@@ -659,25 +656,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
659
656
|
}
|
|
660
657
|
cursor: pointer;
|
|
661
658
|
transition: background 0.3s;
|
|
662
|
-
`,
|
|
659
|
+
`,is=zt.div`
|
|
663
660
|
display: flex;
|
|
664
661
|
align-items: center;
|
|
665
662
|
gap: 12px;
|
|
666
663
|
padding: 12px 18px;
|
|
667
|
-
`,
|
|
664
|
+
`,as=zt.div`
|
|
668
665
|
display: flex;
|
|
669
666
|
flex-direction: column;
|
|
670
667
|
gap: 8px;
|
|
671
668
|
padding: 6px 18px 12px 18px;
|
|
672
|
-
`,
|
|
669
|
+
`,rs=zt.div`
|
|
673
670
|
display: flex;
|
|
674
671
|
align-items: center;
|
|
675
672
|
gap: 12px;
|
|
676
|
-
`,
|
|
673
|
+
`,ss=zt(Pi)`
|
|
677
674
|
white-space: nowrap;
|
|
678
|
-
`,
|
|
675
|
+
`,ls=zt(Ua)`
|
|
679
676
|
width: 16px;
|
|
680
|
-
`,
|
|
677
|
+
`,cs=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Di.useTheme(),[a,r]=yt(!1),s=bt(()=>Un(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=bt(()=>cn(s),[s]);wt(()=>{r(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?mo.Error:p?mo.Warning:u?mo.Info:mo.Success,x=An(g,i),$=c?t:p||u?o:m?"Loading...":n,f=c?i.text.error:p?i.text.warning:i.text.info,b=`(${c?l.length:p?d.length:s.length}/${s.length})`,y=c?i.text.error_secondary:p?i.text.warning_secondary:i.text.info_secondary,w=vt(()=>r(e=>!e),[]);return $t.createElement(ns,{onClick:w,$status:g},$t.createElement(is,null,m?$t.createElement(es,null):$t.createElement(x,null),$t.createElement(Pi,{color:f,size:14},$),$t.createElement(Pi,{color:y,size:12,family:"secondary"},b),$t.createElement(os,{extend:a,align:"right"})),a&&$t.createElement(as,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===xo.Loading?()=>$t.createElement(es,{scale:.8}):e===xo.Disabled?An(mo.Info,i):An(e,i),l=e===xo.Disabled?i.text.info:e===mo.Error?i.text.error:e===mo.Warning?i.text.warning:i.text.info,c=e===xo.Disabled?i.text.info_secondary:e===mo.Error?i.text.error_secondary:e===mo.Warning?i.text.warning_secondary:i.text.info_secondary;return $t.createElement(rs,{key:`condition-${r}`},$t.createElement(ls,null,$t.createElement(s,null)),$t.createElement(ja,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},$t.createElement(Pi,{color:l,size:12},$t.createElement(ss,{color:c,size:12,weight:700},t),n||o),$t.createElement(ss,{color:l,size:12},new Date(a).toLocaleString())))})))},ds=zt.div`
|
|
681
678
|
display: flex;
|
|
682
679
|
align-items: center;
|
|
683
680
|
gap: ${({$size:e})=>e/3}px;
|
|
@@ -686,13 +683,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
686
683
|
border-radius: 360px;
|
|
687
684
|
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Di.opacity.hex["050"]}`:"none"};
|
|
688
685
|
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Di.opacity.hex["030"]} 100%)`:"transparent"};
|
|
689
|
-
`,
|
|
686
|
+
`,ps=zt.div`
|
|
690
687
|
display: flex;
|
|
691
688
|
align-items: center;
|
|
692
|
-
`,
|
|
689
|
+
`,us=zt.div`
|
|
693
690
|
display: flex;
|
|
694
691
|
align-items: center;
|
|
695
|
-
`,
|
|
692
|
+
`,hs=({title:e,subtitle:t,status:o=mo.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Di.useTheme(),u=[xo.Loading,xo.Disabled].includes(o)?mo.Info:o,h=n?()=>$t.createElement(n,{size:l+2,fill:p.text[u]}):o===xo.Loading?()=>$t.createElement(es,{scale:.8}):()=>An(u,p)?.({size:l+2});return $t.createElement(ds,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&$t.createElement(ps,null,$t.createElement(h,null)),(!!e||!!t)&&$t.createElement(us,null,!!e&&$t.createElement(Pi,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&$t.createElement(rr,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&$t.createElement(Pi,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},ms=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=_t();return $t.createElement(ca,{onClick:t,variant:o,...i},$t.createElement(et,{fill:"primary"===o?a.text.primary:a.text.info}),$t.createElement(Pi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||on.ADD))},gs=zt(ja)`
|
|
696
693
|
width: 100%;
|
|
697
694
|
border-radius: 8px;
|
|
698
695
|
background-color: ${({theme:e})=>e.colors.secondary+Di.opacity.hex["010"]};
|
|
@@ -703,7 +700,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
703
700
|
width: 100%;
|
|
704
701
|
padding-left: 12px;
|
|
705
702
|
}
|
|
706
|
-
|
|
703
|
+
`,xs=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=wa();return $t.createElement(gs,null,$t.createElement("pre",null,e),$t.createElement($r,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?$t.createElement(Ge,null):$t.createElement(Ke,null)))},$s=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=_t();return $t.createElement(ca,{onClick:t,variant:o,...n},$t.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),$t.createElement(Pi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||on.EDIT))},fs=({onClick:e})=>$t.createElement(Sr,{type:mo.Default,icon:je,message:tn.QUICK_BACK_TO_SUMMARY,action:{label:tn.GO_TO_SUMMARY,onClick:e}}),bs=zt(Pi)`
|
|
707
704
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
708
705
|
white-space: nowrap;
|
|
709
706
|
overflow-x: auto;
|
|
@@ -713,7 +710,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
713
710
|
content: '';
|
|
714
711
|
display: block;
|
|
715
712
|
}
|
|
716
|
-
`,
|
|
713
|
+
`,ys=({maxWidth:e,text:t,textSize:o=16,textColor:n})=>{const[i,a]=yt(!1),r=kt(null);return wt(()=>{if(r.current){const{clientWidth:t}=r.current;a(t<1.05*(e-o)&&t>.95*(e-o))}},[e,o,t]),$t.createElement(ja,{$gap:0},t&&$t.createElement(mr,{text:i?t:void 0},$t.createElement(bs,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&$t.createElement(bs,{$maxWidth:o,size:o,color:n},"..."))},ws=({src:e="",alt:t="",size:n=16})=>{const[i,a]=yt(!1);return e&&!i?$t.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>a(!0)}):$t.createElement(o,{size:n})},ks=zt.div`
|
|
717
714
|
display: flex;
|
|
718
715
|
align-items: center;
|
|
719
716
|
justify-content: center;
|
|
@@ -721,7 +718,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
721
718
|
height: ${({$size:e})=>e}px;
|
|
722
719
|
border-radius: 8px;
|
|
723
720
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Di.opacity.hex["030"]} 100%)`}};
|
|
724
|
-
`,
|
|
721
|
+
`,vs=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>$t.createElement(ks,{$status:i,$size:a},t?$t.createElement(ws,{src:t,alt:n,size:a-12}):e?$t.createElement(e,{size:a-12}):$t.createElement(o,{size:a-12})),Cs=zt.div`
|
|
725
722
|
position: relative;
|
|
726
723
|
display: flex;
|
|
727
724
|
flex-wrap: wrap;
|
|
@@ -729,7 +726,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
729
726
|
justify-content: center;
|
|
730
727
|
width: ${({$size:e})=>e}px;
|
|
731
728
|
height: ${({$size:e})=>e}px;
|
|
732
|
-
`,
|
|
729
|
+
`,Es=zt.div`
|
|
733
730
|
position: absolute;
|
|
734
731
|
top: ${({$top:e})=>e}px;
|
|
735
732
|
left: ${({$left:e})=>e}px;
|
|
@@ -742,9 +739,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
742
739
|
border-radius: 100%;
|
|
743
740
|
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Di.opacity.hex["030"]};
|
|
744
741
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Di.opacity.hex["030"]} 100%)`}};
|
|
745
|
-
`,
|
|
742
|
+
`,Ss=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=Di.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return $t.createElement(Ss,{icons:t.map(e=>()=>$t.createElement(ws,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return $t.createElement(vs,{icon:e[0],status:o,size:n});const s=t=>e.length<=2?.5*r:0===t||1===t?0:1.15*r,l=e=>0===e?0:1===e?1.15*r:1.15*r*.5;return $t.createElement(Cs,{$status:o,$size:n},e.map((t,n)=>n>2?null:$t.createElement(Es,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?$t.createElement(Pi,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):$t.createElement(t,{size:r}))))},As=Uo.map(({id:e})=>e),Ds=({monitors:e=As,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=Di.useTheme(),r=i||a.text.grey;return $t.createElement(ja,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=Wo(i),s=yn(i);return s?$t.createElement(mr,{key:i,text:t?a:""},$t.createElement(ja,{$gap:n/3},$t.createElement(s,{size:o?n+2:n,fill:r}),o&&$t.createElement(Pi,{size:n,color:r},a))):null}))},Ts=zt.div`
|
|
746
743
|
visibility: hidden;
|
|
747
|
-
`,
|
|
744
|
+
`,Is=zt.div`
|
|
748
745
|
display: flex;
|
|
749
746
|
flex-direction: column;
|
|
750
747
|
align-self: stretch;
|
|
@@ -758,76 +755,76 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
758
755
|
&:hover {
|
|
759
756
|
cursor: pointer;
|
|
760
757
|
background-color: ${o||(t?e.text[t]+Di.opacity.hex["020"]:e.colors.secondary+Di.opacity.hex["010"])};
|
|
761
|
-
${
|
|
758
|
+
${Ts} {
|
|
762
759
|
visibility: visible;
|
|
763
760
|
}
|
|
764
761
|
}
|
|
765
|
-
`:`\n &:hover {\n ${
|
|
766
|
-
`,
|
|
762
|
+
`:`\n &:hover {\n ${Ts} {\n visibility: visible;\n }\n }\n `}
|
|
763
|
+
`,Ns=zt.div`
|
|
767
764
|
display: flex;
|
|
768
765
|
align-items: center;
|
|
769
766
|
gap: 8px;
|
|
770
767
|
margin-left: auto;
|
|
771
|
-
`,
|
|
768
|
+
`,zs=zt(Pi)`
|
|
772
769
|
margin-right: 16px;
|
|
773
|
-
`,
|
|
770
|
+
`,Os=zt(Pi)`
|
|
774
771
|
font-size: 10px;
|
|
775
772
|
color: ${({theme:e})=>e.text.grey};
|
|
776
|
-
`,
|
|
773
|
+
`,Fs=({title:e,subTitle:t,hoverText:o,onClick:n,renderActions:i,iconProps:{icon:a,icons:r,iconSrc:s,iconSrcs:l}={},visualProps:{status:c,faded:d,bgColor:p,bgColorHover:u,monitors:h,monitorsWithLabels:m,componentsUnderTitles:g}={},checkboxProps:{withCheckbox:x,isCheckboxDisabled:$,isChecked:f,isLoading:b,onCheckboxChange:y}={},extendableProps:{withExtend:w,isExtended:k,renderExtended:v}={},...C})=>{const E=Di.useTheme(),[S,A]=yt(k||!1),[D,T]=yt(0),I=kt(null),N=kt(null),z=kt(null);return wt(()=>{if(I.current){const e=I.current.clientWidth,t=N.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),$t.createElement(Is,{ref:I,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},$t.createElement(ja,{$gap:8},$t.createElement(ja,{$gap:16},b?$t.createElement(es,null):x?$t.createElement(Lr,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?$t.createElement(Ss,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?$t.createElement(vs,{icon:a,src:s,status:c}):null),$t.createElement(Ua,{$gap:4},e&&$t.createElement(ys,{maxWidth:D,text:e,textSize:14}),$t.createElement(ja,{$gap:4},t&&$t.createElement(ys,{maxWidth:D-(z.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&$t.createElement(ja,{$gap:4,ref:z},t&&$t.createElement(Os,null,"•"),$t.createElement(Ds,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?$t.createElement(ja,{$gap:4},g?.map((e,t)=>$t.createElement(ft,{key:`componentsUnderTitles-${t}`},e))):null),$t.createElement(Ns,{ref:N},!!o&&$t.createElement(Ts,null,$t.createElement(zs,{size:14,family:"secondary"},o)),i&&i(),w&&$t.createElement(ft,null,$t.createElement(rr,{orientation:"vertical",length:"16px",margin:"0 2px"}),$t.createElement($r,{onClick:()=>A(e=>!e)},$t.createElement(os,{extend:S}))))),S&&v&&$t.createElement(Ua,null,$t.createElement(rr,{margin:"16px 0"}),v()))},_s=zt(ja)`
|
|
777
774
|
width: 100%;
|
|
778
775
|
justify-content: space-between;
|
|
779
|
-
`,
|
|
776
|
+
`,Rs=zt(Pi)`
|
|
780
777
|
font-size: 12px;
|
|
781
778
|
color: ${({theme:e})=>e.text.grey};
|
|
782
779
|
`,Bs=zt(Pi)`
|
|
783
780
|
font-size: 10px;
|
|
784
781
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
785
|
-
`,
|
|
782
|
+
`,Ls=zt.div`
|
|
786
783
|
display: flex;
|
|
787
784
|
align-items: center;
|
|
788
785
|
gap: 8px;
|
|
789
786
|
margin-left: auto;
|
|
790
|
-
`,
|
|
787
|
+
`,Ps=zt(Pi)`
|
|
791
788
|
font-size: 12px;
|
|
792
789
|
text-align: right;
|
|
793
|
-
`,
|
|
790
|
+
`,Ms=({title:e,subTitle:t,tooltip:o,value:n})=>$t.createElement(_s,null,$t.createElement(Ua,{$gap:4},$t.createElement(mr,{text:o||""},e&&$t.createElement(Rs,{key:"title"},e),t&&$t.createElement(Bs,{key:"subtitle"},t))),$t.createElement(Ls,null,n?.status?$t.createElement(hs,{status:"transitioning"===n.status?xo.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):$t.createElement(Ps,null,n?.text||"-"))),js=zt(Ua)`
|
|
794
791
|
width: 100%;
|
|
795
|
-
`,
|
|
792
|
+
`,Us=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=bt(()=>{const e=[];return o?.name&&e.push($t.createElement(hs,{key:"started",status:Bn(o.value)?qn(o.value)?mo.Success:mo.Error:mo.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push($t.createElement(hs,{key:"ready",status:Bn(n.value)?qn(n.value)?mo.Success:mo.Error:mo.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return $t.createElement(Fs,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>$t.createElement(hs,{status:mo.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>$t.createElement(js,{$gap:24},i.map((e,t)=>$t.createElement(js,{key:`process-${t}`,$gap:8},$t.createElement(Ms,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===mo.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>$t.createElement(Ms,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Ws=zt.div`
|
|
796
793
|
display: flex;
|
|
797
794
|
flex-direction: column;
|
|
798
795
|
align-items: center;
|
|
799
|
-
`,
|
|
796
|
+
`,Vs=zt.div`
|
|
800
797
|
display: flex;
|
|
801
798
|
align-items: center;
|
|
802
799
|
gap: 8px;
|
|
803
|
-
`,
|
|
800
|
+
`,Hs=zt(Pi)`
|
|
804
801
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
805
|
-
`,
|
|
802
|
+
`,qs=zt(Pi)`
|
|
806
803
|
color: ${({theme:e})=>e.colors.border};
|
|
807
804
|
font-size: 14px;
|
|
808
805
|
font-weight: 200;
|
|
809
806
|
line-height: 20px;
|
|
810
807
|
text-align: center;
|
|
811
|
-
`,
|
|
808
|
+
`,Gs=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=Di.useTheme();return $t.createElement(Ws,null,$t.createElement(Vs,null,$t.createElement(ot,{fill:o.text.dark_grey}),$t.createElement(Hs,null,e)),t&&$t.createElement(qs,null,t))},Ks=zt(Ua)`
|
|
812
809
|
max-width: 300px;
|
|
813
810
|
padding: 12px;
|
|
814
811
|
border-radius: 12px;
|
|
815
812
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
816
813
|
justify-content: center;
|
|
817
|
-
`,
|
|
814
|
+
`,Ys=Et(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return $t.createElement(Ks,{"data-id":e},$t.createElement(Gs,{title:o,subTitle:n}))});Ys.displayName=Ys.name;const Js=zt.div`
|
|
818
815
|
padding: 6px;
|
|
819
816
|
border-radius: 12px;
|
|
820
817
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
821
818
|
cursor: pointer;
|
|
822
|
-
`,
|
|
819
|
+
`,Xs=zt.div`
|
|
823
820
|
position: relative;
|
|
824
|
-
`,
|
|
821
|
+
`,Qs=zt(ja)`
|
|
825
822
|
position: absolute;
|
|
826
823
|
bottom: -24px;
|
|
827
824
|
left: 50%;
|
|
828
825
|
transform: translateX(-50%);
|
|
829
826
|
gap: 4px;
|
|
830
|
-
`,
|
|
827
|
+
`,Zs=zt.div`
|
|
831
828
|
position: absolute;
|
|
832
829
|
bottom: 100%;
|
|
833
830
|
left: 100%;
|
|
@@ -836,12 +833,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
836
833
|
border-radius: 16px;
|
|
837
834
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
838
835
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
839
|
-
`,
|
|
836
|
+
`,el=({title:e,value:t})=>{const o=_t();return $t.createElement(ja,{$justifyContent:"space-between"},$t.createElement(Pi,{size:12,color:o.text.info},e),$t.createElement(Pi,{size:12,family:"secondary"},t))},tl=Et(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=Gt(),c=_t(),d=n===mo.Error?An(n,c):null;return $t.createElement($t.Fragment,null,$t.createElement(Bt,{type:"source",position:Lt.Bottom,style:{visibility:"hidden"}}),$t.createElement(Bt,{type:"target",position:Lt.Top,style:{visibility:"hidden"}}),$t.createElement(Xs,{"data-id":e},$t.createElement(Js,null,$t.createElement(Ss,{id:o,icons:a,status:n})),$t.createElement(Qs,null,d&&$t.createElement(d,null),$t.createElement(ys,{maxWidth:100,text:i})),s===bo.MapItem&&l===e&&$t.createElement(Zs,null,$t.createElement(ja,{$gap:12},$t.createElement(Ss,{id:o,icons:a,status:n}),$t.createElement(Pi,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>$t.createElement("div",{key:`from-${o}-to-${e}`},$t.createElement(rr,null),$t.createElement(el,{title:"Connected Service",value:e}),$t.createElement(el,{title:"Outgoing Requests",value:t}),$t.createElement(el,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):$t.createElement($t.Fragment,null,$t.createElement(rr,null),$t.createElement(Gs,{title:"No outgoing connections",subTitle:" "})))))});tl.displayName=tl.name;const ol=zt.div`
|
|
840
837
|
height: calc(100vh - 160px);
|
|
841
838
|
.react-flow__attribution {
|
|
842
839
|
visibility: hidden;
|
|
843
840
|
}
|
|
844
|
-
`,
|
|
841
|
+
`,nl=zt.div`
|
|
845
842
|
button {
|
|
846
843
|
padding: 8px;
|
|
847
844
|
margin: 8px;
|
|
@@ -855,13 +852,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
855
852
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
856
853
|
}
|
|
857
854
|
}
|
|
858
|
-
`,
|
|
855
|
+
`,il={[bo.MapItem]:tl,[bo.NoData]:Ys},al=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=ma(),{setActiveNodeType:s,setActiveNodeId:l}=Gt();return $t.createElement(ol,null,$t.createElement(Pt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:il,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},$t.createElement(nl,null,$t.createElement(Mt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},rl=zt.div`
|
|
859
856
|
display: flex;
|
|
860
857
|
|
|
861
858
|
align-items: center;
|
|
862
859
|
gap: 6px;
|
|
863
860
|
margin-bottom: 4px;
|
|
864
|
-
`,
|
|
861
|
+
`,sl=zt(Pi)`
|
|
865
862
|
font-size: 14px;
|
|
866
863
|
opacity: 0.8;
|
|
867
864
|
line-height: 22px;
|
|
@@ -869,16 +866,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
869
866
|
white-space: nowrap;
|
|
870
867
|
text-overflow: ellipsis;
|
|
871
868
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
872
|
-
`,
|
|
869
|
+
`,ll=zt(Pi)`
|
|
873
870
|
font-size: 12px;
|
|
874
871
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
875
872
|
opacity: 0.8;
|
|
876
|
-
`,
|
|
873
|
+
`,cl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?$t.createElement(rl,{style:n},$t.createElement(mr,{text:o,withIcon:!0},$t.createElement(sl,{$status:i},e),!t&&$t.createElement(ll,null,"(optional)"))):null,dl=zt.div`
|
|
877
874
|
display: flex;
|
|
878
875
|
flex-direction: column;
|
|
879
876
|
position: relative;
|
|
880
877
|
width: 100%;
|
|
881
|
-
`,
|
|
878
|
+
`,pl=zt.div`
|
|
882
879
|
width: 100%;
|
|
883
880
|
display: flex;
|
|
884
881
|
align-items: center;
|
|
@@ -904,7 +901,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
904
901
|
&:focus-within {
|
|
905
902
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
906
903
|
}
|
|
907
|
-
`,
|
|
904
|
+
`,ul=zt.input`
|
|
908
905
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
909
906
|
flex: 1;
|
|
910
907
|
min-width: 150px;
|
|
@@ -933,13 +930,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
933
930
|
-webkit-appearance: none;
|
|
934
931
|
margin: 0;
|
|
935
932
|
}
|
|
936
|
-
`,
|
|
933
|
+
`,hl=zt.div`
|
|
937
934
|
display: flex;
|
|
938
935
|
align-items: center;
|
|
939
936
|
margin-left: 12px;
|
|
940
|
-
`,
|
|
937
|
+
`,ml=zt(hl)`
|
|
941
938
|
cursor: pointer;
|
|
942
|
-
`,
|
|
939
|
+
`,gl=zt.button`
|
|
943
940
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
944
941
|
border: none;
|
|
945
942
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -954,15 +951,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
954
951
|
background-color: ${({theme:e})=>e.colors.border};
|
|
955
952
|
cursor: not-allowed;
|
|
956
953
|
}
|
|
957
|
-
|
|
954
|
+
`,xl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=ho.Text,name:p,status:u,...h})=>{const m=Di.useTheme(),g=d===ho.Password,[x,$]=yt(!1);return $t.createElement(dl,null,$t.createElement(cl,{title:a,required:s,tooltip:r,status:u}),$t.createElement(pl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?$t.createElement(ml,{onClick:()=>$(e=>!e)},x?$t.createElement(nt,{size:14,fill:m.text.grey}):$t.createElement(it,{size:14,fill:m.text.grey})):e?$t.createElement(hl,null,$t.createElement(e,{size:14,fill:m.text.grey})):null,$t.createElement(ul,{"data-id":p,type:x||d===ho.Number?ho.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===ho.Number&&(e.target.value=Hn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&$t.createElement(gl,{onClick:o,disabled:h.disabled},t)),!!i&&$t.createElement(Ui,null,i))},$l=zt.div`
|
|
958
955
|
display: flex;
|
|
959
956
|
flex-direction: column;
|
|
960
957
|
min-width: 120px;
|
|
961
958
|
width: 100%;
|
|
962
959
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
963
|
-
`,
|
|
960
|
+
`,fl=zt.div`
|
|
964
961
|
position: relative;
|
|
965
|
-
`,
|
|
962
|
+
`,bl=zt.div`
|
|
966
963
|
display: flex;
|
|
967
964
|
align-items: center;
|
|
968
965
|
justify-content: space-between;
|
|
@@ -988,14 +985,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
988
985
|
&:hover {
|
|
989
986
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
990
987
|
}
|
|
991
|
-
`,
|
|
988
|
+
`,yl=zt.div`
|
|
992
989
|
display: flex;
|
|
993
990
|
align-items: center;
|
|
994
991
|
gap: 4px;
|
|
995
|
-
`,
|
|
992
|
+
`,wl=({options:e,value:t,onSelect:o,onDeselect:n,title:i,tooltip:a,placeholder:r,disabled:s=!1,isMulti:l=!1,showSearch:c=!1,required:d=!1,errorMessage:p,hasError:u=!1,status:h})=>{const[m,g]=yt(!1),[x,$]=yt(!1),f=kt(null);Ta(f,()=>g(!1));const b=()=>{(()=>{if(f.current){const e=f.current.getBoundingClientRect().bottom+300>window.innerHeight;$(e)}})(),g(e=>!e)},y=Array.isArray(t)?t.length:0;return $t.createElement($l,{$disabled:s},$t.createElement(cl,{title:i,required:d,tooltip:a,status:h}),$t.createElement(fl,{ref:f},$t.createElement(bl,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},$t.createElement(El,{value:t,placeholder:r,onDeselect:n}),$t.createElement(yl,null,l&&$t.createElement(aa,{label:y,filled:!!y}),$t.createElement(os,{extend:m}))),m&&$t.createElement(Dl,{openUpwards:x,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&$t.createElement(Ui,null,p))},kl=zt(yl)`
|
|
996
993
|
max-width: calc(100% - 50px);
|
|
997
994
|
overflow-x: auto;
|
|
998
|
-
`,
|
|
995
|
+
`,vl=zt(Pi)`
|
|
999
996
|
display: flex;
|
|
1000
997
|
align-items: center;
|
|
1001
998
|
gap: 2px;
|
|
@@ -1010,7 +1007,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1010
1007
|
transition: transform 0.3s;
|
|
1011
1008
|
}
|
|
1012
1009
|
}
|
|
1013
|
-
`,
|
|
1010
|
+
`,Cl=zt(Pi)``,El=({value:e,placeholder:t,onDeselect:o})=>{const n=Di.useTheme();return Array.isArray(e)?e.length?$t.createElement(kl,null,e.map(e=>$t.createElement(vl,{key:`multi-label-${e.id}`,size:14},e.value,$t.createElement(rr,{orientation:"vertical",length:"10px",margin:"0 4px"}),$t.createElement(Ye,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):$t.createElement(Cl,{size:14,color:n.text.darker_grey},t):$t.createElement(Cl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Sl=zt.div`
|
|
1014
1011
|
position: absolute;
|
|
1015
1012
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1016
1013
|
left: 0;
|
|
@@ -1025,11 +1022,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1025
1022
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1026
1023
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1027
1024
|
border-radius: 24px;
|
|
1028
|
-
`,
|
|
1025
|
+
`,Al=zt.div`
|
|
1029
1026
|
display: flex;
|
|
1030
1027
|
flex-direction: column;
|
|
1031
1028
|
align-items: center;
|
|
1032
|
-
`,
|
|
1029
|
+
`,Dl=({openUpwards:e,options:t,value:o,onSelect:n,onDeselect:i,isMulti:a,showSearch:r})=>{const[s,l]=yt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return $t.createElement(Sl,{$openUpwards:e},r&&$t.createElement(Al,null,$t.createElement(xl,{placeholder:"Search...",icon:at,value:s,onChange:e=>l(e.target.value)}),$t.createElement(rr,{thickness:1,margin:"8px 0 0 0"})),0===c.length?$t.createElement(Gs,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>$t.createElement(Il,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Tl=zt.div`
|
|
1033
1030
|
padding: 8px 12px;
|
|
1034
1031
|
cursor: pointer;
|
|
1035
1032
|
display: flex;
|
|
@@ -1040,21 +1037,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1040
1037
|
&.selected {
|
|
1041
1038
|
background: ${({theme:e})=>e.colors.majestic_blue+Di.opacity.hex["024"]};
|
|
1042
1039
|
}
|
|
1043
|
-
`,
|
|
1040
|
+
`,Il=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Di.useTheme(),r=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):i?.(e);return o?$t.createElement(Tl,{className:r?"selected":"",onClick:()=>s(!r)},$t.createElement(Lr,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):$t.createElement(Tl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},$t.createElement(ja,{$gap:8},e.icon&&$t.createElement(e.icon,null),$t.createElement(Pi,{size:14},e.value)),r&&$t.createElement(Ge,null))},Nl=zt(Ua)`
|
|
1044
1041
|
gap: 12px;
|
|
1045
|
-
`,
|
|
1042
|
+
`,zl=zt(ja)`
|
|
1046
1043
|
width: 100%;
|
|
1047
1044
|
gap: 12px;
|
|
1048
1045
|
align-items: flex-end;
|
|
1049
|
-
`,
|
|
1046
|
+
`,Ol=({clientX:e=0,flipX:t,clientY:o=0,flipY:n,isOpen:i,onClose:a,onSave:r,withDelete:s,onDelete:l,title:c,titleTooltip:d,warning:p,children:u})=>{const h=Di.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Ia({onClickOutside:a});return Da({key:"Enter",active:i},r),wt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:$t.createElement(pr,{ref:m,isOpen:i,top:n?void 0:g.top,bottom:n?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},$t.createElement(Nl,null,$t.createElement(mr,{text:d,withIcon:!0},$t.createElement(Pi,{size:14},c)),$t.createElement(zl,null,u,$t.createElement(ja,{$gap:6},$t.createElement($r,{withBorder:!0,onClick:a,tooltip:"Cancel"},$t.createElement(Ye,null)),$t.createElement($r,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},$t.createElement(Ge,{fill:h.text.primary})),s&&$t.createElement($r,{onClick:l,tooltip:"Undo"},$t.createElement(rt,null)))),p&&$t.createElement(Sr,{type:mo.Warning,message:p})))},Fl=zt.div`
|
|
1050
1047
|
position: relative;
|
|
1051
|
-
`,
|
|
1048
|
+
`,_l=({defaultLanguage:e=so.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=pi(),{formData:i,handleFormChange:a,resetFormData:r}=da({language:e,version:t}),[s,l]=yt(!1),c=()=>{l(!1),r()};return $t.createElement(Fl,null,$t.createElement($r,{tooltip:tn.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},$t.createElement(tt,null)),$t.createElement(Ol,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Mn(i.version)?(o(i),c()):n({type:mo.Warning,message:en.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:tn.OVERRIDE_RUNTIME_DETAILS,warning:tn.OVERRIDE_RUNTIME_WARNING},$t.createElement(wl,{title:tn.LANGUAGE,options:ei,value:ei.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),$t.createElement(xl,{title:tn.RUNTIME_VERSION,placeholder:tn.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Rl=zt(ja)`
|
|
1052
1049
|
width: 100%;
|
|
1053
1050
|
justify-content: center;
|
|
1054
|
-
`,Bl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Di.useTheme(),c=i?mo.Success:a?mo.Info:mo.Warning,d=i?go.INSTRUMENTED:a?go.NOT_INSTRUMENTED:go.INSTRUMENTING;return $t.createElement(
|
|
1051
|
+
`,Bl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Di.useTheme(),c=i?mo.Success:a?mo.Info:mo.Warning,d=i?go.INSTRUMENTED:a?go.NOT_INSTRUMENTED:go.INSTRUMENTING;return $t.createElement(Fs,{title:e,subTitle:`${t?Zn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:pn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>$t.createElement(Rl,null,$t.createElement(Pi,{size:12,family:"secondary",color:l.text.info},jn(a)))},renderActions:()=>$t.createElement($t.Fragment,null,$t.createElement(hs,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&$t.createElement(hs,{status:mo.Default,forceIcon:st,title:tn.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&$t.createElement(_l,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Ll=zt.tr`
|
|
1055
1052
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1056
1053
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1057
|
-
`,
|
|
1054
|
+
`,Pl=zt.td`
|
|
1058
1055
|
position: relative;
|
|
1059
1056
|
width: fit-content;
|
|
1060
1057
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1062,7 +1059,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1062
1059
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1063
1060
|
font-size: 14px;
|
|
1064
1061
|
white-space: nowrap;
|
|
1065
|
-
`,
|
|
1062
|
+
`,Ml=zt(Pi)`
|
|
1066
1063
|
font-size: 14px;
|
|
1067
1064
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1068
1065
|
line-height: 16px;
|
|
@@ -1075,7 +1072,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1075
1072
|
display: -webkit-box;
|
|
1076
1073
|
-webkit-line-clamp: 2;
|
|
1077
1074
|
-webkit-box-orient: vertical;
|
|
1078
|
-
`,
|
|
1075
|
+
`,jl=zt.div`
|
|
1079
1076
|
position: absolute;
|
|
1080
1077
|
top: 0;
|
|
1081
1078
|
left: 0;
|
|
@@ -1084,56 +1081,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1084
1081
|
height: ${({$height:e})=>e}px;
|
|
1085
1082
|
border-radius: 16px;
|
|
1086
1083
|
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Di.opacity.hex["020"]:e.colors.majestic_blue+Di.opacity.hex["030"]:o?e.text[o]+Di.opacity.hex["010"]:e.colors.secondary+Di.opacity.hex["005"]};
|
|
1087
|
-
`,
|
|
1084
|
+
`,Ul=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=$a(),[c,d]=yt(!1);return $t.createElement(Ll,{ref:r,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:a},t.map(({key:t},n)=>{const a=o.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:d,withTooltip:p,icon:u,component:h}=a;return $t.createElement(Pl,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?$t.createElement(vs,{icon:u}):h?$t.createElement(h,null):$t.createElement(mr,{text:p&&r?String(r):""},$t.createElement(Ml,{$color:d},Fn(r)?"-":r)),0===n&&$t.createElement(jl,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Wl=zt.div`
|
|
1088
1085
|
width: 100%;
|
|
1089
|
-
`,
|
|
1086
|
+
`,Vl=zt.table`
|
|
1090
1087
|
position: relative;
|
|
1091
1088
|
z-index: 0;
|
|
1092
1089
|
width: 100%;
|
|
1093
1090
|
border-collapse: separate;
|
|
1094
1091
|
border-spacing: 0 12px;
|
|
1095
|
-
`,
|
|
1092
|
+
`,Hl=zt.thead`
|
|
1096
1093
|
// only supported with "border-collapse: collapse;"
|
|
1097
1094
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1098
1095
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1099
|
-
`,
|
|
1096
|
+
`,ql=zt.th`
|
|
1100
1097
|
// only required with "border-collapse: separate;"
|
|
1101
1098
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1102
1099
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1103
1100
|
|
|
1104
1101
|
padding: 8px;
|
|
1105
|
-
`,
|
|
1102
|
+
`,Gl=zt(ja)`
|
|
1106
1103
|
cursor: pointer;
|
|
1107
1104
|
&:hover {
|
|
1108
1105
|
* {
|
|
1109
1106
|
color: ${({theme:e})=>e.text.secondary};
|
|
1110
1107
|
}
|
|
1111
1108
|
}
|
|
1112
|
-
`,
|
|
1109
|
+
`,Kl=zt(Pi)`
|
|
1113
1110
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1114
1111
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1115
1112
|
text-transform: uppercase;
|
|
1116
1113
|
font-size: 12px;
|
|
1117
1114
|
font-weight: 500;
|
|
1118
1115
|
text-wrap: nowrap;
|
|
1119
|
-
`,
|
|
1116
|
+
`,Yl=zt.tbody``,Jl=({columns:e,rows:t})=>{const[o,n]=yt(no.Ascending),[i,a]=yt("name"),r=vt(e=>{i===e?n(e=>e===no.Ascending?no.Descending:no.Ascending):(a(e),n(no.Ascending))},[i]),s=bt(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const a=n(e,i),r=n(t,i);return(o===no.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(a,r)}):t).map(({status:t,faded:o,cells:n,onClick:i},a)=>$t.createElement(Ul,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return $t.createElement(Wl,null,$t.createElement(Vl,null,$t.createElement(Hl,null,$t.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>$t.createElement(ql,{key:`column-${e}`},o?$t.createElement(Gl,{onClick:()=>r(e)},$t.createElement(lt,null),$t.createElement(Kl,null,t)):$t.createElement(Kl,null,t))))),$t.createElement(Yl,null,s)))};var Xl;!function(e){e.Code="code",e.Table="table",e.Badge="badge",e.Loader="loader",e.Divider="divider",e.Monitors="monitors",e.CopyText="copy-text",e.ActiveStatus="active-status"}(Xl||(Xl={}));const Ql=zt.div`
|
|
1120
1117
|
display: flex;
|
|
1121
1118
|
flex-wrap: wrap;
|
|
1122
1119
|
gap: 16px 32px;
|
|
1123
1120
|
width: 100%;
|
|
1124
|
-
`,
|
|
1121
|
+
`,Zl=zt.div`
|
|
1125
1122
|
display: flex;
|
|
1126
1123
|
flex-direction: column;
|
|
1127
1124
|
gap: 2px;
|
|
1128
1125
|
width: ${({$width:e})=>e};
|
|
1129
|
-
`,
|
|
1126
|
+
`,ec=zt(Pi)`
|
|
1130
1127
|
color: ${({theme:e})=>e.text.grey};
|
|
1131
1128
|
font-size: 10px;
|
|
1132
1129
|
line-height: 16px;
|
|
1133
|
-
`,
|
|
1130
|
+
`,tc=zt(Pi)`
|
|
1134
1131
|
font-size: 12px;
|
|
1135
1132
|
white-space: pre-wrap;
|
|
1136
|
-
`,
|
|
1133
|
+
`,oc=({data:e})=>$t.createElement(Ql,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>$t.createElement(Zl,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Xl.Code,Xl.Table].includes(e)?"inherit":e&&[Xl.Loader,Xl.Divider,Xl.CopyText].includes(e)?"100%":"unset"},$t.createElement(mr,{text:n,withIcon:!0},$t.createElement(ja,{$alignItems:"center",$gap:4},o&&$t.createElement(o,{size:14}),!!t&&$t.createElement(ec,{transform:"capitalize"},t))),$t.createElement(nc,{type:e,value:i})))),nc=({type:e,value:t})=>{const o=Di.useTheme();switch(e){case Xl.Divider:return $t.createElement(rr,{length:"100%",margin:"0"});case Xl.Loader:return $t.createElement(Wa,null,$t.createElement(es,{scale:1.2}));case Xl.Monitors:return $t.createElement(Ds,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Xl.Badge:{const{label:e,filled:o,...n}=Nn(t,{label:"-",filled:!1});return $t.createElement(aa,{label:e,filled:o,...n})}case Xl.Code:{const{language:e,code:o,...n}=Nn(t,{language:"",code:""});return $t.createElement(Kr,{language:e,code:o,...n})}case Xl.Table:{const{columns:e,rows:o,...n}=Nn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return $t.createElement(Jl,{columns:e,rows:o,...n})}case Xl.ActiveStatus:return $t.createElement(hs,{status:"true"==t?mo.Success:mo.Error,title:"true"==t?tn.ENABLED:tn.DISABLED,size:10,withIcon:!0,withBorder:!0});case Xl.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return $t.createElement(xs,{value:e})}default:return $t.createElement(tc,null,Gn("string"==typeof t?t||"-":""))}},ic=zt.div`
|
|
1137
1134
|
display: flex;
|
|
1138
1135
|
flex-direction: column;
|
|
1139
1136
|
align-items: flex-start;
|
|
@@ -1144,27 +1141,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1144
1141
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1145
1142
|
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Di.opacity.hex["010"]:"transparent"};
|
|
1146
1143
|
transition: background-color 0.3s;
|
|
1147
|
-
`,
|
|
1144
|
+
`,ac=zt.div`
|
|
1148
1145
|
width: 100%;
|
|
1149
1146
|
display: flex;
|
|
1150
1147
|
flex-direction: column;
|
|
1151
1148
|
gap: 4px;
|
|
1152
1149
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1153
|
-
`,
|
|
1150
|
+
`,rc=zt(Pi)`
|
|
1154
1151
|
width: 100%;
|
|
1155
1152
|
display: flex;
|
|
1156
1153
|
align-items: center;
|
|
1157
1154
|
gap: 8px;
|
|
1158
1155
|
font-size: 16px;
|
|
1159
|
-
`,
|
|
1156
|
+
`,sc=zt(Pi)`
|
|
1160
1157
|
font-size: 12px;
|
|
1161
1158
|
color: ${({theme:e})=>e.text.grey};
|
|
1162
|
-
`,
|
|
1159
|
+
`,lc=zt(ja)`
|
|
1163
1160
|
margin-left: auto;
|
|
1164
1161
|
gap: 8px;
|
|
1165
|
-
`,
|
|
1162
|
+
`,cc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=yt(r),[p,u]=yt(!1);return $t.createElement(ic,{$hovered:p},e||o||n||i?$t.createElement(ac,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},$t.createElement(ja,null,$t.createElement(ja,{$alignItems:"center",$gap:8},o&&$t.createElement(ja,{$alignItems:"center"},$t.createElement(o,{size:20})),!!e&&$t.createElement(rc,{transform:"capitalize"},e),t===xo.Loading?$t.createElement(es,null):void 0!==t&&$t.createElement(aa,{label:t})),(!!i||a)&&$t.createElement(lc,null,"function"==typeof i?$t.createElement(i,{hovered:p}):i,a&&$t.createElement(os,{extend:c}))),!!n&&$t.createElement(sc,null,n)):null,(!a||a&&c)&&(l||$t.createElement(oc,{data:s})))},dc=zt.div`
|
|
1166
1163
|
visibility: hidden;
|
|
1167
|
-
`,
|
|
1164
|
+
`,pc=zt(ja)`
|
|
1168
1165
|
align-self: stretch;
|
|
1169
1166
|
width: calc(100% - 32px);
|
|
1170
1167
|
padding: 16px;
|
|
@@ -1174,58 +1171,58 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1174
1171
|
&:hover {
|
|
1175
1172
|
cursor: pointer;
|
|
1176
1173
|
background-color: ${e.colors.secondary+Di.opacity.hex["010"]};
|
|
1177
|
-
${
|
|
1174
|
+
${dc} {
|
|
1178
1175
|
visibility: visible;
|
|
1179
1176
|
}
|
|
1180
1177
|
}
|
|
1181
|
-
`:`\n &:hover {\n ${
|
|
1182
|
-
`,
|
|
1178
|
+
`:`\n &:hover {\n ${dc} {\n visibility: visible;\n }\n }\n `}
|
|
1179
|
+
`,uc=zt(ja)`
|
|
1183
1180
|
margin-left: auto;
|
|
1184
1181
|
gap: 8px;
|
|
1185
|
-
`,
|
|
1182
|
+
`,hc=zt(Pi)`
|
|
1186
1183
|
font-size: 10px;
|
|
1187
1184
|
color: ${({theme:e})=>e.text.grey};
|
|
1188
|
-
`,
|
|
1185
|
+
`,mc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Di.useTheme(),[s,l]=yt(0),c=kt(null),d=kt(null);return wt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),$t.createElement(pc,{ref:c,$gap:8,$withClick:!!i,onClick:i},$t.createElement(Ss,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&$t.createElement(ys,{maxWidth:s/2,text:e,textSize:14}),e&&t&&$t.createElement(hc,null,"•"),t&&$t.createElement(ys,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),$t.createElement(uc,{ref:d},a&&$t.createElement($t.Fragment,null,$t.createElement(rr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},gc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===co.Source?"uninstrument":"delete";return $t.createElement(Fr,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${o?` ${o}`:""}`,description:`Are you sure you want to ${s}?`,note:i?{type:mo.Warning,title:`You're about to ${s} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:r}})},xc=zt(ca)`
|
|
1189
1186
|
display: flex;
|
|
1190
1187
|
align-items: center;
|
|
1191
1188
|
justify-content: center;
|
|
1192
1189
|
font-size: 14px;
|
|
1193
1190
|
gap: 6px;
|
|
1194
1191
|
min-width: 100px;
|
|
1195
|
-
|
|
1192
|
+
`,$c=({endpoint:e="/",variant:t="secondary"})=>$t.createElement(xc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},$t.createElement(ct,{size:18}),"Docs"),fc=zt(ja)`
|
|
1196
1193
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1197
|
-
`,
|
|
1194
|
+
`,bc=zt.div`
|
|
1198
1195
|
display: flex;
|
|
1199
1196
|
align-items: center;
|
|
1200
1197
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1201
1198
|
cursor: pointer;
|
|
1202
|
-
`,
|
|
1199
|
+
`,yc=zt(Pi)`
|
|
1203
1200
|
padding: 12px;
|
|
1204
1201
|
font-size: 14px;
|
|
1205
1202
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1206
|
-
`,
|
|
1203
|
+
`,wc=({tabs:e,hideBorder:t=!1})=>e?.length?$t.createElement(fc,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>$t.createElement(bc,{key:`tab-${e}`,onClick:o,$selected:n},$t.createElement(yc,{$selected:n},e),t&&$t.createElement(t,null)))):null,kc=zt.section`
|
|
1207
1204
|
padding: 0px 32px;
|
|
1208
1205
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1209
|
-
`,
|
|
1206
|
+
`,vc=zt.div`
|
|
1210
1207
|
height: 76px;
|
|
1211
1208
|
display: flex;
|
|
1212
1209
|
justify-content: space-between;
|
|
1213
1210
|
flex-shrink: 0;
|
|
1214
1211
|
align-self: stretch;
|
|
1215
|
-
`,
|
|
1212
|
+
`,Cc=zt.div`
|
|
1216
1213
|
display: flex;
|
|
1217
1214
|
align-items: center;
|
|
1218
1215
|
gap: ${({$gap:e})=>e||16}px;
|
|
1219
|
-
`,
|
|
1216
|
+
`,Ec=zt(Pi)`
|
|
1220
1217
|
font-size: 18px;
|
|
1221
1218
|
line-height: 26px;
|
|
1222
1219
|
max-width: ${({$maxWidth:e})=>e};
|
|
1223
1220
|
overflow: hidden;
|
|
1224
1221
|
white-space: nowrap;
|
|
1225
1222
|
text-overflow: ellipsis;
|
|
1226
|
-
`,
|
|
1223
|
+
`,Sc=zt(ca)`
|
|
1227
1224
|
gap: 8px;
|
|
1228
|
-
`,
|
|
1225
|
+
`,Ac=zt(ca)``,Dc=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>$t.createElement(kc,null,$t.createElement(vc,null,$t.createElement(Cc,null,o?.length||n?.length?$t.createElement(Ss,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?$t.createElement(r,null):r||null)||$t.createElement(mr,{text:a||i,withIcon:!!a},i&&$t.createElement(Ec,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),$t.createElement(Cc,{$gap:2},s,l.map((e,t)=>$t.createElement(Sc,{key:`header-action-button-${t}`,...e})),$t.createElement(Ac,{"data-id":"drawer-close",variant:"secondary",onClick:e},$t.createElement(Ye,{size:12})))),$t.createElement(wc,{tabs:c,hideBorder:!0})),Tc=zt.div`
|
|
1229
1226
|
display: flex;
|
|
1230
1227
|
justify-content: space-between;
|
|
1231
1228
|
gap: 8px;
|
|
@@ -1233,16 +1230,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1233
1230
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1234
1231
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1235
1232
|
transform: translateY(100%);
|
|
1236
|
-
|
|
1233
|
+
animation-name: ${Di.animations.slide.in.bottom};
|
|
1234
|
+
`,Ic=zt(ja)`
|
|
1237
1235
|
margin-right: auto;
|
|
1238
|
-
`,
|
|
1236
|
+
`,Nc=zt(ja)`
|
|
1239
1237
|
margin: 0 auto;
|
|
1240
|
-
`,
|
|
1238
|
+
`,zc=zt(ja)`
|
|
1241
1239
|
margin-left: auto;
|
|
1242
|
-
`,
|
|
1240
|
+
`,Oc=zt(ca)`
|
|
1243
1241
|
min-width: 140px;
|
|
1244
1242
|
font-size: 14px;
|
|
1245
|
-
`,
|
|
1243
|
+
`,Fc=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>e?$t.createElement(Tc,null,$t.createElement(Ic,null,t.map((e,t)=>$t.createElement(Oc,{key:`footer-left-button-${t}`,...e}))),$t.createElement(Nc,null,o.map((e,t)=>$t.createElement(Oc,{key:`footer-center-button-${t}`,...e}))),$t.createElement(zc,null,n.map((e,t)=>$t.createElement(Oc,{key:`footer-right-button-${t}`,...e})))):null,_c=zt.div`
|
|
1246
1244
|
position: fixed;
|
|
1247
1245
|
top: 0;
|
|
1248
1246
|
bottom: 0;
|
|
@@ -1252,7 +1250,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1252
1250
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1253
1251
|
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Di.opacity.hex["010"]};
|
|
1254
1252
|
overflow-y: auto;
|
|
1255
|
-
|
|
1253
|
+
animation-name: ${({$position:e})=>Di.animations.slide.in[e]};
|
|
1254
|
+
`,Rc=zt.div`
|
|
1256
1255
|
display: flex;
|
|
1257
1256
|
flex-direction: column;
|
|
1258
1257
|
height: 100%;
|
|
@@ -1260,28 +1259,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1260
1259
|
flex-grow: 1;
|
|
1261
1260
|
padding: 24px 32px;
|
|
1262
1261
|
overflow-y: auto;
|
|
1263
|
-
`,
|
|
1262
|
+
`,Lc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>(Da({key:"Escape",active:e&&o},()=>t()),ha(e),e?jt.createPortal($t.createElement($t.Fragment,null,$t.createElement(Ha,{hidden:!e,onClick:t}),$t.createElement(_c,{"data-id":"drawer",$position:n,$width:i},$t.createElement(Rc,null,$t.createElement(Dc,{onClose:t,width:i,...r}),$t.createElement(Bc,null,a),$t.createElement(Fc,{...s})))),document.body):null),Pc=({error:e})=>{const t=Di.useTheme(),o={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return $t.createElement("div",{style:o.container},$t.createElement("h2",null,"Something went wrong!"),$t.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),$t.createElement("details",{style:o.errorStackWrapper},$t.createElement("summary",null,"Stack Trace"),$t.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),$t.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),$t.createElement(ca,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Mc=({children:e})=>$t.createElement(Ht,{FallbackComponent:e=>$t.createElement(Di.Provider,null,$t.createElement(Pc,{...e}))},e),jc=zt(ja)`
|
|
1264
1263
|
position: relative;
|
|
1265
1264
|
width: calc(100% - 24px);
|
|
1266
1265
|
padding: 12px;
|
|
1267
1266
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1268
1267
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Di.opacity.hex["050"]};
|
|
1269
|
-
`,
|
|
1268
|
+
`,Uc=zt(ja)`
|
|
1270
1269
|
margin-right: auto;
|
|
1271
1270
|
margin-left: 32px;
|
|
1272
1271
|
gap: 12px;
|
|
1273
|
-
`,
|
|
1272
|
+
`,Wc=zt(ja)`
|
|
1274
1273
|
margin-left: auto;
|
|
1275
1274
|
margin-right: 32px;
|
|
1276
1275
|
gap: 12px;
|
|
1277
|
-
`,
|
|
1276
|
+
`,Vc=zt(ja)`
|
|
1278
1277
|
position: absolute;
|
|
1279
1278
|
left: 50%;
|
|
1280
1279
|
transform: translateX(-50%);
|
|
1281
1280
|
gap: 12px;
|
|
1282
|
-
`,
|
|
1281
|
+
`,Hc=({left:e=[],center:t=[],right:o=[]})=>$t.createElement(jc,null,$t.createElement(Uc,null,e.map((e,t)=>e&&$t.createElement(ft,{key:t},e))),$t.createElement(Vc,null,t.map((e,t)=>e&&$t.createElement(ft,{key:t},e))),$t.createElement(Wc,null,o.map((e,t)=>e&&$t.createElement(ft,{key:t},e)))),qc=zt(Pi)`
|
|
1283
1282
|
color: ${({theme:e})=>e.text.grey};
|
|
1284
|
-
`,
|
|
1283
|
+
`,Gc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>$t.createElement(ja,{$gap:6},e&&$t.createElement(e,null),$t.createElement(qc,{size:14},t),void 0!==o&&$t.createElement(mr,{text:n},$t.createElement(aa,{label:o})),i&&$t.createElement(es,null)),Kc=zt.div`
|
|
1285
1284
|
width: fit-content;
|
|
1286
1285
|
height: fit-content;
|
|
1287
1286
|
padding: 4px;
|
|
@@ -1293,7 +1292,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1293
1292
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1294
1293
|
align-items: center;
|
|
1295
1294
|
justify-content: center;
|
|
1296
|
-
`,
|
|
1295
|
+
`,Yc=zt.div`
|
|
1297
1296
|
width: 32px;
|
|
1298
1297
|
height: 32px;
|
|
1299
1298
|
|
|
@@ -1306,63 +1305,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1306
1305
|
justify-content: center;
|
|
1307
1306
|
|
|
1308
1307
|
cursor: pointer;
|
|
1309
|
-
`,
|
|
1308
|
+
`,Jc=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>$t.createElement(Kc,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>$t.createElement(mr,{key:`main-nav-icon-${i}`,text:n},$t.createElement(Yc,{$selected:t,onClick:o},$t.createElement(e,{size:20})))),!!o.length&&!!n.length&&$t.createElement(rr,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>$t.createElement(mr,{key:`sub-nav-icon-${i}`,text:n},$t.createElement(Yc,{$selected:t,onClick:o},$t.createElement(e,{size:20}))))),Xc=zt.div`
|
|
1310
1309
|
display: flex;
|
|
1311
1310
|
flex-direction: column;
|
|
1312
1311
|
width: 100%;
|
|
1313
|
-
`,
|
|
1312
|
+
`,Qc=zt.div`
|
|
1314
1313
|
display: flex;
|
|
1315
1314
|
flex-direction: column;
|
|
1316
1315
|
gap: 8px;
|
|
1317
|
-
`,
|
|
1316
|
+
`,Zc=zt.div`
|
|
1318
1317
|
display: flex;
|
|
1319
1318
|
align-items: center;
|
|
1320
1319
|
gap: 16px;
|
|
1321
|
-
`,
|
|
1320
|
+
`,ed=zt($r)`
|
|
1322
1321
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1323
1322
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1324
|
-
`,
|
|
1323
|
+
`,td=({initialValues:e=[],value:t,onChange:o,title:n,tooltip:i,required:a,errorMessage:r})=>{const[s,l]=yt(t||e);wt(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=kt(JSON.stringify(c));wt(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,o&&o(c))},[c,o]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return $t.createElement(Xc,null,$t.createElement(cl,{title:n,required:a,tooltip:i}),$t.createElement(Qc,null,s.map((e,t)=>{const o=t===s.length-1;return $t.createElement(Zc,{key:`input-list-${t}`},$t.createElement(xl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:Fn(e)&&!u&&o}),t===s.length-1&&$t.createElement(ed,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},$t.createElement(et,null)),$t.createElement(ed,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},$t.createElement(rt,null)))})),!!r&&$t.createElement(Ui,null,r))},od=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:h,type:m,componentType:g,options:x,renderCondition:$}=e,f=o[c];return $&&!$(o)?null:$t.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===uo.Dropdown){const e=x?.find(e=>e.id===f);return $t.createElement(wl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:x||[],value:e,onSelect:e=>r(c,e.id,n),onDeselect:()=>r(c,"",n),hasError:!!s&&(!h||h&&Fn(f))})}{const e=i>1&&n===i-1&&0===t&&Fn(f);return $t.createElement(xl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:m,required:h,autoFocus:e,value:f,onChange:({target:{value:e}})=>r(c,e,n),style:{maxWidth:a,paddingLeft:10},hasError:!!s&&(!h||h&&Fn(f))})}})())},nd=zt.div`
|
|
1325
1324
|
display: flex;
|
|
1326
1325
|
flex-direction: column;
|
|
1327
1326
|
width: 100%;
|
|
1328
|
-
`,
|
|
1327
|
+
`,id=zt.button`
|
|
1329
1328
|
margin-top: ${({$marginTop:e})=>e};
|
|
1330
1329
|
background: none;
|
|
1331
1330
|
border: none;
|
|
1332
1331
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1333
1332
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1334
|
-
`,
|
|
1333
|
+
`,ad=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=yt({}),[c,d]=yt(o||t),p=bt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);wt(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,o]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&Fn(o))return!1}return!0}),h=kt(JSON.stringify(u)),m=u.length!==c.length,g=`${Math.floor(640/((a||e.length)+.4))}px`;wt(()=>{const e=JSON.stringify(u);h.current!==e&&(h.current=e,n&&n(u))},[u,n]);const x=(e,t,o)=>{d(n=>{const i=Go(n);return i[o][e]=t,i})},$=bt(()=>{if(a){const t=[];for(let o=0;;o+=a){const n=e.slice(o,o+a);if(!n.length)break;t.push(n)}return t}return[e]},[a,e]);return $t.createElement(nd,null,$t.createElement(cl,{title:r}),$t.createElement("table",{style:{borderCollapse:"collapse"}},!a&&$t.createElement("thead",null,$t.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>$t.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},$t.createElement(cl,{title:e,required:o,tooltip:t}))),$t.createElement("th",null))),$t.createElement("tbody",null,c.map((t,o)=>$t.createElement(ft,{key:`input-table-row-${o}`},a&&o>0?$t.createElement("tr",null,$t.createElement("td",{colSpan:$.length},$t.createElement(rr,null))):null,$.map((n,r)=>$t.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>$t.createElement(od,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&$t.createElement("td",null,$t.createElement(id,{$marginTop:a?"24px":"0",onClick:()=>{return t=o,void(c.length>1?d(e=>e.filter((e,o)=>o!==t)):e.forEach(({keyName:e,type:o})=>x(e,o===ho.Number?"0":"",t)));var t}},$t.createElement(rt,null))))))))),!!i&&$t.createElement(Ui,null,i),$t.createElement(ms,{onClick:()=>{d(e=>{const t=Go(e);return t.push(Go(s)),t})},disabled:m}))},rd=zt.div`
|
|
1335
1334
|
display: flex;
|
|
1336
1335
|
flex-direction: column;
|
|
1337
1336
|
width: 100%;
|
|
1338
|
-
`,
|
|
1337
|
+
`,sd=zt.div`
|
|
1339
1338
|
display: flex;
|
|
1340
1339
|
flex-direction: column;
|
|
1341
1340
|
gap: 8px;
|
|
1342
|
-
`,
|
|
1341
|
+
`,ld=zt.div`
|
|
1343
1342
|
display: flex;
|
|
1344
1343
|
align-items: center;
|
|
1345
1344
|
gap: 8px;
|
|
1346
|
-
`,
|
|
1345
|
+
`,cd=zt.div`
|
|
1347
1346
|
width: 100%;
|
|
1348
1347
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1349
|
-
`,
|
|
1348
|
+
`,dd=zt($r)`
|
|
1350
1349
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1351
1350
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1352
|
-
`,
|
|
1351
|
+
`,pd={key:"",value:""},ud=({initialKeyValuePairs:e=[],value:t,onChange:o,title:n,tooltip:i,disabled:a,required:r,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=yt(t||e);wt(()=>{p.length||u([{...pd}])},[]);const h=p.filter(({key:e,value:t})=>!Fn(e.trim())&&!Fn(t.trim())),m=kt(JSON.stringify(h));wt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,o&&o(h))},[h,o]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},x=p.length<=1,$=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=a||x&&$;return $t.createElement(rd,null,$t.createElement(cl,{title:n,required:r,tooltip:i}),$t.createElement(sd,null,p.map(({key:e,value:t},o)=>$t.createElement(ld,{key:`key-value-input-list-${o}`},$t.createElement(cd,{$maxWidth:d},$t.createElement(xl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:Fn(t)&&!x&&o===p.length-1})),$t.createElement(cd,{$maxWidth:o===p.length-1?d-38:d},$t.createElement(xl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&Fn(t)),autoFocus:!1})),o===p.length-1&&$t.createElement(dd,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...pd}),t})}},$t.createElement(et,null)),$t.createElement(dd,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},$t.createElement(rt,null))))),!!s&&$t.createElement(Ui,null,s))},hd=Ft`
|
|
1353
1352
|
0% {
|
|
1354
1353
|
background-position: 0% 50%;
|
|
1355
1354
|
}
|
|
1356
1355
|
100% {
|
|
1357
1356
|
background-position: 100% 50%;
|
|
1358
1357
|
}
|
|
1359
|
-
`,
|
|
1358
|
+
`,md=zt(Pi)`
|
|
1360
1359
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1361
1360
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1362
1361
|
background-clip: text;
|
|
1363
1362
|
color: transparent;
|
|
1364
|
-
animation: ${
|
|
1365
|
-
`,
|
|
1363
|
+
animation: ${hd} 1s reverse linear infinite;
|
|
1364
|
+
`,gd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Di.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return $t.createElement(md,{$textColor:a,$stripColor:r,...n},e)},xd=zt.div`
|
|
1366
1365
|
display: flex;
|
|
1367
1366
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1368
1367
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1371,51 +1370,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1371
1370
|
border-radius: 32px;
|
|
1372
1371
|
padding: 8px;
|
|
1373
1372
|
`}
|
|
1374
|
-
|
|
1373
|
+
`,$d=(e,t)=>!t?.length||!!t?.find(t=>t===e),fd=({isVertical:e,title:t="Monitors",required:o,errorMessage:n,allowedSignals:i,selectedSignals:a,setSelectedSignals:r})=>{const[s,l]=yt(1===a.length),c=kt(JSON.stringify(a));return wt(()=>{const e=a;e.length||Uo.forEach(({id:t})=>{$d(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,r(e),l(1===e.length)),()=>{c.current=""}},[i]),$t.createElement("div",null,t&&$t.createElement(cl,{title:t,required:o}),$t.createElement(xd,{$isVertical:e,$hasError:!!n},Uo.map(e=>{const t=$d(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?$t.createElement(Lr,{key:e.id,title:e.value,disabled:!t||s&&o,value:o,onChange:t=>((e,t)=>{const o=e,n=t?[...a,o]:a.filter(e=>e!==o);r(n),l(1===n.length)})(e.id,t)}):null})),!!n&&$t.createElement(Ui,null,n))},bd=zt.div`
|
|
1375
1374
|
display: flex;
|
|
1376
1375
|
gap: 8px;
|
|
1377
1376
|
align-items: center;
|
|
1378
|
-
`,
|
|
1377
|
+
`,yd=zt(ca)`
|
|
1379
1378
|
display: flex;
|
|
1380
1379
|
align-items: center;
|
|
1381
1380
|
justify-content: center;
|
|
1382
1381
|
gap: 8px;
|
|
1383
1382
|
min-width: 90px;
|
|
1384
|
-
`,
|
|
1383
|
+
`,wd=({buttons:e})=>{const t=Di.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?$t.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?$t.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return $t.createElement(bd,null,e.map((e,t)=>$t.createElement(mr,{key:t,text:e.tooltip||""},$t.createElement(yd,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},o({button:e,index:t})&&n({button:e,rotate:0}),e.label,!o({button:e,index:t})&&n({button:e,rotate:180})))))},kd=zt.div`
|
|
1385
1384
|
height: ${({$height:e})=>e}px;
|
|
1386
1385
|
width: 100%;
|
|
1387
1386
|
overflow: auto;
|
|
1388
|
-
`,
|
|
1387
|
+
`,vd=zt.div`
|
|
1389
1388
|
height: ${({$height:e})=>e}px;
|
|
1390
1389
|
width: 100%;
|
|
1391
1390
|
position: relative;
|
|
1392
|
-
`,
|
|
1391
|
+
`,Cd=zt.div`
|
|
1393
1392
|
height: ${({$height:e})=>e}px;
|
|
1394
1393
|
width: 100%;
|
|
1395
1394
|
position: absolute;
|
|
1396
1395
|
top: 0;
|
|
1397
1396
|
left: 0;
|
|
1398
1397
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1399
|
-
`,
|
|
1398
|
+
`,Ed=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:a}=Ea({items:o,rowHeight:t});return $t.createElement(kd,{ref:n,$height:e},$t.createElement(vd,{$height:i},a.map(({key:e,index:t,size:n,start:i})=>{const a=t>o.length-1,r=o[t];return $t.createElement(Cd,{key:e,$height:n,$yOffset:i},a?$t.createElement(Wa,null,$t.createElement(gd,null)):r)})))},Sd=zt.div`
|
|
1400
1399
|
display: flex;
|
|
1401
1400
|
justify-content: space-between;
|
|
1402
1401
|
align-items: center;
|
|
1403
1402
|
gap: 16px;
|
|
1404
|
-
`,
|
|
1403
|
+
`,Ad=zt.div`
|
|
1405
1404
|
display: flex;
|
|
1406
1405
|
flex-direction: column;
|
|
1407
1406
|
gap: 4px;
|
|
1408
|
-
`,
|
|
1407
|
+
`,Dd=zt.div`
|
|
1409
1408
|
display: flex;
|
|
1410
1409
|
align-items: center;
|
|
1411
1410
|
gap: 8px;
|
|
1412
|
-
`,
|
|
1411
|
+
`,Td=zt(Pi)``,Id=zt(Pi)``,Nd=({title:e,description:t,badgeLabel:o,icon:n,actionButton:i,size:a="medium"})=>{const r="small"===a?16:"medium"===a?20:24,s="small"===a?12:"medium"===a?14:16;return $t.createElement(Sd,null,$t.createElement(Ad,null,$t.createElement(Dd,null,n&&$t.createElement(n,{size:r}),$t.createElement(Td,{weight:300,size:r},e),void 0!==o&&$t.createElement(aa,{label:o,filled:!!o})),$t.createElement(Id,{weight:200,opacity:.8,size:s},t)),i&&$t.createElement("div",null,i))},zd=zt.div`
|
|
1413
1412
|
position: relative;
|
|
1414
1413
|
gap: 0;
|
|
1415
1414
|
z-index: 0;
|
|
1416
1415
|
display: grid;
|
|
1417
1416
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1418
|
-
`,
|
|
1417
|
+
`,Od=zt.button`
|
|
1419
1418
|
flex: 1;
|
|
1420
1419
|
display: flex;
|
|
1421
1420
|
align-items: center;
|
|
@@ -1429,7 +1428,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1429
1428
|
&:hover {
|
|
1430
1429
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1431
1430
|
}
|
|
1432
|
-
`,
|
|
1431
|
+
`,Fd=zt.div`
|
|
1433
1432
|
position: absolute;
|
|
1434
1433
|
top: ${({$y:e})=>e}px;
|
|
1435
1434
|
left: ${({$x:e})=>e}px;
|
|
@@ -1439,7 +1438,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1439
1438
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1440
1439
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1441
1440
|
transition: all 0.3s;
|
|
1442
|
-
`,
|
|
1441
|
+
`,_d=({options:e=[],selected:t,setSelected:o})=>{const n=e.findIndex(e=>e.value===t),[i,a]=yt(e[n]?.selectedBgColor||""),[r,s]=yt({width:0,height:0}),[l,c]=yt({x:0,y:0}),d=kt(null);return wt(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),$t.createElement(zd,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return $t.createElement(Od,{key:`segment-${i||c}-${r}`,ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{o(r),a(s||"")}},n&&$t.createElement(n,null),i&&$t.createElement(Pi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),$t.createElement(Fd,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},Rd=zt(ca)`
|
|
1443
1442
|
gap: 8px;
|
|
1444
1443
|
text-transform: none;
|
|
1445
1444
|
text-decoration: none;
|
|
@@ -1458,66 +1457,66 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1458
1457
|
overflow: hidden;
|
|
1459
1458
|
text-overflow: ellipsis;
|
|
1460
1459
|
font-size: 14px;
|
|
1461
|
-
`,
|
|
1460
|
+
`,Ld=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Di.useTheme();return $t.createElement(Rd,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&$t.createElement("div",null,$t.createElement(o,{fill:p.text.info})),n&&$t.createElement("div",null,$t.createElement("img",{src:n,alt:"",width:16,height:16})),$t.createElement(Bd,null,e),r&&$t.createElement("div",null,$t.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&$t.createElement(aa,{label:i,filled:a||r}))},Pd=zt.div`
|
|
1462
1461
|
display: flex;
|
|
1463
1462
|
flex-direction: column;
|
|
1464
1463
|
gap: 16px;
|
|
1465
1464
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1466
|
-
`,
|
|
1465
|
+
`,Md=zt.div`
|
|
1467
1466
|
display: flex;
|
|
1468
1467
|
align-items: center;
|
|
1469
1468
|
gap: 16px;
|
|
1470
|
-
`,
|
|
1469
|
+
`,jd=zt.div`
|
|
1471
1470
|
width: 50px;
|
|
1472
1471
|
height: 50px;
|
|
1473
1472
|
border-radius: 8px;
|
|
1474
1473
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1475
1474
|
background-size: 200% 100%;
|
|
1476
1475
|
animation: ${Di.animations.shimmer} 10s infinite linear;
|
|
1477
|
-
`,
|
|
1476
|
+
`,Ud=zt(Ua)`
|
|
1478
1477
|
flex: 1;
|
|
1479
1478
|
gap: 12px;
|
|
1480
|
-
`,
|
|
1479
|
+
`,Wd=zt.div`
|
|
1481
1480
|
width: ${({$width:e})=>e};
|
|
1482
1481
|
height: 16px;
|
|
1483
1482
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1484
1483
|
background-size: 200% 100%;
|
|
1485
1484
|
animation: ${Di.animations.shimmer} 1.5s infinite linear;
|
|
1486
1485
|
border-radius: 4px;
|
|
1487
|
-
`,
|
|
1486
|
+
`,Vd=({size:e=5,maxWidth:t})=>$t.createElement(Pd,{$maxWidth:t},[...Array(e)].map((e,t)=>$t.createElement(Md,{key:t},$t.createElement(jd,null),$t.createElement(Ud,null,$t.createElement(Wd,{$width:"80%"}),$t.createElement(Wd,{$width:"100%"})))));var Hd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Hd||(Hd={}));const qd=zt.div`
|
|
1488
1487
|
display: flex;
|
|
1489
1488
|
flex-direction: column;
|
|
1490
1489
|
gap: 32px;
|
|
1491
|
-
`,
|
|
1490
|
+
`,Gd=zt.div`
|
|
1492
1491
|
display: flex;
|
|
1493
1492
|
gap: 16px;
|
|
1494
1493
|
padding: 8px;
|
|
1495
|
-
opacity: ${({$state:e})=>e===
|
|
1494
|
+
opacity: ${({$state:e})=>e===Hd.Active?1:e===Hd.Disabled?.5:.8};
|
|
1496
1495
|
transition: all 0.3s;
|
|
1497
|
-
`,
|
|
1496
|
+
`,Kd=zt(ja)`
|
|
1498
1497
|
justify-content: center;
|
|
1499
1498
|
width: 24px;
|
|
1500
1499
|
height: 24px;
|
|
1501
1500
|
border-radius: 32px;
|
|
1502
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1503
|
-
opacity: ${({$state:e})=>e===
|
|
1504
|
-
`,
|
|
1501
|
+
border: ${({theme:e,$state:t})=>t===Hd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1502
|
+
opacity: ${({$state:e})=>e===Hd.Finished?.8:1};
|
|
1503
|
+
`,Yd=zt(Ua)`
|
|
1505
1504
|
justify-content: center;
|
|
1506
1505
|
gap: 8px;
|
|
1507
|
-
`,
|
|
1506
|
+
`,Jd=zt(Pi)``,Xd=zt(Pi)``,Qd=({data:e,currentStep:t=0})=>{const[o,n]=yt([]);return wt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Hd.Finished,subtitle:e.subtitle||mo.Success}:o===t-1?{...e,state:Hd.Active,subtitle:""}:{...e,state:Hd.Disabled,subtitle:""}))},[t,e]),$t.createElement(qd,null,o.map((e,t)=>$t.createElement(Gd,{key:t,$state:e.state},$t.createElement(Kd,{$state:e.state},[Hd.Active,Hd.Disabled].includes(e.state)?$t.createElement(Pi,{size:12},e.stepNumber):e.state===Hd.Finished?$t.createElement(Ge,{size:20}):null),$t.createElement(Yd,null,$t.createElement(Jd,{family:"secondary"},e.title),e.subtitle&&$t.createElement(Xd,{size:10,weight:300},e.subtitle)))))},Zd=zt(ja)`
|
|
1508
1507
|
width: fit-content;
|
|
1509
1508
|
gap: 6px;
|
|
1510
1509
|
padding: 6px 12px;
|
|
1511
1510
|
border-radius: 360px;
|
|
1512
1511
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1513
|
-
`,
|
|
1512
|
+
`,ep=zt(Pi)`
|
|
1514
1513
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1515
|
-
`,
|
|
1514
|
+
`,tp=({type:e=mo.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>$t.createElement(Zd,{$type:e},t&&$t.createElement(t,null),$t.createElement(ep,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),op=zt.div`
|
|
1516
1515
|
display: flex;
|
|
1517
1516
|
flex-direction: column;
|
|
1518
1517
|
position: relative;
|
|
1519
1518
|
width: 100%;
|
|
1520
|
-
`,
|
|
1519
|
+
`,np=zt.div`
|
|
1521
1520
|
width: 100%;
|
|
1522
1521
|
display: flex;
|
|
1523
1522
|
align-items: center;
|
|
@@ -1545,7 +1544,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1545
1544
|
&:focus-within {
|
|
1546
1545
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1547
1546
|
}
|
|
1548
|
-
`,
|
|
1547
|
+
`,ip=zt.textarea`
|
|
1549
1548
|
flex: 1;
|
|
1550
1549
|
border: none;
|
|
1551
1550
|
outline: none;
|
|
@@ -1569,13 +1568,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1569
1568
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1570
1569
|
cursor: not-allowed;
|
|
1571
1570
|
}
|
|
1572
|
-
`,
|
|
1571
|
+
`,ap=({errorMessage:e,title:t,tooltip:o,required:n,onChange:i,name:a,...r})=>{const s=kt(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return $t.createElement(op,null,$t.createElement(cl,{title:t,required:n,tooltip:o}),$t.createElement(np,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},$t.createElement(ip,{ref:s,"data-id":a,name:a,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...r})),!!e&&$t.createElement(Ui,null,e))},rp=zt.div`
|
|
1573
1572
|
display: flex;
|
|
1574
1573
|
align-items: center;
|
|
1575
1574
|
gap: 12px;
|
|
1576
1575
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1577
1576
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1578
|
-
`,
|
|
1577
|
+
`,sp=zt.div`
|
|
1579
1578
|
width: 24px;
|
|
1580
1579
|
height: 12px;
|
|
1581
1580
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1597,11 +1596,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1597
1596
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1598
1597
|
transition: background-color 0.3s, transform 0.3s;
|
|
1599
1598
|
}
|
|
1600
|
-
`,
|
|
1599
|
+
`,lp=({title:e,tooltip:t,initialValue:o=!1,onChange:n,disabled:i,allowPropagation:a=!1,flipHorizontally:r})=>{const[s,l]=yt(o);return wt(()=>l(o),[o]),$t.createElement(rp,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&$t.createElement(sp,{$disabled:i,$isActive:s}),(e||t)&&$t.createElement(mr,{text:t,withIcon:!0},e&&$t.createElement(Pi,{size:14},e)),r&&$t.createElement(sp,{$disabled:i,$isActive:s}))};var cp={v:"5.12.1",fr:60,ip:0,op:80,w:220,h:620,nm:"Odigos - Trace Loader",ddd:0,assets:[{id:"comp_0",nm:"moving lines-5",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[6.097,.571,0],ix:2,l:2},a:{a:0,k:[-.046,-149.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-.055,-173.88],[.095,546.629]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:2.4,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:18.172,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:36.174,s:[85.889]},{t:51,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:12.174,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:30.174,s:[85.889]},{t:45,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:51,st:-26,ct:1,bm:0}]},{id:"comp_1",nm:"moving lines-4",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.475,.571,0],ix:2,l:2},a:{a:0,k:[.144,-156.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.167,-182.047],[.314,547.797]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:17.9,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:38.055,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:61.053,s:[85.889]},{t:80,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:15.553,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:38.555,s:[85.889]},{t:57.5,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:80,st:-26,ct:1,bm:0}]},{id:"comp_2",nm:"moving lines-3",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.841,.571,0],ix:2,l:2},a:{a:0,k:[.324,-150.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.382,-175.047],[-.051,538.464]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:6,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:23.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:43.525,s:[85.889]},{t:60,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:13.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:33.525,s:[85.889]},{t:50,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60,st:-26,ct:1,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:-22,op:29,st:-22,ct:1,bm:0},{ddd:0,ind:2,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:56,op:107,st:56,ct:1,bm:0},{ddd:0,ind:3,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:22,op:73,st:22,ct:1,bm:0},{ddd:0,ind:4,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:-65,op:15,st:-65,ct:1,bm:0},{ddd:0,ind:5,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:14,op:94,st:14,ct:1,bm:0},{ddd:0,ind:6,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:2,op:62,st:2,ct:1,bm:0},{ddd:0,ind:7,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:-36,op:20,st:-40,ct:1,bm:0},{ddd:0,ind:8,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:39,op:99,st:39,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Vector :M",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110,309.736,0],ix:2,l:2},a:{a:0,k:[308.5,313.236,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[205.677,618.844],[205.677,4.807]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[411.428,618.822],[411.333,4.99]],c:!1},ix:2},nm:"Path 6",mn:"ADBE Vector Shape - Group",hd:!1},{ind:2,ty:"sh",ix:3,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[308.5,618.796],[308.5,5.145]],c:!1},ix:2},nm:"Path 7",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.975244164467,.975244164467,.975244164467,.639999985695],ix:3},o:{a:0,k:64,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 7",mn:"ADBE Vector Graphic - Stroke",hd:!1}],ip:0,op:684,st:0,ct:1,bm:0}],markers:[],props:{}};const dp=zt.div`
|
|
1601
1600
|
width: ${({$width:e})=>e}px;
|
|
1602
1601
|
height: ${({$height:e})=>e}px;
|
|
1603
1602
|
position: relative;
|
|
1604
|
-
`,
|
|
1603
|
+
`,pp=({width:e=620})=>{const{darkMode:t}=Di.useTheme(),o=e/(620/220),n=e;return $t.createElement(dp,{$width:n,$height:o},$t.createElement(qt,{autoplay:!0,loop:!0,animationData:cp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))};var up,hp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(up||(up={})),function(e){e.S="small",e.M="medium",e.L="large"}(hp||(hp={}));const mp=zt.button`
|
|
1605
1604
|
display: flex;
|
|
1606
1605
|
align-items: center;
|
|
1607
1606
|
justify-content: center;
|
|
@@ -1611,14 +1610,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1611
1610
|
`}
|
|
1612
1611
|
border: none;
|
|
1613
1612
|
border-radius: 6px;
|
|
1614
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1613
|
+
${({$size:e,$hasLabel:t})=>e===hp.S?Rt`
|
|
1615
1614
|
height: 32px;
|
|
1616
1615
|
${t?Rt`
|
|
1617
1616
|
padding: 8px 16px;
|
|
1618
1617
|
`:Rt`
|
|
1619
1618
|
width: 32px;
|
|
1620
1619
|
`}
|
|
1621
|
-
`:e===
|
|
1620
|
+
`:e===hp.M?Rt`
|
|
1622
1621
|
height: 38px;
|
|
1623
1622
|
${t?Rt`
|
|
1624
1623
|
padding: 8px 18px;
|
|
@@ -1643,7 +1642,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1643
1642
|
${({$withShadow:e})=>e?Rt`
|
|
1644
1643
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1645
1644
|
`:""}
|
|
1646
|
-
${({$variant:e})=>e===
|
|
1645
|
+
${({$variant:e})=>e===up.Primary?Rt`
|
|
1647
1646
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1648
1647
|
&:hover {
|
|
1649
1648
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1651,7 +1650,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1651
1650
|
&:active {
|
|
1652
1651
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1653
1652
|
}
|
|
1654
|
-
`:e===
|
|
1653
|
+
`:e===up.Secondary?Rt`
|
|
1655
1654
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1656
1655
|
&:hover {
|
|
1657
1656
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1659,7 +1658,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1659
1658
|
&:active {
|
|
1660
1659
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1661
1660
|
}
|
|
1662
|
-
`:e===
|
|
1661
|
+
`:e===up.Text?Rt`
|
|
1663
1662
|
background-color: transparent;
|
|
1664
1663
|
&:hover {
|
|
1665
1664
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1669,7 +1668,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1669
1668
|
}
|
|
1670
1669
|
`:""}
|
|
1671
1670
|
}
|
|
1672
|
-
`,
|
|
1671
|
+
`,gp=Ct(({label:e,leftIcon:t,rightIcon:o,variant:n=up.Primary,size:i=hp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Di.useTheme(),m=a||(i===hp.L?18:16),g=i===hp.L?Ii.S:Ii.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return $t.createElement(mp,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:r?void 0:e=>{e.stopPropagation(),d?.(e)},...p},r?e?$t.createElement(gd,{size:h.v2.text.size[g],textColor:x}):$t.createElement(es,null):$t.createElement($t.Fragment,null,t&&$t.createElement(t,{size:m,fill:x}),e?$t.createElement(zi,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&$t.createElement(o,{size:m,fill:x})))});gp.displayName=gp.name;const xp=zt.button`
|
|
1673
1672
|
width: 100%;
|
|
1674
1673
|
padding: 0;
|
|
1675
1674
|
padding-right: 12px;
|
|
@@ -1689,7 +1688,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1689
1688
|
&:disabled {
|
|
1690
1689
|
cursor: not-allowed;
|
|
1691
1690
|
}
|
|
1692
|
-
|
|
1691
|
+
`,$p=zt.div`
|
|
1693
1692
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1694
1693
|
height: 56px;
|
|
1695
1694
|
display: flex;
|
|
@@ -1700,13 +1699,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1700
1699
|
`:Rt`
|
|
1701
1700
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1702
1701
|
`}
|
|
1703
|
-
`,
|
|
1702
|
+
`,fp=zt.div`
|
|
1704
1703
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1705
1704
|
display: flex;
|
|
1706
1705
|
justify-content: space-between;
|
|
1707
1706
|
align-items: center;
|
|
1708
1707
|
gap: 8px;
|
|
1709
|
-
`,
|
|
1708
|
+
`,bp=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=yt(!1);return $t.createElement(xp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},$t.createElement($p,{$hovered:i,$hasIcon:!!t},t&&$t.createElement(t,{size:36})),$t.createElement(fp,{$hasIcon:!!t},o?$t.createElement(gd,{size:16}):$t.createElement(zi,{variant:Ti.Span,align:"center"},e),$t.createElement(dt,{rotate:90,size:24})))},yp=({buttons:e})=>$t.createElement(Ua,{$gap:12},e.map(e=>$t.createElement(bp,{key:e.label,...e}))),wp=zt.div`
|
|
1710
1709
|
display: flex;
|
|
1711
1710
|
align-items: center;
|
|
1712
1711
|
flex-wrap: wrap;
|
|
@@ -1714,13 +1713,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1714
1713
|
padding: 4px 12px;
|
|
1715
1714
|
border-radius: 12px;
|
|
1716
1715
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1717
|
-
`,
|
|
1716
|
+
`,kp=zt.div`
|
|
1718
1717
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1719
1718
|
margin: 8px;
|
|
1720
1719
|
display: flex;
|
|
1721
1720
|
flex-direction: column;
|
|
1722
1721
|
gap: 4px;
|
|
1723
|
-
`,
|
|
1722
|
+
`,vp=({cellsPerRow:e,items:t})=>{const o=_t(),{CopyButton:n}=wa();return $t.createElement(wp,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>$t.createElement(kp,{key:i,$cellsPerRow:e||t.length},$t.createElement(zi,{size:Ii.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),$t.createElement(ja,{$gap:4},l&&$t.createElement(Fi,{...l}),r&&$t.createElement(zi,{size:Ii.XS,nowrap:!0},r),s&&$t.createElement(n,{value:r||l?.label?.toString()||"",size:fa.XS})))))},Cp=zt.div`
|
|
1724
1723
|
width: ${({$width:e})=>e||"unset"};
|
|
1725
1724
|
padding: 6px 12px;
|
|
1726
1725
|
display: flex;
|
|
@@ -1732,7 +1731,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1732
1731
|
border: none;
|
|
1733
1732
|
border-radius: 6px;
|
|
1734
1733
|
background: ${({$isHovered:e,$isActive:t,theme:o})=>e||t?o.v2.colors.silver[700]:o.v2.colors.silver[800]};
|
|
1735
|
-
`,
|
|
1734
|
+
`,Ep=zt.input`
|
|
1736
1735
|
flex: 1;
|
|
1737
1736
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1738
1737
|
font-size: 14px;
|
|
@@ -1748,28 +1747,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1748
1747
|
overflow: hidden;
|
|
1749
1748
|
text-overflow: ellipsis;
|
|
1750
1749
|
white-space: nowrap;
|
|
1751
|
-
`,
|
|
1750
|
+
`,Sp=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=Di.useTheme(),[a,r]=yt(!1),[s,l]=yt(!1),c=s?i.v2.colors.white[500]:i.v2.colors.silver[200];return $t.createElement(Cp,{$width:n,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),$isHovered:a,$isActive:s},$t.createElement(at,{size:18,fill:c}),$t.createElement(Ep,{"data-id":"search",name:"search",type:"text",placeholder:e,value:t,onChange:e=>{e.stopPropagation(),o(e.target.value)},onFocus:()=>l(!0),onBlur:()=>l(!1),$textColor:c}))};var Ap;!function(e){e.S="small",e.L="large"}(Ap||(Ap={}));const Dp=zt.div`
|
|
1752
1751
|
width: fit-content;
|
|
1753
1752
|
display: flex;
|
|
1754
1753
|
align-items: center;
|
|
1755
1754
|
gap: 8px;
|
|
1756
1755
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1757
|
-
`,
|
|
1758
|
-
width: ${({$size:e})=>e===
|
|
1759
|
-
height: ${({$size:e})=>e===
|
|
1756
|
+
`,Tp=zt.div`
|
|
1757
|
+
width: ${({$size:e})=>e===Ap.S?"16px":"20px"};
|
|
1758
|
+
height: ${({$size:e})=>e===Ap.S?"16px":"20px"};
|
|
1760
1759
|
display: flex;
|
|
1761
1760
|
align-items: center;
|
|
1762
1761
|
justify-content: center;
|
|
1763
1762
|
border-radius: 4px;
|
|
1764
1763
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1765
1764
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1766
|
-
`,
|
|
1765
|
+
`,Ip=({label:e,size:t=Ap.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Di.useTheme(),[s,l]=yt(!1),c=n||i,d=t===Ap.S?8:12,p=o?r.v2.colors.grey[400]:r.v2.colors.white[500],u=c?"transparent":o?r.v2.colors.grey[700]:s?r.v2.colors.silver[400]:r.v2.colors.silver[600],h=o?r.v2.colors.grey[600]:c?r.v2.colors.purple[500]:r.v2.colors.silver[900];return $t.createElement(Dp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},$t.createElement(Tp,{$size:t,$borderColor:u,$backgroundColor:h},n?$t.createElement(Je,{size:d,fill:p}):i?$t.createElement(Ge,{size:d,fill:p}):null),e&&$t.createElement(zi,{size:t===Ap.S?Ii.XXS:Ii.XS,nowrap:!0},e))},Np=zt.div`
|
|
1767
1766
|
display: flex;
|
|
1768
1767
|
flex-direction: ${({$direction:e})=>e===oo.Horizontal?"row":"column"};
|
|
1769
1768
|
gap: ${({$direction:e})=>e===oo.Horizontal?16:8}px;
|
|
1770
|
-
`,
|
|
1769
|
+
`,zp=({direction:e=oo.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===Ap.S?Ii.XXS:Ii.XS,c=bt(()=>a.every(e=>r[e.id]),[a,r]),d=bt(()=>a.some(e=>r[e.id])&&a.some(e=>!r[e.id]),[a,r]),p=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:a.forEach(e=>n[e.id]=t),n})};return $t.createElement(Np,{$direction:e},t&&i?$t.createElement(Ip,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?$t.createElement(zi,{size:l},t):null,a.map(e=>$t.createElement(Ip,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))};var Op;!function(e){e.Left="left",e.Right="right"}(Op||(Op={}));const Fp=zt.div`
|
|
1771
1770
|
position: relative;
|
|
1772
|
-
`,
|
|
1771
|
+
`,_p=zt.div`
|
|
1773
1772
|
display: flex;
|
|
1774
1773
|
flex-direction: column;
|
|
1775
1774
|
gap: 0;
|
|
@@ -1783,7 +1782,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1783
1782
|
top: ${({$withButton:e})=>e?"calc(100% + 8px)":"0"};
|
|
1784
1783
|
${({$align:e})=>`${e}: 0;`}
|
|
1785
1784
|
z-index: 1000;
|
|
1786
|
-
`,
|
|
1785
|
+
`,Rp=zt.div`
|
|
1787
1786
|
display: flex;
|
|
1788
1787
|
align-items: center;
|
|
1789
1788
|
gap: 8px;
|
|
@@ -1799,7 +1798,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1799
1798
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1800
1799
|
}
|
|
1801
1800
|
`}
|
|
1802
|
-
`,Bp=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,align:i,defaultOpen:a,buttonProps:r,iconButtonProps:s})=>{const l=_t(),c=!!r||!!s,[d,p]=yt(
|
|
1801
|
+
`,Bp=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,align:i,defaultOpen:a,buttonProps:r,iconButtonProps:s})=>{const l=_t(),c=!!r||!!s,[d,p]=yt(Op.Left),[u,h]=yt(a??!c),[m,g]=yt(t);wt(()=>{o(m)},[m]);const x=e=>{p(i||(e.clientX>window.innerWidth/2?Op.Right:Op.Left)),h(e=>!e)},$=e=>{g(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),c&&!n&&h(!1)},f=kt(null);return Ta(f,()=>h(!1)),$t.createElement(Fp,{ref:f},r&&$t.createElement(gp,{...r,rightIcon:u?pt:ut,onClick:x}),s&&$t.createElement(ya,{...s,onClick:x}),u&&$t.createElement(_p,{$withButton:c,$align:d},e.map(({id:e,label:o,icon:n,withCheckbox:i})=>{const a=t.includes(e);return $t.createElement(Rp,{key:e,$selected:a,onClick:()=>$(e)},i&&$t.createElement(Ip,{value:a,onChange:()=>$(e)}),n&&$t.createElement(n,{size:14,fill:l.v2.colors.white[500]}),$t.createElement(zi,{size:Ii.XS,nowrap:!0},o))})))};var Lp,Pp;!function(e){e.S="small",e.M="medium"}(Lp||(Lp={})),function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Pp||(Pp={}));const Mp=zt.div`
|
|
1803
1802
|
display: flex;
|
|
1804
1803
|
flex-direction: column;
|
|
1805
1804
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -1807,7 +1806,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1807
1806
|
padding: ${({$padding:e})=>e}px;
|
|
1808
1807
|
border-radius: 16px;
|
|
1809
1808
|
background-color: ${({$backgroundWeight:e,theme:t})=>t.v2.colors.silver[e]};
|
|
1810
|
-
`,
|
|
1809
|
+
`,jp=({size:e=Lp.M,backgroundWeight:t="900",icon:o,title:n,withCopyTitle:i,badge:a,search:r,actions:s,children:l})=>{const{CopyButton:c}=wa(),d=e===Lp.S?4:16,p=e===Lp.S?12:16;return $t.createElement(Mp,{$padding:p,$gap:d,$backgroundWeight:t},$t.createElement(ja,{$gap:16,$justifyContent:"space-between"},$t.createElement(ja,{$gap:8,$alignItems:"center"},$t.createElement(o,{size:24}),$t.createElement(zi,null,n),i&&$t.createElement(c,{value:n,size:fa.XS}),a&&$t.createElement(Fi,{...a}),r&&$t.createElement(Sp,{...r})),$t.createElement(ja,{$gap:8,$alignItems:"center"},s?.map(e=>{switch(e.type){case Pp.Button:return $t.createElement(gp,{key:e.id,...e.buttonProps,label:e.buttonProps?.label??""});case Pp.ButtonDropData:return $t.createElement(Bp,{key:e.id,items:e.dropDataItems??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:t=>e.buttonProps?.onClick?.(t[0]),buttonProps:e.buttonProps});default:return null}}))),l)},Up=zt.div`
|
|
1811
1810
|
flex: 1;
|
|
1812
1811
|
align-self: stretch;
|
|
1813
1812
|
display: flex;
|
|
@@ -1816,7 +1815,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1816
1815
|
padding: 16px;
|
|
1817
1816
|
border-radius: 12px;
|
|
1818
1817
|
background-color: ${({theme:e,$status:t})=>En(e,t,t===$o.Unknown?"750":"500")};
|
|
1819
|
-
`,
|
|
1818
|
+
`,Wp=zt.div`
|
|
1820
1819
|
display: flex;
|
|
1821
1820
|
align-items: center;
|
|
1822
1821
|
justify-content: center;
|
|
@@ -1825,7 +1824,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1825
1824
|
padding: 8px;
|
|
1826
1825
|
border-radius: 12px;
|
|
1827
1826
|
background-color: ${({theme:e,$status:t})=>t===$o.Unknown?En(e,t,"800"):En(e,t,"900")+Di.opacity.hex["015"]};
|
|
1828
|
-
`,
|
|
1827
|
+
`,Vp=({status:e,icon:t,title:o,description:n})=>{const i=_t(),a=t??An(e,i),r=[mo.Default,mo.Info,$o.Disabled,$o.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return $t.createElement(Up,{$status:e},$t.createElement(Wp,{$status:e},$t.createElement(a,{size:32,fill:r})),$t.createElement(Ua,{$gap:2,$justifyContent:"center"},$t.createElement(zi,{size:Ii.M,weight:500,color:r,nowrap:!0},o),$t.createElement(zi,{size:Ii.XXS,weight:300,color:r,nowrap:!0},n)))},Hp=zt.div`
|
|
1829
1828
|
flex: 1;
|
|
1830
1829
|
align-self: stretch;
|
|
1831
1830
|
display: flex;
|
|
@@ -1834,7 +1833,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1834
1833
|
padding: 12px;
|
|
1835
1834
|
border-radius: 12px;
|
|
1836
1835
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1837
|
-
`,
|
|
1836
|
+
`,qp=["-","N/A"],Gp=({title:e,cells:t})=>{const o=_t();return $t.createElement(Hp,null,$t.createElement(zi,{size:Ii.XXS,color:o.v2.colors.grey[150]},e),$t.createElement(ja,{$gap:32},t.map(t=>$t.createElement(Ua,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!qp.includes(t.value)?$t.createElement(zi,{size:t.label?Ii.M:Ii.L},t.value):$t.createElement(es,{scale:.9}),t.label&&$t.createElement(zi,{size:Ii.XXS},t.label)))))},Kp=zt(ja)`
|
|
1838
1837
|
width: calc(100% - 20px);
|
|
1839
1838
|
padding: 10px;
|
|
1840
1839
|
border-radius: 6px;
|
|
@@ -1843,34 +1842,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1843
1842
|
align-items: center;
|
|
1844
1843
|
justify-content: space-between;
|
|
1845
1844
|
gap: 12px;
|
|
1846
|
-
`,
|
|
1845
|
+
`,Yp=zt.div`
|
|
1847
1846
|
position: relative;
|
|
1848
1847
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1849
1848
|
display: flex;
|
|
1850
1849
|
align-items: center;
|
|
1851
1850
|
gap: 4px;
|
|
1852
|
-
`,
|
|
1851
|
+
`,Jp=zt.pre`
|
|
1853
1852
|
flex: 1;
|
|
1854
1853
|
margin: 0;
|
|
1855
1854
|
padding: 0;
|
|
1856
1855
|
font-size: 14px;
|
|
1857
1856
|
color: #5ffb98; // TODO: add to theme
|
|
1858
1857
|
overflow-x: auto;
|
|
1859
|
-
`,
|
|
1858
|
+
`,Xp=zt.span`
|
|
1860
1859
|
flex-shrink: 0;
|
|
1861
1860
|
font-size: 14px;
|
|
1862
1861
|
color: #5ffb98; // TODO: add to theme
|
|
1863
|
-
`,
|
|
1862
|
+
`,Qp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=wa({onDone:o}),i=kt(null),[a,r]=yt(!1);return wt(()=>{const e=()=>{if(i.current){const{scrollWidth:e,clientWidth:t}=i.current;r(e>t)}};e();const t=new ResizeObserver(e);return i.current&&t.observe(i.current),()=>{t.disconnect()}},[e]),$t.createElement(Kp,null,$t.createElement(Yp,{$hideCopy:t},$t.createElement(Jp,{ref:i},e),a&&$t.createElement(Xp,null,"...")),!t&&$t.createElement(n,{value:e,size:fa.XS}))},Zp=zt.div`
|
|
1864
1863
|
display: flex;
|
|
1865
1864
|
align-items: center;
|
|
1866
1865
|
justify-content: space-between;
|
|
1867
1866
|
width: calc(100% - 24px);
|
|
1868
1867
|
padding: 12px;
|
|
1869
|
-
`,
|
|
1868
|
+
`,eu=zt.div`
|
|
1870
1869
|
display: flex;
|
|
1871
1870
|
align-items: center;
|
|
1872
1871
|
gap: 16px;
|
|
1873
|
-
`,
|
|
1872
|
+
`,tu=zt.div`
|
|
1874
1873
|
display: flex;
|
|
1875
1874
|
align-items: center;
|
|
1876
1875
|
justify-content: center;
|
|
@@ -1878,11 +1877,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1878
1877
|
height: 32px;
|
|
1879
1878
|
border-radius: 8px;
|
|
1880
1879
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1881
|
-
`,
|
|
1880
|
+
`,ou=zt.div`
|
|
1882
1881
|
display: flex;
|
|
1883
1882
|
align-items: center;
|
|
1884
1883
|
gap: 12px;
|
|
1885
|
-
`,
|
|
1884
|
+
`,nu=({icon:e,title:t,actions:o,onClose:n})=>$t.createElement(Zp,null,$t.createElement(eu,null,$t.createElement(tu,null,$t.createElement(e,{size:24})),$t.createElement(zi,{size:Ii.S},t)),$t.createElement(ou,null,o?.length?$t.createElement(ya,{icon:ht,size:fa.M,onClick:()=>alert("todo")}):null,$t.createElement(ya,{icon:Ye,size:fa.M,onClick:n}))),iu=zt.div`
|
|
1886
1885
|
position: fixed;
|
|
1887
1886
|
top: 0;
|
|
1888
1887
|
bottom: 0;
|
|
@@ -1895,7 +1894,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1895
1894
|
overflow: hidden;
|
|
1896
1895
|
|
|
1897
1896
|
animation-name: ${({$position:e})=>Di.animations.slide.in[e]};
|
|
1898
|
-
`,
|
|
1897
|
+
`,au=zt.div`
|
|
1899
1898
|
display: flex;
|
|
1900
1899
|
flex-direction: column;
|
|
1901
1900
|
gap: 16px;
|
|
@@ -1904,7 +1903,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1904
1903
|
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1905
1904
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1906
1905
|
overflow-y: auto;
|
|
1907
|
-
`,
|
|
1906
|
+
`,ru=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(ha(e),e?Ut($t.createElement($t.Fragment,null,!t&&$t.createElement(Ha,{onClick:i.onClose}),$t.createElement(iu,{$position:o,$width:n},$t.createElement(nu,{...i}),$t.createElement(au,{$position:o},a))),document.body):null),su=zt.header`
|
|
1908
1907
|
position: relative;
|
|
1909
1908
|
width: calc(100% - 36px);
|
|
1910
1909
|
padding: 12px 18px;
|
|
@@ -1912,12 +1911,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1912
1911
|
display: flex;
|
|
1913
1912
|
align-items: center;
|
|
1914
1913
|
justify-content: space-between;
|
|
1915
|
-
`,
|
|
1914
|
+
`,lu=zt(ja)`
|
|
1916
1915
|
position: absolute;
|
|
1917
1916
|
left: 50%;
|
|
1918
1917
|
transform: translateX(-50%);
|
|
1919
1918
|
gap: 16px;
|
|
1920
|
-
`,
|
|
1919
|
+
`,cu=({left:e=[],center:t=[],right:o=[]})=>$t.createElement(su,null,$t.createElement(ja,{$gap:16},e),$t.createElement(lu,null,t),$t.createElement(ja,{$gap:16},o)),du=zt.div`
|
|
1921
1920
|
display: flex;
|
|
1922
1921
|
align-items: center;
|
|
1923
1922
|
gap: 2px;
|
|
@@ -1931,17 +1930,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1931
1930
|
right: ${({$right:e})=>e||"12px"};
|
|
1932
1931
|
top: 50%;
|
|
1933
1932
|
transform: translateY(-50%);
|
|
1934
|
-
`,
|
|
1933
|
+
`,pu=({isOpen:e,actions:t,positionRight:o})=>{const[n,i]=yt("");return e?$t.createElement(du,{$right:o},t.map(e=>$t.createElement(gp,{key:e.id,...e,variant:up.Secondary,size:hp.S,label:n===e.id?e.label:void 0,onMouseEnter:()=>i(e.id),onMouseLeave:()=>i("")}))):null},uu=zt.span`
|
|
1935
1934
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1936
1935
|
font-size: 14px;
|
|
1937
1936
|
font-weight: 400;
|
|
1938
1937
|
color: ${({theme:e})=>e.text.error};
|
|
1939
|
-
`,
|
|
1938
|
+
`,hu=zt.span`
|
|
1940
1939
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1941
1940
|
font-size: 14px;
|
|
1942
1941
|
font-weight: 400;
|
|
1943
1942
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1944
|
-
`,
|
|
1943
|
+
`,mu=zt.div`
|
|
1945
1944
|
padding: 12px;
|
|
1946
1945
|
display: flex;
|
|
1947
1946
|
align-self: stretch;
|
|
@@ -1958,7 +1957,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1958
1957
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1959
1958
|
}
|
|
1960
1959
|
`}
|
|
1961
|
-
`,
|
|
1960
|
+
`,gu=zt.input`
|
|
1962
1961
|
flex: 1;
|
|
1963
1962
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1964
1963
|
font-size: 14px;
|
|
@@ -1982,16 +1981,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1982
1981
|
overflow: hidden;
|
|
1983
1982
|
text-overflow: ellipsis;
|
|
1984
1983
|
white-space: nowrap;
|
|
1985
|
-
|
|
1984
|
+
`,xu=zt.div`
|
|
1986
1985
|
cursor: pointer;
|
|
1987
|
-
|
|
1986
|
+
`,$u=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=ho.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Di.useTheme(),m=s===ho.Password,[g,x]=yt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return $t.createElement(Ua,{$gap:6},$t.createElement(ja,{$justifyContent:"space-between"},e&&$t.createElement(hu,null,e),$t.createElement(ja,{$gap:10},o&&$t.createElement(mr,{text:o,withIcon:!0}),t&&$t.createElement(uu,null,"*"))),$t.createElement(mu,{$disabled:p,$error:!!a},n?$t.createElement(n,{size:18,fill:$}):null,$t.createElement(gu,{"data-id":l,type:g||s===ho.Number?ho.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===ho.Number&&(e.target.value=Hn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?$t.createElement(xu,{onClick:()=>x(e=>!e)},g?$t.createElement(nt,{size:18,strokeWidth:2,fill:$}):$t.createElement(it,{size:18,strokeWidth:2,fill:$})):i?$t.createElement(i,{size:18,fill:$}):null),a?$t.createElement(ja,{$gap:4},$t.createElement(je,{size:12,fill:h.v2.colors.red[500]}),$t.createElement(zi,{size:Ii.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?$t.createElement(ja,{$gap:4},$t.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),$t.createElement(zi,{size:Ii.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},fu=Ft`
|
|
1988
1987
|
0% {
|
|
1989
1988
|
background-position: 0% 50%;
|
|
1990
1989
|
}
|
|
1991
1990
|
100% {
|
|
1992
1991
|
background-position: 100% 50%;
|
|
1993
1992
|
}
|
|
1994
|
-
`,
|
|
1993
|
+
`,bu=zt(zi)`
|
|
1995
1994
|
display: flex;
|
|
1996
1995
|
align-items: center;
|
|
1997
1996
|
gap: 4px;
|
|
@@ -2000,8 +1999,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2000
1999
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
2001
2000
|
background-clip: text;
|
|
2002
2001
|
color: transparent;
|
|
2003
|
-
animation: ${
|
|
2004
|
-
`,
|
|
2002
|
+
animation: ${fu} 1s reverse linear infinite;
|
|
2003
|
+
`,yu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Di.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return $t.createElement($t.Fragment,null,e?$t.createElement(ja,{$gap:4},t&&$t.createElement(t,null),o?$t.createElement(bu,{$textColor:s,$stripColor:l,...a},e):$t.createElement(zi,{color:s,...a},e)):null)},wu=zt.div`
|
|
2005
2004
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2006
2005
|
top: 50%;
|
|
2007
2006
|
left: 50%;
|
|
@@ -2014,13 +2013,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2014
2013
|
overflow: hidden;
|
|
2015
2014
|
|
|
2016
2015
|
animation-name: ${Di.animations.slide.in.center};
|
|
2017
|
-
`,
|
|
2016
|
+
`,ku=zt.div`
|
|
2018
2017
|
position: relative;
|
|
2019
|
-
`,
|
|
2018
|
+
`,vu=zt.div`
|
|
2020
2019
|
position: absolute;
|
|
2021
2020
|
top: 16px;
|
|
2022
2021
|
left: 16px;
|
|
2023
|
-
`,
|
|
2022
|
+
`,Cu=({isOpen:e,hideOverlay:t=!1,relativeToParent:o=!1,onBack:n,onClose:i,children:a})=>{if(ha(e),!e)return null;const r=$t.createElement($t.Fragment,null,!t&&$t.createElement(Ha,{$relativeToParent:o,onClick:i}),$t.createElement(wu,{$relativeToParent:o},$t.createElement(ku,null,n&&$t.createElement(vu,null,$t.createElement(ya,{icon:e=>$t.createElement(dt,{rotate:-90,...e}),size:fa.L,onClick:n})),a)));return o?r:Ut(r,document.body)},Eu=zt.aside`
|
|
2024
2023
|
display: flex;
|
|
2025
2024
|
flex-direction: column;
|
|
2026
2025
|
gap: 8px;
|
|
@@ -2029,7 +2028,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2029
2028
|
padding: 16px 12px;
|
|
2030
2029
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2031
2030
|
overflow-y: auto;
|
|
2032
|
-
`,
|
|
2031
|
+
`,Su=({height:e,icons:t})=>$t.createElement(Eu,{$height:e},t.map(({id:e,selected:t,icon:o,onClick:n})=>$t.createElement(gp,{key:e,label:"",leftIcon:o,iconSize:24,onClick:n,variant:t?up.Primary:up.Text}))),Au=zt.div`
|
|
2033
2032
|
display: flex;
|
|
2034
2033
|
align-items: center;
|
|
2035
2034
|
gap: 10px;
|
|
@@ -2039,7 +2038,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2039
2038
|
padding: 4px;
|
|
2040
2039
|
border-radius: 8px;
|
|
2041
2040
|
background-color: ${({theme:e,$status:t})=>En(e,t,[mo.Info].includes(t)?"1000":"900")};
|
|
2042
|
-
`,
|
|
2041
|
+
`,Du=zt.div`
|
|
2043
2042
|
width: 36px;
|
|
2044
2043
|
height: 36px;
|
|
2045
2044
|
display: flex;
|
|
@@ -2047,33 +2046,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2047
2046
|
justify-content: center;
|
|
2048
2047
|
border-radius: 6px;
|
|
2049
2048
|
background-color: ${({theme:e,$status:t})=>En(e,t,[mo.Info].includes(t)?"900":"800")};
|
|
2050
|
-
`,
|
|
2049
|
+
`,Tu=zt.div`
|
|
2051
2050
|
margin-left: auto;
|
|
2052
2051
|
margin-right: 8px;
|
|
2053
2052
|
cursor: pointer;
|
|
2054
2053
|
&:hover {
|
|
2055
2054
|
transform: scale(1.2);
|
|
2056
2055
|
}
|
|
2057
|
-
`,
|
|
2056
|
+
`,Iu=({status:e,message:t,action:o,fullWidth:n})=>{const i=Di.useTheme(),a=An(e,i),r=En(i,e,e===mo.Default?"300":e===mo.Info?"400":"500");return $t.createElement(Au,{$status:e,$fullWidth:n},$t.createElement("div",null,$t.createElement(Du,{$status:e},$t.createElement(a,{size:24}))),$t.createElement(zi,{color:r,size:Ii.XXXS,weight:400},t),o&&$t.createElement(Tu,{onClick:o.onClick},$t.createElement(zi,{color:r,size:Ii.XXS,weight:500,underline:!0},o.label)))};var Nu;!function(e){e.S="small",e.L="large"}(Nu||(Nu={}));const zu=zt.div`
|
|
2058
2057
|
width: fit-content;
|
|
2059
2058
|
display: flex;
|
|
2060
2059
|
align-items: center;
|
|
2061
2060
|
gap: 8px;
|
|
2062
2061
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2063
|
-
`,
|
|
2064
|
-
width: ${({$size:e})=>e===
|
|
2065
|
-
height: ${({$size:e})=>e===
|
|
2062
|
+
`,Ou=zt.div`
|
|
2063
|
+
width: ${({$size:e})=>e===Nu.S?"16px":"20px"};
|
|
2064
|
+
height: ${({$size:e})=>e===Nu.S?"16px":"20px"};
|
|
2066
2065
|
display: flex;
|
|
2067
2066
|
align-items: center;
|
|
2068
2067
|
justify-content: center;
|
|
2069
2068
|
border-radius: 100%;
|
|
2070
2069
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2071
2070
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2072
|
-
`,
|
|
2071
|
+
`,Fu=({label:e,value:t,onChange:o,disabled:n,size:i=Nu.L})=>{const a=Di.useTheme(),[r,s]=yt(!1),l=t,c=i===Nu.S?6:8,d=n?a.v2.colors.grey[400]:a.v2.colors.white[500],p=l?"transparent":n?a.v2.colors.grey[700]:r?a.v2.colors.silver[400]:a.v2.colors.silver[600],u=n?a.v2.colors.grey[600]:l?a.v2.colors.purple[500]:a.v2.colors.silver[900];return $t.createElement(zu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},$t.createElement(Ou,{$size:i,$borderColor:p,$backgroundColor:u},t?$t.createElement(mt,{size:c,fill:d}):null),e&&$t.createElement(zi,{size:i===Nu.S?Ii.XXS:Ii.XS},e))},_u=zt.div`
|
|
2073
2072
|
display: flex;
|
|
2074
2073
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2075
2074
|
gap: ${({$gap:e})=>e}px;
|
|
2076
|
-
`,
|
|
2075
|
+
`,Ru=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>$t.createElement(_u,{$flexDirection:t===oo.Horizontal?"row":"column",$gap:t===oo.Horizontal?16:8},e&&$t.createElement(zi,null,e),i.map(t=>$t.createElement(Fu,{key:`${e}-radio-${t.id}`,...t,value:a[t.id],onChange:e=>{return o=t.id,n=e,void r(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n}))),Bu=zt.div`
|
|
2077
2076
|
position: relative;
|
|
2078
2077
|
z-index: 0;
|
|
2079
2078
|
display: flex;
|
|
@@ -2082,7 +2081,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2082
2081
|
border-radius: 8px;
|
|
2083
2082
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
2084
2083
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2085
|
-
`,
|
|
2084
|
+
`,Lu=zt.button`
|
|
2086
2085
|
flex: 1;
|
|
2087
2086
|
display: flex;
|
|
2088
2087
|
align-items: center;
|
|
@@ -2097,36 +2096,36 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2097
2096
|
&:hover {
|
|
2098
2097
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
2099
2098
|
}
|
|
2100
|
-
`,
|
|
2099
|
+
`,Pu=({options:e=[],selected:t,setSelected:o,disabled:n})=>{const i=_t(),a=n?i.v2.colors.grey[400]:i.v2.colors.white[500];return $t.createElement(Bu,{$count:e.length},e.map(({value:e,label:i,icon:r},s)=>{const l=t===e;return $t.createElement(Lu,{key:`segment-${i||s}-${e}`,onClick:()=>!n&&o(e),$isSelected:l,$disabled:n},r&&$t.createElement(r,{fill:a}),i&&$t.createElement(zi,{size:Ii.XS,weight:500,color:a,nowrap:!0},i))}))};var Mu;!function(e){e.Data="data",e.Pretty="pretty"}(Mu||(Mu={}));const ju=zt.div`
|
|
2101
2100
|
max-height: ${({$maxHeight:e})=>e};
|
|
2102
2101
|
width: 100%;
|
|
2103
2102
|
overflow: auto;
|
|
2104
|
-
`,
|
|
2103
|
+
`,Uu=zt.table`
|
|
2105
2104
|
width: 100%;
|
|
2106
2105
|
|
|
2107
|
-
${({$variant:e})=>{switch(e){case
|
|
2106
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Rt`
|
|
2108
2107
|
border-collapse: collapse;
|
|
2109
|
-
`;case
|
|
2108
|
+
`;case Mu.Pretty:return Rt`
|
|
2110
2109
|
border-collapse: separate;
|
|
2111
2110
|
border-spacing: 0 8px;
|
|
2112
2111
|
`;default:return""}}}
|
|
2113
|
-
`,
|
|
2112
|
+
`,Wu=zt.thead`
|
|
2114
2113
|
position: sticky;
|
|
2115
2114
|
top: 0;
|
|
2116
2115
|
z-index: 1;
|
|
2117
|
-
`,
|
|
2116
|
+
`,Vu=zt.th`
|
|
2118
2117
|
position: relative;
|
|
2119
2118
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2120
2119
|
padding: 18px 24px;
|
|
2121
2120
|
border: none;
|
|
2122
2121
|
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
2123
2122
|
|
|
2124
|
-
${({$variant:e})=>{switch(e){case
|
|
2123
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Rt`
|
|
2125
2124
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2126
|
-
`;case
|
|
2125
|
+
`;case Mu.Pretty:return Rt`
|
|
2127
2126
|
background-color: transparent;
|
|
2128
2127
|
`;default:return""}}}
|
|
2129
|
-
`,
|
|
2128
|
+
`,Hu=zt.div`
|
|
2130
2129
|
position: absolute;
|
|
2131
2130
|
top: 50%;
|
|
2132
2131
|
right: 0;
|
|
@@ -2134,30 +2133,30 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2134
2133
|
width: 1px;
|
|
2135
2134
|
height: 18px;
|
|
2136
2135
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2137
|
-
`,
|
|
2136
|
+
`,qu=zt.tbody``,Gu=zt.td`
|
|
2138
2137
|
position: relative;
|
|
2139
2138
|
padding: 18px 24px;
|
|
2140
2139
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2141
2140
|
|
|
2142
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case
|
|
2141
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Mu.Data:return Rt`
|
|
2143
2142
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2144
2143
|
border-left: none;
|
|
2145
2144
|
border-right: none;
|
|
2146
2145
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2147
2146
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2148
|
-
`;case
|
|
2147
|
+
`;case Mu.Pretty:return Rt`
|
|
2149
2148
|
border: none;
|
|
2150
2149
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2151
2150
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2152
2151
|
`;default:return""}}}
|
|
2153
|
-
`,
|
|
2152
|
+
`,Ku=zt.div`
|
|
2154
2153
|
width: 100%;
|
|
2155
2154
|
display: flex;
|
|
2156
2155
|
align-items: center;
|
|
2157
2156
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2158
2157
|
gap: 4px;
|
|
2159
2158
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2160
|
-
`,
|
|
2159
|
+
`,Yu=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=yt(null);return $t.createElement($t.Fragment,null,o.map((l,c)=>{const{onClick:d,isSelected:p=!1,onSelect:u,onDeselect:h,cells:m}=l,g=r===c,x=!!d,$=n(l),f=(e,t,n)=>({$isLastRow:c===o.length-1,$isFirstCell:t,$isLastCell:n,$hovered:g,$selected:p,$withClick:e,onClick:()=>e&&d?.(),onMouseEnter:()=>e&&s(c),onMouseLeave:()=>e&&s(null)});return $t.createElement("tr",{key:`row-${c}`},a&&$t.createElement(Gu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},$t.createElement(Ip,{value:p,onChange:()=>p?h?.():u?.()})),t.map(({key:o,textAlign:n},r)=>{const s=m.find(e=>e.key===o),l=0===r&&!a,d=r===t.length-1;return $t.createElement(Gu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?$t.createElement(ja,{$justifyContent:"right"===n?"flex-end":"flex-start"},$t.createElement(s.component,null)):$t.createElement(zi,{size:Ii.XS,align:n},s?.rawValue||"-"),$.length?$t.createElement(pu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},Ju=({columnKey:e,sortDirection:t,sortByKey:o,onSort:n})=>{const i=_t(),a=o===e?i.v2.colors.white[500]:i.v2.colors.grey[400],r=t===no.Ascending?0:180;return $t.createElement(ya,{icon:e=>$t.createElement(dt,{fill:a,rotate:r,...e}),onClick:()=>n(e)})},Xu=({columnKey:e,filters:t,onFilter:o,rowsUnfiltered:n})=>{const i=_t(),a=t[e]?.length?i.v2.colors.white[500]:i.v2.colors.grey[400],r=bt(()=>Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e]);return $t.createElement(Bp,{items:r,withMultiSelect:!0,selectedIds:t[e]?.map(e=>e.toString())??[],setSelectedIds:t=>o(e,t),defaultOpen:!1,iconButtonProps:{icon:e=>$t.createElement(gt,{fill:a,...e})}})},Qu=({variant:e,columns:t,rowsUnfiltered:o,sortDirection:n,sortByKey:i,onSort:a,filters:r,onFilter:s,withCheckboxes:l,partiallySelected:c,allSelected:d,onSelectAll:p})=>$t.createElement("tr",null,l&&$t.createElement(Vu,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},$t.createElement(Ip,{partiallyChecked:c&&!d,value:d||!1,onChange:p})),t.map(({key:c,label:d,minWidth:p,textAlign:u},h)=>{const m=0===h&&!l,g=h===t.length-1;return $t.createElement(Vu,{key:`column-${c}`,$variant:e,$minWidth:p,$isFirst:m,$isLast:g},$t.createElement(Ku,{$textAlign:u},$t.createElement(zi,{size:Ii.XS,align:u},d),$t.createElement(Ju,{columnKey:c,sortDirection:n,sortByKey:i,onSort:a}),$t.createElement(Xu,{columnKey:c,filters:r,onFilter:s,rowsUnfiltered:o})),!g&&e===Mu.Data&&$t.createElement(Hu,null))})),Zu=({variant:e,maxHeight:t="unset",isLoading:o,columns:n,rows:i,getRowActions:a,rowActionsPushRightPosition:r,withCheckboxes:s})=>{const[l,c]=yt(no.Ascending),[d,p]=yt(""),[u,h]=yt({}),m=vt(e=>{p(e),c(e=>e===no.Ascending?no.Descending:no.Ascending)},[]),g=vt((e,t)=>{h(o=>({...o,[e]:t}))},[]),x=bt(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue?.toString()||o.component?.({})?.props?.children?.toString())||""};return(d?[...i].sort((t,o)=>{const n=e(t,d),i=e(o,d);return(l===no.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):i).filter(t=>{for(const[o,n]of Object.entries(u))if(n.length&&!n.includes(e(t,o)))return!1;return!0})},[i,d,l,u]);return $t.createElement(ju,{$maxHeight:t},$t.createElement(Uu,{$variant:e},$t.createElement(Wu,null,$t.createElement(Qu,{variant:e,columns:n,rowsUnfiltered:i,sortDirection:l,sortByKey:d,onSort:m,filters:u,onFilter:g,withCheckboxes:s,partiallySelected:i.length>0&&i.some(e=>e.isSelected),allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),$t.createElement(qu,null,$t.createElement(Yu,{variant:e,columns:n,rows:x,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!x.length&&$t.createElement(Wa,{style:{marginTop:"0.5rem"}},o?$t.createElement(es,{scale:1.2}):$t.createElement(Gs,null)))},eh=zt.div`
|
|
2161
2160
|
display: flex;
|
|
2162
2161
|
align-items: center;
|
|
2163
2162
|
justify-content: center;
|
|
@@ -2180,11 +2179,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2180
2179
|
`:Rt`
|
|
2181
2180
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2182
2181
|
`}
|
|
2183
|
-
`,
|
|
2182
|
+
`,th=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Di.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return $t.createElement(eh,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&$t.createElement(t,{fill:r,size:16}),$t.createElement(zi,{color:r,size:Ii.XS,nowrap:!0},e),o&&$t.createElement(o,{fill:r,size:16}))};var oh,nh,ih;!function(e){e.Default="default",e.SuccessError="successError"}(oh||(oh={})),function(e){e.S="small",e.L="large"}(nh||(nh={})),function(e){e.Left="left",e.Right="right"}(ih||(ih={}));const ah=zt.div`
|
|
2184
2183
|
display: flex;
|
|
2185
2184
|
align-items: center;
|
|
2186
2185
|
gap: ${({$gap:e})=>e}px;
|
|
2187
|
-
`,
|
|
2186
|
+
`,rh=zt.div`
|
|
2188
2187
|
position: relative;
|
|
2189
2188
|
display: flex;
|
|
2190
2189
|
align-items: center;
|
|
@@ -2194,10 +2193,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2194
2193
|
height: ${({$size:e})=>e}px;
|
|
2195
2194
|
padding: ${4}px;
|
|
2196
2195
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2197
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case
|
|
2196
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case oh.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case oh.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
|
|
2198
2197
|
|
|
2199
2198
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2200
|
-
`,
|
|
2199
|
+
`,sh=zt.div`
|
|
2201
2200
|
position: absolute;
|
|
2202
2201
|
top: 50%;
|
|
2203
2202
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2207,22 +2206,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2207
2206
|
border-radius: 100%;
|
|
2208
2207
|
background-color: ${({$color:e})=>e};
|
|
2209
2208
|
box-shadow: ${({$disabled:e})=>e?"0 0 40px 0 rgba(0, 0, 0, 0.07)":"0 0 10px 0 rgba(0, 0, 0, 0.50)"};
|
|
2210
|
-
`,
|
|
2209
|
+
`,lh=({variant:e=oh.Default,size:t=nh.L,label:o,labelAlign:n=ih.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Ye,onBgColor:p,offBgColor:u})=>{const h=_t(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===nh.S?14:18,x=t===nh.S?Ii.XS:Ii.S,$=t===nh.S?8:12;return $t.createElement(ah,{$gap:$},o&&n===ih.Left&&$t.createElement(zi,{size:x,nowrap:!0},o),$t.createElement(rh,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},$t.createElement(sh,{$color:m,$size:g,$value:a,$disabled:s}),l&&$t.createElement($t.Fragment,null,$t.createElement(c,{size:g,fill:m}),$t.createElement(d,{size:g,fill:m}))),o&&n===ih.Right&&$t.createElement(zi,{size:x,nowrap:!0},o),i&&$t.createElement(mr,{text:i,withIcon:!0}))},ch=zt.div`
|
|
2211
2210
|
display: flex;
|
|
2212
2211
|
flex-direction: ${({$direction:e})=>e===oo.Horizontal?"row":"column"};
|
|
2213
2212
|
gap: ${({$direction:e})=>e===oo.Horizontal?16:8}px;
|
|
2214
|
-
`,
|
|
2213
|
+
`,dh=({direction:e=oo.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===nh.S?Ii.XS:Ii.S;return $t.createElement(ch,{$direction:e},t&&$t.createElement(zi,{size:s},t),i.map(e=>$t.createElement(lh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:ih.Right,value:a[e.id],onChange:t=>{return o=e.id,n=t,void r(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))},ph=zt.div`
|
|
2215
2214
|
min-width: 530px;
|
|
2216
|
-
`,
|
|
2215
|
+
`,uh=zt.div`
|
|
2217
2216
|
display: flex;
|
|
2218
2217
|
flex-direction: column;
|
|
2219
2218
|
align-items: center;
|
|
2220
2219
|
gap: 16px;
|
|
2221
2220
|
padding: 24px;
|
|
2222
|
-
`,
|
|
2221
|
+
`,hh=zt.div`
|
|
2223
2222
|
display: flex;
|
|
2224
2223
|
justify-content: center;
|
|
2225
2224
|
gap: 16px;
|
|
2226
2225
|
padding: 16px 24px;
|
|
2227
2226
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2228
|
-
`,
|
|
2227
|
+
`,mh=({visual:e,title:t,description:o,onDeny:n,denyLabel:i="Deny",onApprove:a,approveLabel:r="Approve",...s})=>{const l=_t();return $t.createElement(Cu,{isOpen:!0,onClose:n,...s},$t.createElement(ph,null,$t.createElement(uh,null,e&&$t.createElement(e,null),$t.createElement(zi,{size:Ii.M,weight:500,color:l.v2.colors.white[500]},t),$t.createElement(Ua,{$alignItems:"center",$gap:4},o.split("\n").map(e=>$t.createElement(zi,{key:e,size:Ii.XS,weight:400,color:l.v2.colors.silver[200]},e)))),(n||a)&&$t.createElement(hh,null,n&&$t.createElement(gp,{variant:up.Secondary,label:i,onClick:n}),a&&$t.createElement(gp,{variant:up.Primary,label:r,onClick:a}))))};export{ad as $,Vp as A,hp as B,Kr as C,ru as D,Gp as E,Ua as F,Do as G,tn as H,ya as I,Xl as J,Yt as K,yu as L,Xt as M,Gs as N,$o as O,Pa as P,cl as Q,Lr as R,Pp as S,zi as T,Ma as U,Ui as V,mh as W,Jt as X,xl as Y,ho as Z,Fn as _,up as a,Mo as a$,lp as a0,ud as a1,td as a2,uo as a3,Pi as a4,_d as a5,Nd as a6,$c as a7,fd as a8,ap as a9,hs as aA,Un as aB,mr as aC,xo as aD,An as aE,li as aF,Ko as aG,vs as aH,xn as aI,Ds as aJ,Ga as aK,Ka as aL,Gc as aM,mn as aN,Ya as aO,Jl as aP,pp as aQ,aa as aR,Jn as aS,gd as aT,ca as aU,mi as aV,ci as aW,Fs as aX,Vn as aY,rn as aZ,Ed as a_,hi as aa,pi as ab,ai as ac,Da as ad,on as ae,Lc as af,gc as ag,_r as ah,co as ai,ri as aj,ua as ak,gn as al,Lo as am,Bo as an,cs as ao,cc as ap,lo as aq,di as ar,ir as as,wd as at,qa as au,Sr as av,en as aw,oa as ax,rr as ay,cn as az,jp as b,Us as b$,hn as b0,un as b1,Vd as b2,xa as b3,ii as b4,$a as b5,Xo as b6,nn as b7,Yo as b8,Jo as b9,Wo as bA,Po as bB,Go as bC,Qd as bD,oc as bE,bn as bF,Eo as bG,_o as bH,So as bI,Ro as bJ,Co as bK,Ao as bL,vo as bM,tp as bN,pn as bO,Aa as bP,jo as bQ,In as bR,ga as bS,bo as bT,al as bU,$s as bV,Jc as bW,Dn as bX,On as bY,xs as bZ,Ms as b_,ma as ba,Ia as bb,pr as bc,Ld as bd,Va as be,Ta as bf,jn as bg,wl as bh,Zn as bi,Uo as bj,Zo as bk,Na as bl,ka as bm,$i as bn,Qo as bo,$r as bp,os as bq,ms as br,fs as bs,po as bt,Wn as bu,qo as bv,Nn as bw,zo as bx,Ca as by,zn as bz,Wa as c,Dc as c$,pu as c0,Bn as c1,qn as c2,Oa as c3,Bl as c4,Oo as c5,so as c6,Ba as c7,Ss as c8,dn as c9,No as cA,Fo as cB,Vo as cC,an as cD,$n as cE,fn as cF,yn as cG,wn as cH,kn as cI,Cn as cJ,Tn as cK,_n as cL,Ln as cM,Mn as cN,Hn as cO,Gn as cP,Kn as cQ,Yn as cR,Xn as cS,ei as cT,ti as cU,Gt as cV,ha as cW,Ea as cX,tl as cY,Ys as cZ,mc as c_,Rn as ca,fa as cb,Ol as cc,oi as cd,sn as ce,jr as cf,vn as cg,ys as ch,Qn as ci,Kt as cj,Qt as ck,Zt as cl,eo as cm,to as cn,oo as co,no as cp,io as cq,ao as cr,ro as cs,go as ct,fo as cu,yo as cv,wo as cw,ko as cx,To as cy,Io as cz,da as d,Fc as d0,Mc as d1,Hc as d2,ws as d3,wc as d4,Ri as d5,Bi as d6,Li as d7,Fr as d8,Ha as d9,bp as da,yp as db,Lp as dc,Ap as dd,zp as de,Op as df,Bp as dg,cu as dh,$u as di,Cu as dj,Su as dk,Nu as dl,Fu as dm,Ru as dn,th as dp,oh as dq,ih as dr,dh as ds,Ti as dt,Sp as e,Iu as f,ln as g,mo as h,ja as i,Ii as j,Fi as k,Ip as l,es as m,lh as n,nh as o,gp as p,La as q,Zu as r,Mu as s,Di as t,wa as u,Sn as v,vp as w,Qp as x,En as y,Pu as z};
|