@odigos/ui-kit 0.0.138 → 0.0.140
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 +15 -0
- package/lib/chunks/{ui-components-84317435.js → ui-components-eab2149b.js} +644 -644
- package/lib/components/styled.d.ts +3 -3
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/central-connections/config-drawer/index.d.ts +5 -4
- package/lib/containers/_v2/central-connections/index.d.ts +5 -2
- package/lib/containers/v2.js +7 -7
- package/lib/containers.js +116 -116
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/icons/common/question-circle-icon/index.d.ts +1 -1
- package/lib/icons.js +1 -1
- package/lib/snippets/add-button/index.d.ts +2 -1
- package/lib/snippets/edit-button/index.d.ts +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/lib/visuals.js +4 -4
- package/package.json +1 -1
|
@@ -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 N,AxiomLogo as I,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as F,BonreeLogo as _,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as P,ClickhouseLogo as B,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 J,GreptimeLogo as Y,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 Ne,AwsXrayLogo as Ie,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as Fe,ActionIcon as _e,InstrumentationRuleIcon as Re,LogsIcon as Le,MetricsIcon as Pe,TracesIcon as Be,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,ArrowIcon as Ge,VIcon as Ke,CopyIcon as Je,MinusIcon as Ye,ListIcon as Xe,CodeIcon as Qe,ExtendArrowIcon as Ze,PlusIcon as et,EditIcon as tt,EditedIcon as ot,SortArrowsIcon as nt,NotebookIcon as it,XIcon as at,EyeClosedIcon as rt,EyeOpenIcon as st,NoDataIcon as lt,SearchIcon as ct,TrashIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt}from"../icons.js";import{create as gt}from"zustand";import xt,{Fragment as $t,useMemo as ft,forwardRef as bt,useState as yt,useEffect as wt,useRef as kt,useCallback as vt,memo as Ct}from"react";import Et from"javascript-time-ago";import{p as St,c as At,s as Dt,u as Tt,e as Nt}from"./vendor-55cc654c.js";import It,{ThemeProvider as zt,keyframes as Ot,useTheme as Ft,css as _t}from"styled-components";import{Handle as Rt,Position as Lt,ReactFlow as Pt,Controls as Bt}from"@xyflow/react";import Mt,{createPortal as jt}from"react-dom";import{Highlight as Ut,themes as Wt}from"prism-react-renderer";import{ErrorBoundary as Vt}from"react-error-boundary";import Ht from"lottie-react";const qt=gt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Gt,Kt,Jt,Yt,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,No,Io,zo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Gt||(Gt={})),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"}(Kt||(Kt={})),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"}(Yt||(Yt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Xt||(Xt={})),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"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Zt||(Zt={})),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"}(eo||(eo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(to||(to={})),function(e){e.K8s="k8s",e.Vm="vm"}(oo||(oo={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(no||(no={})),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"}(io||(io={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(ao||(ao={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(ro||(ro={})),function(e){e.DataStream="DataStream"}(so||(so={})),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"}(lo||(lo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(co||(co={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(po||(po={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(uo||(uo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(ho||(ho={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(mo||(mo={})),function(e){e.Ascending="asc",e.Descending="desc"}(go||(go={})),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"}(xo||(xo={})),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"}($o||($o={})),function(e){e.Labeled="labeled"}(fo||(fo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(bo||(bo={})),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"}(yo||(yo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(wo||(wo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(ko||(ko={})),function(e){e.HeaderKeys="headerKeys"}(vo||(vo={})),function(e){e.Java="java",e.Golang="golang"}(Co||(Co={}));class Oo{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 Fo{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"}(Eo||(Eo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(So||(So={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Ao||(Ao={})),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"}(Do||(Do={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(To||(To={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(No||(No={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(Io||(Io={})),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"}(zo||(zo={}));const _o=s=>{const l=s?.toLowerCase(),c=l?.includes(Gt.Samplers),d=l===Gt.Attributes;return c?e:d?t:{[Kt.K8sAttributes]:n,[Kt.AddClusterInfo]:i,[Kt.DeleteAttributes]:a,[Kt.PiiMasking]:t,[Kt.RenameAttributes]:r,[Kt.ErrorSampler]:e,[Kt.ProbabilisticSampler]:e,[Kt.LatencySampler]:e,[Kt.ServiceNameSampler]:e,[Kt.SpanAttributeSampler]:e}[s]||o},Ro=[{label:"Attributes",icon:_o(Gt.Attributes),items:[{type:Kt.K8sAttributes,icon:_o(Kt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[No.Traces,No.Metrics,No.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Kt.AddClusterInfo,icon:_o(Kt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.DeleteAttributes,icon:_o(Kt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.RenameAttributes,icon:_o(Kt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.PiiMasking,icon:_o(Kt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:_o(Gt.Samplers),items:[{type:Kt.ErrorSampler,icon:_o(Gt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Kt.LatencySampler,icon:_o(Gt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[No.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:Kt.ProbabilisticSampler,icon:_o(Gt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Kt.ServiceNameSampler,icon:_o(Gt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Kt.SpanAttributeSampler,icon:_o(Gt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[No.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."}]}],Lo={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."}},Po=e=>({[wo.CodeAttributes]:s,[wo.CustomInstrumentation]:l,[wo.HeadersCollection]:c,[wo.PayloadCollection]:d,[wo.UnknownType]:o}[e]||o),Bo=[{type:wo.CodeAttributes,icon:Po(wo.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:[io.Go,io.Python]},{type:wo.CustomInstrumentation,icon:Po(wo.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:[io.Go,io.Java]},{type:wo.HeadersCollection,icon:Po(wo.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:[io.Go,io.Java,io.JavaScript]},{type:wo.PayloadCollection,icon:Po(wo.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:[io.Go]}],Mo=[{id:No.Logs,value:"Logs"},{id:No.Metrics,value:"Metrics"},{id:No.Traces,value:"Traces"}],jo=e=>e.charAt(0).toUpperCase()+e.slice(1),Uo=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 Wo;!function(e){e.SIGNALS="SIGNALS"}(Wo||(Wo={}));const Vo=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Wo.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}},Ho=e=>JSON.parse(JSON.stringify(e)),qo=(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},Go=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Ko=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Jo=(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===po.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Yo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Gn&&!e.dataStreamNames.length):[],Xo=(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?Xo(e,n,o):o[n]=e}):o[a]=i:Xo(i,a,o)}return o},Qo=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]}`},Zo=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`}},en=()=>{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)})},tn=e=>{const t=e?.filter(({status:e})=>e===po.Error),o=e?.filter(({status:e})=>e===po.Warning),n=e?.filter(({status:e})=>e===ho.Disabled),i=e?.filter(({status:e})=>e===ho.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?po.Error:r?po.Warning:s?po.Info:void 0}},on=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},nn=e=>({[io.Java]:p,[io.Go]:u,[io.JavaScript]:h,[io.Python]:m,[io.DotNet]:g,[io.CSharp]:x,[io.CPlusPlus]:$,[io.Php]:f,[io.Ruby]:b,[io.Rust]:y,[io.Swift]:w,[io.Elixir]:k,[io.MySql]:v,[io.Nginx]:C,[io.Postgres]:E,[io.Redis]:S,[io.Kafka]:A,[io.Ignored]:o,[io.Unknown]:o,[io.Processing]:o,[io.NoContainers]:o,[io.NoRunningPods]:o}[e]||o),an=e=>e?.map(({language:e})=>nn(e))||[],rn=(e,t)=>{const o={[yo.Alauda]:D,[yo.AlibabaCloud]:T,[yo.AppDynamics]:N,[yo.Axiom]:I,[yo.AzureBlob]:z,[yo.AzureMonitor]:O,[yo.BetterStack]:F,[yo.Bonree]:_,[yo.Causely]:R,[yo.Checkly]:L,[yo.Chronosphere]:P,[yo.ClickHouse]:B,[yo.CloudWatch]:M,[yo.Coralogix]:j,[yo.Dash0]:U,[yo.Datadog]:W,[yo.Dynamic]:V,[yo.Dynatrace]:H,[yo.ElasticApm]:q,[yo.ElasticSearch]:G,[yo.GoogleCloud]:K,[yo.GoogleCloudOTLP]:K,[yo.GrafanaCloudLoki]:J,[yo.GrafanaCloudPrometheus]:J,[yo.GrafanaCloudTempo]:J,[yo.Greptime]:Y,[yo.Groundcover]:X,[yo.Honeycomb]:Q,[yo.HyperDX]:Z,[yo.Instana]:ee,[yo.Jaeger]:te,[yo.Kafka]:A,[yo.Kloudmate]:oe,[yo.Last9]:ne,[yo.Lightstep]:ie,[yo.LogzIo]:ae,[yo.Loki]:re,[yo.Lumigo]:se,[yo.Middleware]:le,[yo.NewRelic]:ce,[yo.Observe]:de,[yo.Odigos]:pe,[yo.OneUptime]:ue,[yo.OpenObserve]:he,[yo.Opsverse]:me,[yo.Oracle]:ge,[yo.OTLP]:V,[yo.OTLPHttp]:V,[yo.Prometheus]:xe,[yo.Qryn]:$e,[yo.QrynOss]:fe,[yo.Quickwit]:be,[yo.S3]:ye,[yo.Seq]:we,[yo.Signoz]:ke,[yo.Splunk]:ve,[yo.SplunkSapm]:ve,[yo.SplunkOtlp]:ve,[yo.SumoLogic]:Ce,[yo.TelemetryHub]:Ee,[yo.Tempo]:Se,[yo.Tingyun]:Ae,[yo.Traceloop]:De,[yo.Uptrace]:Te,[yo.VictoriaMetrics]:Ne,[yo.VictoriaMetricsCloud]:Ne,[yo.XRay]:Ie}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},sn=e=>({[ro.Namespace]:ze,[ro.Source]:Oe,[ro.Destination]:Fe,[ro.Action]:_e,[ro.InstrumentationRule]:Re}[e]),ln=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,cn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case ro.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case ro.Source:const o=e;a=o.name,r=o.otelServiceName;break;case ro.Action:const n=e;a=n.type,r=n.name;break;case ro.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case ro.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},dn=(e,t)=>{if(t===ro.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},pn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?io.Processing:io.NoRunningPods;const n=o?.filter(e=>e.language!==io.Ignored);if(!n.length)return io.NoContainers;const i=n.find(e=>e.language!==io.Unknown);return i?i.language:io.Unknown},un=(e,t,o)=>(t===ro.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},hn=e=>({[No.Logs]:Le,[No.Metrics]:Pe,[No.Traces]:Be}[e]),mn=e=>e?{[oo.K8s]:n,[oo.Vm]:Me}[e]:pe,gn=e=>e?{[oo.K8s]:"Kubernetes Cluster",[oo.Vm]:"Virtual Machine"}[e]:"Unknown",xn=(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(...xn(e,t,o)),i}):[]},$n=(e,t)=>{if(t===ro.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},fn=(e,t,o)=>{switch(t){case po.Default:return e.v2.colors.purple[o];case po.Info:return e.v2.colors.blue[o];case po.Error:return e.v2.colors.red[o];case po.Warning:return e.v2.colors.yellow[o];case po.Success:return e.v2.colors.green[o];case mo.Disabled:case mo.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},bn=e=>{switch(e){case So.Updating:case Ao.Pending:case Do.ContainerCreating:case To.Waiting:return po.Info;case So.Healthy:case Ao.Succeeded:case Ao.Running:case Do.Running:case To.Running:return po.Success;case So.Degraded:return po.Warning;case So.Failed:case Ao.Failed:case Do.Error:case Do.CrashLoopBackOff:case Do.CreateContainerError:case Do.CreateContainerConfigError:case Do.ErrImagePull:case Do.ErrImageNeverPull:case Do.ImagePullBackOff:case Do.InvalidImageName:case Do.RegistryUnavailable:case Do.NetworkNotReady:case Do.OOMKilled:case Do.ContainerCannotRun:case To.Terminated:case Do.DeadlineExceeded:case Do.StartError:return po.Error;case So.Down:case Do.Completed:return mo.Disabled;case So.Unknown:case Ao.Unknown:default:return mo.Unknown}},yn=(e,t)=>({[po.Default]:o=>pe({fill:fn(t,e,"300"),...o}),[po.Info]:o=>je({fill:fn(t,e,"400"),...o}),[po.Error]:o=>Ue({fill:fn(t,e,"500"),...o}),[po.Warning]:o=>We({fill:fn(t,e,"500"),...o}),[po.Success]:o=>Ve({fill:fn(t,e,"500"),...o}),[mo.Disabled]:o=>He({fill:fn(t,e,"400"),...o}),[mo.Unknown]:o=>qe({fill:fn(t,e,"300"),...o})}[e]),wn=e=>{switch(e){case zo.Success:return po.Success;case zo.Error:case zo.Failure:return po.Error;case zo.Notice:return po.Warning;case zo.Unsupported:case zo.Unknown:return po.Info;case zo.Irrelevant:case zo.Disabled:return ho.Disabled;case zo.Waiting:return ho.Loading;case zo.Pending:default:return po.Default}},kn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},vn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Cn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const En=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Cn(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},Sn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==po.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},An=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),Dn=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Tn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Nn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},In=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,zn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,On=e=>zn.test(e),Fn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",_n=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Fn(t),reason:o?Fn(o):"",message:n,lastTransitionTime:i}))||[],Rn=(e,t)=>{const o=Cn(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}))},Ln=e=>e?Object.keys(e).filter(t=>e[t]):[],Pn=e=>e.replace(/[^\d]/g,""),Bn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Mn=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},jn=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=>jn(e)))}else if("object"==typeof n&&null!==n){const e=jn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Un=(e,t=2)=>JSON.stringify(e||{},null,t),Wn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Vn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Hn={[io.Go]:"Go",[io.Java]:"Java",[io.JavaScript]:"Node.js",[io.Python]:"Python",[io.DotNet]:".NET",[io.CSharp]:"C#",[io.CPlusPlus]:"C++",[io.Php]:"PHP",[io.Ruby]:"Ruby",[io.Rust]:"Rust",[io.Swift]:"Swift",[io.Elixir]:"Elixir",[io.MySql]:"MySQL",[io.Nginx]:"Nginx",[io.Postgres]:"PostgreSQL",[io.Redis]:"Redis",[io.Kafka]:"Kafka",[io.Ignored]:"Ignored",[io.Unknown]:"Unknown",[io.Processing]:"Processing",[io.NoContainers]:"No Containers",[io.NoRunningPods]:"No Running Pods"},qn=[{id:io.Go,value:Hn[io.Go],icon:nn(io.Go)},{id:io.Java,value:Hn[io.Java],icon:nn(io.Java)},{id:io.JavaScript,value:Hn[io.JavaScript],icon:nn(io.JavaScript)},{id:io.Python,value:Hn[io.Python],icon:nn(io.Python)},{id:io.Php,value:Hn[io.Php],icon:nn(io.Php)},{id:io.Ruby,value:Hn[io.Ruby],icon:nn(io.Ruby)},{id:io.Rust,value:Hn[io.Rust],icon:nn(io.Rust)},{id:io.DotNet,value:Hn[io.DotNet],icon:nn(io.DotNet)},{id:io.CSharp,value:Hn[io.CSharp],icon:nn(io.CSharp)},{id:io.CPlusPlus,value:Hn[io.CPlusPlus],icon:nn(io.CPlusPlus)},{id:io.Swift,value:Hn[io.Swift],icon:nn(io.Swift)},{id:io.Elixir,value:Hn[io.Elixir],icon:nn(io.Elixir)}],Gn="default",Kn={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Jn={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)'},Yn={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"},Xn={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"},Qn=6048e5,Zn=gt()(St(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Kn.DARK_MODE,storage:"undefined"!=typeof window?At(()=>localStorage):void 0})),ei={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ti=gt(e=>({...ei,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(ei)})),oi=gt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ni=gt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===ro.Namespace?"namespacesLoading":t===ro.Source?"sourcesLoading":t===ro.Destination?"destinationsLoading":t===ro.Action?"actionsLoading":t===ro.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(ln(t))===JSON.stringify(ln(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===ro.Source?JSON.stringify(ln(o))===JSON.stringify(ln(e)):ln(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:[]})}})),ii=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),ai=gt(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:ii})),ri=gt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),si=gt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),li=gt((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)}))}})),ci=(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},di=gt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>ci(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>ci(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===ro.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}})),pi=gt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),ui={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},hi=(e,t)=>e.destinationType.type!==t.destinationType.type,mi=gt(e=>({...ui,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=>hi(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=>hi(e,t))})),clearStore:()=>e(()=>({...ui}))})),gi={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"}},xi={v2:gi.v2,darkMode:!0,colors:{...gi.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:gi.font_family},$i={v2:gi.v2,darkMode:!1,colors:{...gi.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:gi.font_family},fi=e=>e?xi:$i;Dt('@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 bi={in:{left:Ot`
|
|
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 N,AxiomLogo as I,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as F,BonreeLogo as _,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as P,ClickhouseLogo as B,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 J,GreptimeLogo as Y,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 Ne,AwsXrayLogo as Ie,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as Fe,ActionIcon as _e,InstrumentationRuleIcon as Re,LogsIcon as Le,MetricsIcon as Pe,TracesIcon as Be,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,ArrowIcon as Ge,VIcon as Ke,CopyIcon as Je,XIcon as Ye,MinusIcon as Xe,ListIcon as Qe,CodeIcon as Ze,ExtendArrowIcon as et,PlusIcon as tt,EditIcon as ot,NoDataIcon as nt,EyeClosedIcon as it,EyeOpenIcon as at,SearchIcon as rt,TrashIcon as st,EditedIcon as lt,SortArrowsIcon as ct,NotebookIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt}from"../icons.js";import{create as gt}from"zustand";import xt,{Fragment as $t,useMemo as ft,forwardRef as bt,useState as yt,useEffect as wt,useRef as kt,useCallback as vt,memo as Ct}from"react";import Et from"javascript-time-ago";import{p as St,c as At,s as Dt,u as Tt,e as Nt}from"./vendor-55cc654c.js";import It,{ThemeProvider as zt,keyframes as Ot,useTheme as Ft,css as _t}from"styled-components";import{Handle as Rt,Position as Lt,ReactFlow as Pt,Controls as Bt}from"@xyflow/react";import Mt,{createPortal as jt}from"react-dom";import{Highlight as Ut,themes as Wt}from"prism-react-renderer";import{ErrorBoundary as Vt}from"react-error-boundary";import Ht from"lottie-react";const qt=gt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Gt,Kt,Jt,Yt,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,No,Io,zo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Gt||(Gt={})),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"}(Kt||(Kt={})),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"}(Yt||(Yt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Xt||(Xt={})),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"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Zt||(Zt={})),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"}(eo||(eo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(to||(to={})),function(e){e.K8s="k8s",e.Vm="vm"}(oo||(oo={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(no||(no={})),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"}(io||(io={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(ao||(ao={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(ro||(ro={})),function(e){e.DataStream="DataStream"}(so||(so={})),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"}(lo||(lo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(co||(co={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(po||(po={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(uo||(uo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(ho||(ho={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(mo||(mo={})),function(e){e.Ascending="asc",e.Descending="desc"}(go||(go={})),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"}(xo||(xo={})),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"}($o||($o={})),function(e){e.Labeled="labeled"}(fo||(fo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(bo||(bo={})),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"}(yo||(yo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(wo||(wo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(ko||(ko={})),function(e){e.HeaderKeys="headerKeys"}(vo||(vo={})),function(e){e.Java="java",e.Golang="golang"}(Co||(Co={}));class Oo{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 Fo{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"}(Eo||(Eo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(So||(So={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Ao||(Ao={})),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"}(Do||(Do={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(To||(To={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(No||(No={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(Io||(Io={})),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"}(zo||(zo={}));const _o=s=>{const l=s?.toLowerCase(),c=l?.includes(Gt.Samplers),d=l===Gt.Attributes;return c?e:d?t:{[Kt.K8sAttributes]:n,[Kt.AddClusterInfo]:i,[Kt.DeleteAttributes]:a,[Kt.PiiMasking]:t,[Kt.RenameAttributes]:r,[Kt.ErrorSampler]:e,[Kt.ProbabilisticSampler]:e,[Kt.LatencySampler]:e,[Kt.ServiceNameSampler]:e,[Kt.SpanAttributeSampler]:e}[s]||o},Ro=[{label:"Attributes",icon:_o(Gt.Attributes),items:[{type:Kt.K8sAttributes,icon:_o(Kt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[No.Traces,No.Metrics,No.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Kt.AddClusterInfo,icon:_o(Kt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.DeleteAttributes,icon:_o(Kt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.RenameAttributes,icon:_o(Kt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[No.Traces,No.Metrics,No.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:Kt.PiiMasking,icon:_o(Kt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:_o(Gt.Samplers),items:[{type:Kt.ErrorSampler,icon:_o(Gt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Kt.LatencySampler,icon:_o(Gt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[No.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:Kt.ProbabilisticSampler,icon:_o(Gt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Kt.ServiceNameSampler,icon:_o(Gt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[No.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Kt.SpanAttributeSampler,icon:_o(Gt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[No.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."}]}],Lo={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."}},Po=e=>({[wo.CodeAttributes]:s,[wo.CustomInstrumentation]:l,[wo.HeadersCollection]:c,[wo.PayloadCollection]:d,[wo.UnknownType]:o}[e]||o),Bo=[{type:wo.CodeAttributes,icon:Po(wo.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:[io.Go,io.Python]},{type:wo.CustomInstrumentation,icon:Po(wo.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:[io.Go,io.Java]},{type:wo.HeadersCollection,icon:Po(wo.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:[io.Go,io.Java,io.JavaScript]},{type:wo.PayloadCollection,icon:Po(wo.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:[io.Go]}],Mo=[{id:No.Logs,value:"Logs"},{id:No.Metrics,value:"Metrics"},{id:No.Traces,value:"Traces"}],jo=e=>e.charAt(0).toUpperCase()+e.slice(1),Uo=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 Wo;!function(e){e.SIGNALS="SIGNALS"}(Wo||(Wo={}));const Vo=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Wo.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}},Ho=e=>JSON.parse(JSON.stringify(e)),qo=(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},Go=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Ko=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Jo=(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===po.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Yo="default",Xo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Qo={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)'},Zo={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"},en={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"},tn=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Yo&&!e.dataStreamNames.length):[],on=(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?on(e,n,o):o[n]=e}):o[a]=i:on(i,a,o)}return o},nn=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]}`},an=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`}},rn=()=>{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)})},sn=e=>{const t=e?.filter(({status:e})=>e===po.Error),o=e?.filter(({status:e})=>e===po.Warning),n=e?.filter(({status:e})=>e===ho.Disabled),i=e?.filter(({status:e})=>e===ho.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?po.Error:r?po.Warning:s?po.Info:void 0}},ln=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},cn=e=>({[io.Java]:p,[io.Go]:u,[io.JavaScript]:h,[io.Python]:m,[io.DotNet]:g,[io.CSharp]:x,[io.CPlusPlus]:$,[io.Php]:f,[io.Ruby]:b,[io.Rust]:y,[io.Swift]:w,[io.Elixir]:k,[io.MySql]:v,[io.Nginx]:C,[io.Postgres]:E,[io.Redis]:S,[io.Kafka]:A,[io.Ignored]:o,[io.Unknown]:o,[io.Processing]:o,[io.NoContainers]:o,[io.NoRunningPods]:o}[e]||o),dn=e=>e?.map(({language:e})=>cn(e))||[],pn=(e,t)=>{const o={[yo.Alauda]:D,[yo.AlibabaCloud]:T,[yo.AppDynamics]:N,[yo.Axiom]:I,[yo.AzureBlob]:z,[yo.AzureMonitor]:O,[yo.BetterStack]:F,[yo.Bonree]:_,[yo.Causely]:R,[yo.Checkly]:L,[yo.Chronosphere]:P,[yo.ClickHouse]:B,[yo.CloudWatch]:M,[yo.Coralogix]:j,[yo.Dash0]:U,[yo.Datadog]:W,[yo.Dynamic]:V,[yo.Dynatrace]:H,[yo.ElasticApm]:q,[yo.ElasticSearch]:G,[yo.GoogleCloud]:K,[yo.GoogleCloudOTLP]:K,[yo.GrafanaCloudLoki]:J,[yo.GrafanaCloudPrometheus]:J,[yo.GrafanaCloudTempo]:J,[yo.Greptime]:Y,[yo.Groundcover]:X,[yo.Honeycomb]:Q,[yo.HyperDX]:Z,[yo.Instana]:ee,[yo.Jaeger]:te,[yo.Kafka]:A,[yo.Kloudmate]:oe,[yo.Last9]:ne,[yo.Lightstep]:ie,[yo.LogzIo]:ae,[yo.Loki]:re,[yo.Lumigo]:se,[yo.Middleware]:le,[yo.NewRelic]:ce,[yo.Observe]:de,[yo.Odigos]:pe,[yo.OneUptime]:ue,[yo.OpenObserve]:he,[yo.Opsverse]:me,[yo.Oracle]:ge,[yo.OTLP]:V,[yo.OTLPHttp]:V,[yo.Prometheus]:xe,[yo.Qryn]:$e,[yo.QrynOss]:fe,[yo.Quickwit]:be,[yo.S3]:ye,[yo.Seq]:we,[yo.Signoz]:ke,[yo.Splunk]:ve,[yo.SplunkSapm]:ve,[yo.SplunkOtlp]:ve,[yo.SumoLogic]:Ce,[yo.TelemetryHub]:Ee,[yo.Tempo]:Se,[yo.Tingyun]:Ae,[yo.Traceloop]:De,[yo.Uptrace]:Te,[yo.VictoriaMetrics]:Ne,[yo.VictoriaMetricsCloud]:Ne,[yo.XRay]:Ie}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},un=e=>({[ro.Namespace]:ze,[ro.Source]:Oe,[ro.Destination]:Fe,[ro.Action]:_e,[ro.InstrumentationRule]:Re}[e]),hn=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,mn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case ro.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case ro.Source:const o=e;a=o.name,r=o.otelServiceName;break;case ro.Action:const n=e;a=n.type,r=n.name;break;case ro.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case ro.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},gn=(e,t)=>{if(t===ro.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},xn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?io.Processing:io.NoRunningPods;const n=o?.filter(e=>e.language!==io.Ignored);if(!n.length)return io.NoContainers;const i=n.find(e=>e.language!==io.Unknown);return i?i.language:io.Unknown},$n=(e,t,o)=>(t===ro.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},fn=e=>({[No.Logs]:Le,[No.Metrics]:Pe,[No.Traces]:Be}[e]),bn=e=>e?{[oo.K8s]:n,[oo.Vm]:Me}[e]:pe,yn=e=>e?{[oo.K8s]:"Kubernetes Cluster",[oo.Vm]:"Virtual Machine"}[e]:"Unknown",wn=(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(...wn(e,t,o)),i}):[]},kn=(e,t)=>{if(t===ro.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},vn=(e,t,o)=>{switch(t){case po.Default:return e.v2.colors.purple[o];case po.Info:return e.v2.colors.blue[o];case po.Error:return e.v2.colors.red[o];case po.Warning:return e.v2.colors.yellow[o];case po.Success:return e.v2.colors.green[o];case mo.Disabled:case mo.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},Cn=e=>{switch(e){case So.Updating:case Ao.Pending:case Do.ContainerCreating:case To.Waiting:return po.Info;case So.Healthy:case Ao.Succeeded:case Ao.Running:case Do.Running:case To.Running:return po.Success;case So.Degraded:return po.Warning;case So.Failed:case Ao.Failed:case Do.Error:case Do.CrashLoopBackOff:case Do.CreateContainerError:case Do.CreateContainerConfigError:case Do.ErrImagePull:case Do.ErrImageNeverPull:case Do.ImagePullBackOff:case Do.InvalidImageName:case Do.RegistryUnavailable:case Do.NetworkNotReady:case Do.OOMKilled:case Do.ContainerCannotRun:case To.Terminated:case Do.DeadlineExceeded:case Do.StartError:return po.Error;case So.Down:case Do.Completed:return mo.Disabled;case So.Unknown:case Ao.Unknown:default:return mo.Unknown}},En=(e,t)=>({[po.Default]:o=>pe({fill:vn(t,e,"300"),...o}),[po.Info]:o=>je({fill:vn(t,e,"400"),...o}),[po.Error]:o=>Ue({fill:vn(t,e,"500"),...o}),[po.Warning]:o=>We({fill:vn(t,e,"500"),...o}),[po.Success]:o=>Ve({fill:vn(t,e,"500"),...o}),[mo.Disabled]:o=>He({fill:vn(t,e,"400"),...o}),[mo.Unknown]:o=>qe({fill:vn(t,e,"300"),...o})}[e]),Sn=e=>{switch(e){case zo.Success:return po.Success;case zo.Error:case zo.Failure:return po.Error;case zo.Notice:return po.Warning;case zo.Unsupported:case zo.Unknown:return po.Info;case zo.Irrelevant:case zo.Disabled:return ho.Disabled;case zo.Waiting:return ho.Loading;case zo.Pending:default:return po.Default}},An=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Dn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Tn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Nn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Tn(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},In=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==po.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},zn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),On=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Fn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},_n=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Rn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Ln=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Pn=e=>Ln.test(e),Bn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Mn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Bn(t),reason:o?Bn(o):"",message:n,lastTransitionTime:i}))||[],jn=(e,t)=>{const o=Tn(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}))},Un=e=>e?Object.keys(e).filter(t=>e[t]):[],Wn=e=>e.replace(/[^\d]/g,""),Vn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Hn=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},qn=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=>qn(e)))}else if("object"==typeof n&&null!==n){const e=qn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Gn=(e,t=2)=>JSON.stringify(e||{},null,t),Kn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Jn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Yn={[io.Go]:"Go",[io.Java]:"Java",[io.JavaScript]:"Node.js",[io.Python]:"Python",[io.DotNet]:".NET",[io.CSharp]:"C#",[io.CPlusPlus]:"C++",[io.Php]:"PHP",[io.Ruby]:"Ruby",[io.Rust]:"Rust",[io.Swift]:"Swift",[io.Elixir]:"Elixir",[io.MySql]:"MySQL",[io.Nginx]:"Nginx",[io.Postgres]:"PostgreSQL",[io.Redis]:"Redis",[io.Kafka]:"Kafka",[io.Ignored]:"Ignored",[io.Unknown]:"Unknown",[io.Processing]:"Processing",[io.NoContainers]:"No Containers",[io.NoRunningPods]:"No Running Pods"},Xn=[{id:io.Go,value:Yn[io.Go],icon:cn(io.Go)},{id:io.Java,value:Yn[io.Java],icon:cn(io.Java)},{id:io.JavaScript,value:Yn[io.JavaScript],icon:cn(io.JavaScript)},{id:io.Python,value:Yn[io.Python],icon:cn(io.Python)},{id:io.Php,value:Yn[io.Php],icon:cn(io.Php)},{id:io.Ruby,value:Yn[io.Ruby],icon:cn(io.Ruby)},{id:io.Rust,value:Yn[io.Rust],icon:cn(io.Rust)},{id:io.DotNet,value:Yn[io.DotNet],icon:cn(io.DotNet)},{id:io.CSharp,value:Yn[io.CSharp],icon:cn(io.CSharp)},{id:io.CPlusPlus,value:Yn[io.CPlusPlus],icon:cn(io.CPlusPlus)},{id:io.Swift,value:Yn[io.Swift],icon:cn(io.Swift)},{id:io.Elixir,value:Yn[io.Elixir],icon:cn(io.Elixir)}],Qn=6048e5,Zn=gt()(St(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Xo.DARK_MODE,storage:"undefined"!=typeof window?At(()=>localStorage):void 0})),ei={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ti=gt(e=>({...ei,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(ei)})),oi=gt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ni=gt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===ro.Namespace?"namespacesLoading":t===ro.Source?"sourcesLoading":t===ro.Destination?"destinationsLoading":t===ro.Action?"actionsLoading":t===ro.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(hn(t))===JSON.stringify(hn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===ro.Namespace?"namespaces":t===ro.Source?"sources":t===ro.Destination?"destinations":t===ro.Action?"actions":t===ro.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===ro.Source?JSON.stringify(hn(o))===JSON.stringify(hn(e)):hn(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:[]})}})),ii=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),ai=gt(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:ii})),ri=gt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),si=gt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),li=gt((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)}))}})),ci=(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},di=gt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>ci(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>ci(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===ro.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}})),pi=gt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),ui={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},hi=(e,t)=>e.destinationType.type!==t.destinationType.type,mi=gt(e=>({...ui,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=>hi(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=>hi(e,t))})),clearStore:()=>e(()=>({...ui}))})),gi={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"}},xi={v2:gi.v2,darkMode:!0,colors:{...gi.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:gi.font_family},$i={v2:gi.v2,darkMode:!1,colors:{...gi.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:gi.font_family},fi=e=>e?xi:$i;Dt('@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 bi={in:{left:Ot`
|
|
2
2
|
from { transform: translateX(-100%); }
|
|
3
3
|
to { transform: translateX(0); }
|
|
4
4
|
`,right:Ot`
|
|
@@ -97,7 +97,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
97
97
|
padding: 4px 8px;
|
|
98
98
|
border-radius: 100px;
|
|
99
99
|
background-color: ${({$backgroundColor:e})=>e};
|
|
100
|
-
`,Ni=({label:e,leftIcon:t,rightIcon:o,status:n,useSecondaryTone:i=!1})=>{const a=Ci.useTheme(),r=n?[mo.Disabled].includes(n)?
|
|
100
|
+
`,Ni=({label:e,leftIcon:t,rightIcon:o,status:n,useSecondaryTone:i=!1})=>{const a=Ci.useTheme(),r=n?[mo.Disabled].includes(n)?vn(a,n,"700"):[mo.Unknown].includes(n)?vn(a,n,"600"):vn(a,n,i?"700":"500"):a.v2.colors.grey[200],s=[mo.Disabled].includes(n)?a.v2.colors.grey[400]:[po.Error,po.Warning,po.Success].includes(n)?a.v2.colors.black[500]:a.v2.colors.white[500];return xt.createElement(Ti,{$backgroundColor:r},t&&xt.createElement(t,{fill:s,size:14}),xt.createElement(Di,{color:s,size:Si.XXS,nowrap:!0},e),o&&xt.createElement(o,{fill:s,size:14}))},Ii=It.div`
|
|
101
101
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
102
102
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
103
103
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -342,7 +342,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
342
342
|
white-space: nowrap;
|
|
343
343
|
|
|
344
344
|
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+Ci.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+Ci.opacity.hex["020"]};\n }`}
|
|
345
|
-
`,ua=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=Ci.useTheme(),r=o&&n?
|
|
345
|
+
`,ua=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=Ci.useTheme(),r=o&&n?En(o,a):null;return xt.createElement(pa,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&xt.createElement(r,null),e)},ha=It.div`
|
|
346
346
|
height: fit-content;
|
|
347
347
|
border: 2px solid transparent;
|
|
348
348
|
padding: 2px;
|
|
@@ -428,52 +428,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
428
428
|
}
|
|
429
429
|
`:""}
|
|
430
430
|
`}
|
|
431
|
-
`,xa=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return xt.createElement(ha,{$variant:t},xt.createElement(ga,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},$a=
|
|
432
|
-
position: absolute;
|
|
433
|
-
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
434
|
-
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
435
|
-
${({$left:e})=>void 0!==e&&`left: ${e}px;`}
|
|
436
|
-
${({$right:e})=>void 0!==e&&`right: ${e}px;`}
|
|
437
|
-
z-index: 9999;
|
|
438
|
-
|
|
439
|
-
background-color: ${({theme:e})=>e.colors.info};
|
|
440
|
-
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
441
|
-
border-radius: ${({$borderRadius:e})=>void 0!==e?e:"24px"};
|
|
442
|
-
max-width: ${({$maxWidth:e})=>void 0!==e?e:"unset"};
|
|
443
|
-
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
444
|
-
|
|
445
|
-
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
446
|
-
`,ba=It.div`
|
|
447
|
-
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
448
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
449
|
-
`,ya=It.div`
|
|
450
|
-
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
451
|
-
`,wa=It.div`
|
|
452
|
-
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
453
|
-
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
454
|
-
`,ka=bt(({isOpen:e,asPortal:t,...o},n)=>{const i=ft(()=>{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 xt.createElement(fa,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&xt.createElement(ba,{$padding:c},u),xt.createElement(ya,{$padding:c},e),h&&xt.createElement(wa,{$padding:c},h))},[n,o,t]);return e?t?Mt.createPortal(i,document.body):i:null});ka.displayName=ka.name;const va=e=>{function t(){return void 0===e?{}:Ho(e)}const[o,n]=yt(t()),[i,a]=yt({}),r=ft(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return wt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=Ho(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:()=>{n(t()),a({})}}},Ca={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}},Ea=()=>{const{addNotification:e}=li(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=va(Ca);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":An(t)&&(n[e]=Jn.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:po.Warning,title:o.alertTitle,message:Jn.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const o={...Ho(Ca),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":o.name=t;break;case"type":case"notes":case"signals":case"disabled":o[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:o.fields||(o.fields={}),o.fields[e]=t}}),n(void 0,void 0,o)}}},Sa=e=>{wt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Aa=()=>{const{setCurrentModal:e}=si(),{setDrawerType:t,setDrawerEntityId:o}=oi(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=qt();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 ro.Source:case ro.Destination:case ro.Action:case ro.InstrumentationRule:t(p),o(d);break;case bo.AddSource:e(ro.Source);break;case bo.AddDestination:e(ro.Destination);break;case bo.AddAction:e(ro.Action);break;case bo.AddRule:e(ro.InstrumentationRule)}}}},Da=()=>{const{setDrawerType:e,setDrawerEntityId:t}=oi(),{markAsDismissed:o,markAsSeen:n}=li();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case ro.InstrumentationRule:e(ro.InstrumentationRule),t(dn(l,ro.InstrumentationRule));break;case ro.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(ro.Source),t(dn(l,ro.Source));break;case ro.Action:e(ro.Action),t(dn(l,ro.Action));break;case ro.Destination:case"Destination":e(ro.Destination),t(dn(l,ro.Destination))}n(r),c&&o(r)}}},Ta=()=>{const{selectedConnection:e}=pi();return{selectedConnection:e,isVm:e?.type===oo.Vm}},Na=()=>{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 Ia;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Ia||(Ia={}));const za=It.div`
|
|
455
|
-
width: ${({$size:e})=>1.5*e}px;
|
|
456
|
-
height: ${({$size:e})=>1.5*e}px;
|
|
457
|
-
border-radius: 100%;
|
|
458
|
-
display: flex;
|
|
459
|
-
align-items: center;
|
|
460
|
-
justify-content: center;
|
|
461
|
-
cursor: pointer;
|
|
462
|
-
&:hover {
|
|
463
|
-
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
464
|
-
}
|
|
465
|
-
`,Oa=({icon:e,size:t=Ia.S,onClick:o})=>xt.createElement("div",null,xt.createElement(za,{$size:t,onClick:e=>{o&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Fa=({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?Ke:Je;return xt.createElement(Oa,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},_a=e=>{const{addNotification:t}=li(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=va(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?Dn(o.name)?n.name=void 0:(i=!1,n.name=Jn.ILLEGAL_K8S_LABEL):(i=!1,n.name=Jn.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:po.Warning,title:e.alertTitle,message:Jn.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Ho(e),name:t};n(void 0,void 0,o)}}},Ra={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},La=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=li(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=va(Ra),[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===lo.Dropdown){const e=Cn(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,...Cn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Cn(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===Ln(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]=Jn.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:po.Warning,title:e.alertTitle,message:Jn.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={...Ho(Ra),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Cn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Pa=({items:e,rowHeight:t})=>{const o=kt(null),n=Tt({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()}},Ba={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Eo.HttpRequest]:null,[Eo.HttpResponse]:null,[Eo.DbQuery]:null,[Eo.Messaging]:null},codeAttributes:{[ko.Column]:null,[ko.FilePath]:null,[ko.Function]:null,[ko.LineNumber]:null,[ko.Namespace]:null,[ko.StackTrace]:null},headersCollection:null,customInstrumentations:{[Co.Java]:null,[Co.Golang]:null}},Ma=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=va(Ba);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={...Ho(Ba),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Eo.HttpRequest]:i[Eo.HttpRequest]?{}:null,[Eo.HttpResponse]:i[Eo.HttpResponse]?{}:null,[Eo.DbQuery]:i[Eo.DbQuery]?{}:null,[Eo.Messaging]:i[Eo.Messaging]?{}:null}),a&&(l.codeAttributes={[ko.Column]:a[ko.Column]||null,[ko.FilePath]:a[ko.FilePath]||null,[ko.Function]:a[ko.Function]||null,[ko.LineNumber]:a[ko.LineNumber]||null,[ko.Namespace]:a[ko.Namespace]||null,[ko.StackTrace]:a[ko.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Co.Java]:s[Co.Java]||null,[Co.Golang]:s[Co.Golang]||null}),o(void 0,void 0,l)}}},ja=({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),Ua=(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])},Wa=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Ua(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})}}},Va=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Cn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ha={otelServiceName:"",currentStreamName:""},qa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=va(Ha);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Ho(Ha),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ga=(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}},Ka=(e,t,o)=>({...Ga(e,t,o),currentStreamName:t}),Ja=(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}},Ya=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ni(),{selectedStreamName:n}=ti(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=mi(),[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=>Ka(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=Ka(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=>Ga(e,n));$(e=>[...e,a]),l({...mi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Ka(e,n,o))}))}h("")}};wt(()=>(i.current=!0,o?.length&&!mi.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]||Ja(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(ro.Source),[T,N]=yt(!1),[I,z]=yt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,ro.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,ro.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);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]:Ja(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const Xa=()=>{const e=kt(new Et(Nt.locale));return{formatTimeAgo:vt(t=>{let o=new Date;try{o=new Date(t)}catch(e){return""}return e.current.format(o)},[])}},Qa=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
466
|
-
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
467
|
-
animation-duration: ${n}ms;
|
|
468
|
-
animation-fill-mode: forwards;
|
|
469
|
-
`;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?xt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},Za=It.div`
|
|
431
|
+
`,xa=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return xt.createElement(ha,{$variant:t},xt.createElement(ga,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},$a=It.div`
|
|
470
432
|
flex: 1;
|
|
471
433
|
align-self: stretch;
|
|
472
434
|
display: flex;
|
|
473
435
|
flex-direction: column;
|
|
474
436
|
gap: 24px;
|
|
475
437
|
padding: 24px;
|
|
476
|
-
`,
|
|
438
|
+
`,fa=It.div`
|
|
477
439
|
display: flex;
|
|
478
440
|
flex-direction: row;
|
|
479
441
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -481,7 +443,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
481
443
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
482
444
|
gap: ${({$gap:e=2})=>e}px;
|
|
483
445
|
padding: ${({$padding:e="unset"})=>e};
|
|
484
|
-
`,
|
|
446
|
+
`,ba=It.div`
|
|
485
447
|
display: flex;
|
|
486
448
|
flex-direction: column;
|
|
487
449
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -489,17 +451,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
489
451
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
490
452
|
gap: ${({$gap:e=2})=>e}px;
|
|
491
453
|
padding: ${({$padding:e="unset"})=>e};
|
|
492
|
-
`,
|
|
454
|
+
`,ya=It(ba)`
|
|
493
455
|
width: ${({$width:e})=>e||"100%"};
|
|
494
456
|
height: ${({$height:e})=>e||"unset"};
|
|
495
457
|
align-items: center;
|
|
496
458
|
justify-content: center;
|
|
497
|
-
`,
|
|
459
|
+
`,wa=It.div`
|
|
498
460
|
display: flex;
|
|
499
461
|
flex-direction: column;
|
|
500
462
|
padding: 12px;
|
|
501
463
|
overflow-y: scroll;
|
|
502
|
-
`,
|
|
464
|
+
`,ka=It.div`
|
|
503
465
|
position: fixed;
|
|
504
466
|
top: 0;
|
|
505
467
|
left: 0;
|
|
@@ -508,39 +470,235 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
508
470
|
z-index: 1000;
|
|
509
471
|
background: rgba(0, 0, 0, 0.5);
|
|
510
472
|
backdrop-filter: blur(1px);
|
|
511
|
-
`,
|
|
473
|
+
`,va=It.div`
|
|
512
474
|
width: 800px;
|
|
513
475
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
514
476
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
515
477
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
516
478
|
padding: 0 2px;
|
|
517
479
|
overflow-y: scroll;
|
|
518
|
-
`,
|
|
480
|
+
`,Ca=It(ba)`
|
|
519
481
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
520
482
|
width: 100%;
|
|
521
|
-
`,
|
|
483
|
+
`,Ea=It(fa)`
|
|
522
484
|
gap: 16px;
|
|
523
485
|
padding: 16px;
|
|
524
|
-
`,
|
|
486
|
+
`,Sa=It.div`
|
|
525
487
|
width: 100%;
|
|
526
488
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
527
489
|
overflow-y: auto;
|
|
528
|
-
`,
|
|
490
|
+
`,Aa=e=>{function t(){return void 0===e?{}:Ho(e)}const[o,n]=yt(t()),[i,a]=yt({}),r=ft(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return wt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=Ho(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:()=>{n(t()),a({})}}},Da={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}},Ta=()=>{const{addNotification:e}=li(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=Aa(Da);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":zn(t)&&(n[e]=Qo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:po.Warning,title:o.alertTitle,message:Qo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const o={...Ho(Da),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":o.name=t;break;case"type":case"notes":case"signals":case"disabled":o[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:o.fields||(o.fields={}),o.fields[e]=t}}),n(void 0,void 0,o)}}},Na=e=>{wt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Ia=()=>{const{setCurrentModal:e}=si(),{setDrawerType:t,setDrawerEntityId:o}=oi(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=qt();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 ro.Source:case ro.Destination:case ro.Action:case ro.InstrumentationRule:t(p),o(d);break;case bo.AddSource:e(ro.Source);break;case bo.AddDestination:e(ro.Destination);break;case bo.AddAction:e(ro.Action);break;case bo.AddRule:e(ro.InstrumentationRule)}}}},za=()=>{const{setDrawerType:e,setDrawerEntityId:t}=oi(),{markAsDismissed:o,markAsSeen:n}=li();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case ro.InstrumentationRule:e(ro.InstrumentationRule),t(gn(l,ro.InstrumentationRule));break;case ro.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(ro.Source),t(gn(l,ro.Source));break;case ro.Action:e(ro.Action),t(gn(l,ro.Action));break;case ro.Destination:case"Destination":e(ro.Destination),t(gn(l,ro.Destination))}n(r),c&&o(r)}}},Oa=()=>{const{selectedConnection:e}=pi();return{selectedConnection:e,isVm:e?.type===oo.Vm}},Fa=()=>{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 _a;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(_a||(_a={}));const Ra=It.div`
|
|
491
|
+
width: ${({$size:e})=>1.5*e}px;
|
|
492
|
+
height: ${({$size:e})=>1.5*e}px;
|
|
493
|
+
border-radius: 100%;
|
|
494
|
+
display: flex;
|
|
495
|
+
align-items: center;
|
|
496
|
+
justify-content: center;
|
|
497
|
+
cursor: pointer;
|
|
498
|
+
&:hover {
|
|
499
|
+
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
500
|
+
}
|
|
501
|
+
`,La=({icon:e,size:t=_a.S,onClick:o})=>xt.createElement("div",null,xt.createElement(Ra,{$size:t,onClick:e=>{o&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Pa=({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?Ke:Je;return xt.createElement(La,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Ba=e=>{const{addNotification:t}=li(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=Aa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?On(o.name)?n.name=void 0:(i=!1,n.name=Qo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Qo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:po.Warning,title:e.alertTitle,message:Qo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Ho(e),name:t};n(void 0,void 0,o)}}},Ma={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},ja=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=li(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=Aa(Ma),[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===lo.Dropdown){const e=Tn(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,...Tn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Tn(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===Un(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]=Qo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:po.Warning,title:e.alertTitle,message:Qo.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={...Ho(Ma),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Tn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ua=({items:e,rowHeight:t})=>{const o=kt(null),n=Tt({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()}},Wa={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Eo.HttpRequest]:null,[Eo.HttpResponse]:null,[Eo.DbQuery]:null,[Eo.Messaging]:null},codeAttributes:{[ko.Column]:null,[ko.FilePath]:null,[ko.Function]:null,[ko.LineNumber]:null,[ko.Namespace]:null,[ko.StackTrace]:null},headersCollection:null,customInstrumentations:{[Co.Java]:null,[Co.Golang]:null}},Va=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=Aa(Wa);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={...Ho(Wa),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Eo.HttpRequest]:i[Eo.HttpRequest]?{}:null,[Eo.HttpResponse]:i[Eo.HttpResponse]?{}:null,[Eo.DbQuery]:i[Eo.DbQuery]?{}:null,[Eo.Messaging]:i[Eo.Messaging]?{}:null}),a&&(l.codeAttributes={[ko.Column]:a[ko.Column]||null,[ko.FilePath]:a[ko.FilePath]||null,[ko.Function]:a[ko.Function]||null,[ko.LineNumber]:a[ko.LineNumber]||null,[ko.Namespace]:a[ko.Namespace]||null,[ko.StackTrace]:a[ko.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Co.Java]:s[Co.Java]||null,[Co.Golang]:s[Co.Golang]||null}),o(void 0,void 0,l)}}},Ha=({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),qa=(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])},Ga=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return qa(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})}}},Ka=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Tn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ja={otelServiceName:"",currentStreamName:""},Ya=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=Aa(Ja);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Ho(Ja),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Xa=(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)=>({...Xa(e,t,o),currentStreamName:t}),Za=(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}},er=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ni(),{selectedStreamName:n}=ti(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=mi(),[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=>Xa(e,n));$(e=>[...e,a]),l({...mi.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&&!mi.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]||Za(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(ro.Source),[T,N]=yt(!1),[I,z]=yt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,ro.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,ro.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);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]:Za(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const tr=()=>{const e=kt(new Et(Nt.locale));return{formatTimeAgo:vt(t=>{let o=new Date;try{o=new Date(t)}catch(e){return""}return e.current.format(o)},[])}},or=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
502
|
+
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
503
|
+
animation-duration: ${n}ms;
|
|
504
|
+
animation-fill-mode: forwards;
|
|
505
|
+
`;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?xt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},nr=It.div`
|
|
506
|
+
position: fixed;
|
|
507
|
+
top: 50%;
|
|
508
|
+
left: 50%;
|
|
509
|
+
transform: translate(-50%, -50%);
|
|
510
|
+
z-index: 1000;
|
|
511
|
+
width: fit-content;
|
|
512
|
+
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
513
|
+
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
514
|
+
border-radius: 40px;
|
|
515
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Ci.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}`}};
|
|
516
|
+
`,ir=It.div`
|
|
517
|
+
display: flex;
|
|
518
|
+
justify-content: space-between;
|
|
519
|
+
align-items: center;
|
|
520
|
+
height: 80px;
|
|
521
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
522
|
+
padding: 0 24px;
|
|
523
|
+
`,ar=It.div`
|
|
524
|
+
cursor: pointer;
|
|
525
|
+
display: flex;
|
|
526
|
+
align-items: center;
|
|
527
|
+
gap: 8px;
|
|
528
|
+
`,rr=It.div`
|
|
529
|
+
display: flex;
|
|
530
|
+
align-items: center;
|
|
531
|
+
gap: 8px;
|
|
532
|
+
`,sr=It(ya)`
|
|
533
|
+
min-width: 350px;
|
|
534
|
+
min-height: 150px;
|
|
535
|
+
`,lr=It.div`
|
|
536
|
+
position: absolute;
|
|
537
|
+
left: 50%;
|
|
538
|
+
transform: translateX(-50%);
|
|
539
|
+
display: flex;
|
|
540
|
+
align-items: center;
|
|
541
|
+
justify-content: center;
|
|
542
|
+
width: 100%;
|
|
543
|
+
pointer-events: none;
|
|
544
|
+
`,cr=It(_i)`
|
|
545
|
+
text-transform: uppercase;
|
|
546
|
+
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
547
|
+
pointer-events: auto;
|
|
548
|
+
`,dr=It(_i)`
|
|
549
|
+
text-transform: uppercase;
|
|
550
|
+
font-weight: 500;
|
|
551
|
+
font-size: 14px;
|
|
552
|
+
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
553
|
+
text-decoration: underline;
|
|
554
|
+
cursor: pointer;
|
|
555
|
+
`,pr=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>{Ha({key:"Escape",active:e&&r},()=>i()),Na(e);const s=or({container:nr,animateIn:Ci.animations.slide.in.center,animateOut:Ci.animations.slide.out.center});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ka,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),xt.createElement(s,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:""),enter:e},o&&xt.createElement(ir,null,xt.createElement(ar,{onClick:i},xt.createElement(Ye,null),xt.createElement(dr,null,"Cancel")),xt.createElement(lr,null,xt.createElement(cr,null,o.title)),xt.createElement(rr,null,n)),xt.createElement(sr,null,a))),document.body):null},ur=It.div`
|
|
556
|
+
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
557
|
+
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
558
|
+
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
559
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Ci.opacity.hex["050"]};
|
|
560
|
+
opacity: ${({$opacity:e})=>e||1};
|
|
561
|
+
`,hr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>xt.createElement(ur,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),mr=It.div`
|
|
562
|
+
position: absolute;
|
|
563
|
+
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
564
|
+
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
565
|
+
${({$left:e})=>void 0!==e&&`left: ${e}px;`}
|
|
566
|
+
${({$right:e})=>void 0!==e&&`right: ${e}px;`}
|
|
567
|
+
z-index: 9999;
|
|
568
|
+
|
|
569
|
+
background-color: ${({theme:e})=>e.colors.info};
|
|
570
|
+
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
571
|
+
border-radius: ${({$borderRadius:e})=>void 0!==e?e:"24px"};
|
|
572
|
+
max-width: ${({$maxWidth:e})=>void 0!==e?e:"unset"};
|
|
573
|
+
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
574
|
+
|
|
575
|
+
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
576
|
+
`,gr=It.div`
|
|
577
|
+
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
578
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
579
|
+
`,xr=It.div`
|
|
580
|
+
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
581
|
+
`,$r=It.div`
|
|
582
|
+
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
583
|
+
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
584
|
+
`,fr=bt(({isOpen:e,asPortal:t,...o},n)=>{const i=ft(()=>{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 xt.createElement(mr,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&xt.createElement(gr,{$padding:c},u),xt.createElement(xr,{$padding:c},e),h&&xt.createElement($r,{$padding:c},h))},[n,o,t]);return e?t?Mt.createPortal(i,document.body):i:null});fr.displayName=fr.name;const br=It.div`
|
|
529
585
|
position: relative;
|
|
530
586
|
display: flex;
|
|
531
587
|
align-items: center;
|
|
532
588
|
gap: 4px;
|
|
533
589
|
// cursor: help;
|
|
534
|
-
`,
|
|
590
|
+
`,yr=It(_i)`
|
|
535
591
|
word-break: break-word;
|
|
536
592
|
white-space: pre-wrap;
|
|
537
|
-
`,
|
|
593
|
+
`,wr=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=Ci.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Ga({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=ft(()=>!!zi(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?xt.createElement(br,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&xt.createElement(qe,{fill:r.v2.colors.silver[200]}),xt.createElement(fr,{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)&&xt.createElement(fa,{style:{marginBottom:"4px"},$gap:4},t&&xt.createElement(t,{size:12,fill:r.text.secondary}),o&&xt.createElement(_i,{size:12,color:r.text.secondary},o)),xt.createElement(yr,{size:12,color:r.text.info},n),!!i&&xt.createElement(_i,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):xt.createElement(xt.Fragment,null,a)},kr=It.button`
|
|
594
|
+
position: relative;
|
|
595
|
+
width: ${({$size:e})=>e}px;
|
|
596
|
+
height: ${({$size:e})=>e}px;
|
|
597
|
+
border: ${({theme:e,$withBorder:t})=>t?`1px solid ${e.colors.border}`:"none"};
|
|
598
|
+
border-radius: 100%;
|
|
599
|
+
background-color: ${({$backgroundColor:e})=>e||"transparent"};
|
|
600
|
+
display: flex;
|
|
601
|
+
align-items: center;
|
|
602
|
+
justify-content: center;
|
|
603
|
+
cursor: pointer;
|
|
604
|
+
&:hover {
|
|
605
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Ci.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
606
|
+
}
|
|
607
|
+
`,vr=It.div`
|
|
608
|
+
position: absolute;
|
|
609
|
+
top: ${({$size:e})=>e/5}px;
|
|
610
|
+
right: ${({$size:e})=>e/5}px;
|
|
611
|
+
width: 6px;
|
|
612
|
+
height: 6px;
|
|
613
|
+
border-radius: 100%;
|
|
614
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
615
|
+
|
|
616
|
+
&::after {
|
|
617
|
+
content: '';
|
|
618
|
+
position: absolute;
|
|
619
|
+
inset: 0;
|
|
620
|
+
border-radius: 100%;
|
|
621
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
622
|
+
animation: ${Ci.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
623
|
+
}
|
|
624
|
+
`,Cr=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>xt.createElement(wr,{text:o},xt.createElement(kr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&xt.createElement(vr,{$size:n,$color:a}),e)),Er=It.div`
|
|
625
|
+
position: relative;
|
|
626
|
+
&.animated {
|
|
627
|
+
overflow: hidden;
|
|
628
|
+
padding-bottom: 1px;
|
|
629
|
+
border-radius: 32px;
|
|
630
|
+
animation: ${({$isLeaving:e})=>e?Ci.animations.slide.out.bottom:Ci.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
631
|
+
}
|
|
632
|
+
`,Sr=It.div`
|
|
633
|
+
position: absolute;
|
|
634
|
+
bottom: -1px;
|
|
635
|
+
left: 0;
|
|
636
|
+
z-index: -1;
|
|
637
|
+
width: 100%;
|
|
638
|
+
height: 100%;
|
|
639
|
+
border-radius: 32px;
|
|
640
|
+
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
641
|
+
animation: ${Ci.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
642
|
+
`,Ar=It.div`
|
|
643
|
+
display: flex;
|
|
644
|
+
align-items: center;
|
|
645
|
+
flex: 1;
|
|
646
|
+
gap: 8px;
|
|
647
|
+
padding: 0 12px;
|
|
648
|
+
border-radius: 32px;
|
|
649
|
+
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
650
|
+
`,Dr=It.div`
|
|
651
|
+
display: flex;
|
|
652
|
+
align-items: center;
|
|
653
|
+
margin: 0 auto 0 0;
|
|
654
|
+
padding: 8px 0;
|
|
655
|
+
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
656
|
+
min-height: 12px;
|
|
657
|
+
`,Tr=It(_i)`
|
|
658
|
+
font-size: 14px;
|
|
659
|
+
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
660
|
+
`,Nr=It(_i)`
|
|
661
|
+
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
662
|
+
font-size: 12px;
|
|
663
|
+
`,Ir=It(fa)``,zr=It(_i)`
|
|
664
|
+
text-transform: uppercase;
|
|
665
|
+
text-decoration: underline;
|
|
666
|
+
font-size: 12px;
|
|
667
|
+
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
668
|
+
white-space: nowrap;
|
|
669
|
+
cursor: pointer;
|
|
670
|
+
&:hover {
|
|
671
|
+
transform: scale(1.1);
|
|
672
|
+
transition: transform 0.3s;
|
|
673
|
+
}
|
|
674
|
+
`,Or=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Ci.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||En(e,c);return xt.createElement(Er,{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"}}},xt.createElement(Ar,{"data-id":"toast",$type:e,style:l},xt.createElement(g,{fill:c.text[e]}),xt.createElement(Dr,{$withAction:!!i,$overrideMaxWidth:s},o&&xt.createElement(Tr,{$type:e},o),o&&n&&xt.createElement(hr,{orientation:"vertical",type:e}),n&&xt.createElement(Nr,{$type:e},n)),(!!i||!!a)&&xt.createElement(Ir,null,i&&xt.createElement(zr,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&xt.createElement(Cr,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},xt.createElement(Ye,{size:12})))),a&&xt.createElement(Sr,{ref:h,$duration:r,$type:e}))},Fr=It.div`
|
|
675
|
+
padding: 24px 32px;
|
|
676
|
+
`,_r=It.div`
|
|
677
|
+
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
678
|
+
`,Rr=It(_i)`
|
|
679
|
+
font-size: 20px;
|
|
680
|
+
line-height: 28px;
|
|
681
|
+
`,Lr=It(_i)`
|
|
682
|
+
color: ${({theme:e})=>e.text.grey};
|
|
683
|
+
width: 416px;
|
|
684
|
+
font-style: normal;
|
|
685
|
+
font-weight: 300;
|
|
686
|
+
line-height: 24px;
|
|
687
|
+
`,Pr=It.div`
|
|
688
|
+
display: flex;
|
|
689
|
+
justify-content: space-between;
|
|
690
|
+
gap: 12px;
|
|
691
|
+
`,Br=It(xa)`
|
|
692
|
+
width: 250px;
|
|
693
|
+
`,Mr=It.div`
|
|
694
|
+
margin-bottom: 12px;
|
|
695
|
+
`,jr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Ha({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return xt.createElement(pr,{isOpen:e,noOverlay:t,onClose:l},xt.createElement(Fr,null,xt.createElement(Rr,null,o),xt.createElement(_r,{$withNote:!!i},xt.createElement(Lr,null,n)),!!i&&xt.createElement(Mr,null,xt.createElement(Or,{type:i.type,title:i.title,message:i.message})),xt.createElement(Pr,null,xt.createElement(Br,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),xt.createElement(Br,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Ur=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>xt.createElement(jr,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:po.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),Wr=It.div`
|
|
538
696
|
display: flex;
|
|
539
697
|
align-items: center;
|
|
540
698
|
gap: 8px;
|
|
541
699
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
542
700
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
543
|
-
`,
|
|
701
|
+
`,Vr=It.div`
|
|
544
702
|
width: 18px;
|
|
545
703
|
height: 18px;
|
|
546
704
|
border-radius: 6px;
|
|
@@ -554,9 +712,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
554
712
|
&:hover {
|
|
555
713
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
556
714
|
}
|
|
557
|
-
`,
|
|
715
|
+
`,Hr=({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=Ci.useTheme(),[p,u]=yt(n);return wt(()=>u(n),[n]),xt.createElement(ba,null,xt.createElement(Wr,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},xt.createElement(Vr,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?xt.createElement(Xe,{fill:d.text.white}):p?xt.createElement(Ke,{fill:d.text.white}):null),e&&xt.createElement(wr,{text:o,withIcon:!0},xt.createElement(_i,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&xt.createElement(Ji,null,l))},qr=It(fa)`
|
|
558
716
|
gap: 0;
|
|
559
|
-
`,
|
|
717
|
+
`,Gr=It.button`
|
|
560
718
|
padding: 4px 8px;
|
|
561
719
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
562
720
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -568,22 +726,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
568
726
|
&:hover {
|
|
569
727
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
570
728
|
}
|
|
571
|
-
|
|
729
|
+
`,Kr=({isPrettyMode:e,setIsPrettyMode:t})=>xt.createElement(qr,null,xt.createElement(Gr,{$position:"left",$selected:e,onClick:()=>t(!0)},xt.createElement(Qe,null)),xt.createElement(Gr,{$position:"right",$selected:!e,onClick:()=>t(!1)},xt.createElement(Ze,null))),Jr=It.table`
|
|
572
730
|
border-collapse: collapse;
|
|
573
731
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
574
|
-
`,
|
|
732
|
+
`,Yr=It.tbody``,Xr=It.tr`
|
|
575
733
|
td:first-child {
|
|
576
734
|
padding-left: 0 !important;
|
|
577
735
|
}
|
|
578
736
|
td:last-child {
|
|
579
737
|
padding-right: 0 !important;
|
|
580
738
|
}
|
|
581
|
-
`,
|
|
739
|
+
`,Qr=It.td`
|
|
582
740
|
vertical-align: top;
|
|
583
741
|
padding: 4px 6px;
|
|
584
|
-
`,
|
|
742
|
+
`,Zr=It(_i)`
|
|
585
743
|
white-space: nowrap;
|
|
586
|
-
`,
|
|
744
|
+
`,es=It.span`
|
|
587
745
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
588
746
|
overflow-wrap: break-word;
|
|
589
747
|
word-break: break-word;
|
|
@@ -591,12 +749,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
591
749
|
/* Fallback for older browsers */
|
|
592
750
|
-ms-word-break: break-all;
|
|
593
751
|
font-size: 12px;
|
|
594
|
-
`,
|
|
752
|
+
`,ts=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=Ci.useTheme(),r=o?Wt[o]:a?Wt.palenight:Wt.vsLight;let s="";if("json"===e){const e=Tn(t,{}),o=qn(e);s=Gn(n?on(o):o)}else s=t;return i&&"json"===e?xt.createElement(os,{darkMode:a,str:s}):xt.createElement(Ut,{theme:r||(a?Wt.palenight:Wt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>xt.createElement("pre",null,o.map((o,n)=>xt.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>xt.createElement(es,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},os=({darkMode:e,str:t})=>{const o=Ci.useTheme();return xt.createElement(Ut,{theme:e?Wt.palenight:Wt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>xt.createElement(Jr,null,xt.createElement(Yr,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]?xt.createElement($t,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>xt.createElement(Xr,{...e},xt.createElement(Qr,null),xt.createElement(Qr,null)));return xt.createElement($t,null,n.map((e,n)=>xt.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),xt.createElement(Xr,{...r},xt.createElement(Qr,null,xt.createElement(Zr,null,a[0].content)),xt.createElement(Qr,null))):2===a.length?xt.createElement(Xr,{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 xt.createElement(wr,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return xt.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=En(i,t);return e||(e=En(po.Warning,t)),xt.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return xt.createElement(Qr,{key:`line-${i}-token-${n}`},xt.createElement(fa,null,xt.createElement(fa,null,r),xt.createElement(es,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},ns={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 is(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 ns[n]?{value:t,unit:n}:{value:t,unit:"px"}}function as(e){const t=is(e);return`${t.value}${t.unit}`}const rs=(()=>{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})(),ss=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=Ci.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=is(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:as(1.5),height:as(4),borderRadius:as(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${rs} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return xt.createElement("span",{style:h,...r},xt.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),xt.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),xt.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),xt.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},ls=It.div`
|
|
595
753
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
596
754
|
display: flex;
|
|
597
755
|
align-items: center;
|
|
598
756
|
justify-content: center;
|
|
599
|
-
`,
|
|
757
|
+
`,cs=({extend:e,size:t=14,align:o="center"})=>xt.createElement(ls,{$align:o},xt.createElement(et,{size:t,rotate:e?180:0})),ds=It.div`
|
|
600
758
|
border-radius: 24px;
|
|
601
759
|
background-color: ${({theme:e,$status:t})=>t===po.Error?e.text.error+Ci.opacity.hex["010"]:t===po.Warning?e.text.warning+Ci.opacity.hex["010"]:e.colors.secondary+Ci.opacity.hex["005"]};
|
|
602
760
|
&:hover {
|
|
@@ -604,31 +762,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
604
762
|
}
|
|
605
763
|
cursor: pointer;
|
|
606
764
|
transition: background 0.3s;
|
|
607
|
-
`,
|
|
765
|
+
`,ps=It.div`
|
|
608
766
|
display: flex;
|
|
609
767
|
align-items: center;
|
|
610
768
|
gap: 12px;
|
|
611
769
|
padding: 12px 18px;
|
|
612
|
-
`,
|
|
770
|
+
`,us=It.div`
|
|
613
771
|
display: flex;
|
|
614
772
|
flex-direction: column;
|
|
615
773
|
gap: 8px;
|
|
616
774
|
padding: 6px 18px 12px 18px;
|
|
617
|
-
`,
|
|
775
|
+
`,hs=It.div`
|
|
618
776
|
display: flex;
|
|
619
777
|
align-items: center;
|
|
620
778
|
gap: 12px;
|
|
621
|
-
`,
|
|
779
|
+
`,ms=It(_i)`
|
|
622
780
|
white-space: nowrap;
|
|
623
|
-
`,
|
|
781
|
+
`,gs=It(ba)`
|
|
624
782
|
width: 16px;
|
|
625
|
-
`,
|
|
626
|
-
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
627
|
-
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
628
|
-
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
629
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Ci.opacity.hex["050"]};
|
|
630
|
-
opacity: ${({$opacity:e})=>e||1};
|
|
631
|
-
`,jr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>xt.createElement(Mr,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),Ur=It.div`
|
|
783
|
+
`,xs=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Ci.useTheme(),[a,r]=yt(!1),s=ft(()=>Mn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=ft(()=>sn(s),[s]);wt(()=>{r(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?po.Error:p?po.Warning:u?po.Info:po.Success,x=En(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 xt.createElement(ds,{onClick:w,$status:g},xt.createElement(ps,null,m?xt.createElement(ss,null):xt.createElement(x,null),xt.createElement(_i,{color:f,size:14},$),xt.createElement(_i,{color:y,size:12,family:"secondary"},b),xt.createElement(cs,{extend:a,align:"right"})),a&&xt.createElement(us,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===ho.Loading?()=>xt.createElement(ss,{scale:.8}):e===ho.Disabled?En(po.Info,i):En(e,i),l=e===ho.Disabled?i.text.info:e===po.Error?i.text.error:e===po.Warning?i.text.warning:i.text.info,c=e===ho.Disabled?i.text.info_secondary:e===po.Error?i.text.error_secondary:e===po.Warning?i.text.warning_secondary:i.text.info_secondary;return xt.createElement(hs,{key:`condition-${r}`},xt.createElement(gs,null,xt.createElement(s,null)),xt.createElement(fa,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},xt.createElement(_i,{color:l,size:12},xt.createElement(ms,{color:c,size:12,weight:700},t),n||o),xt.createElement(ms,{color:l,size:12},new Date(a).toLocaleString())))})))},$s=It.div`
|
|
632
784
|
display: flex;
|
|
633
785
|
align-items: center;
|
|
634
786
|
gap: ${({$size:e})=>e/3}px;
|
|
@@ -637,44 +789,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
637
789
|
border-radius: 360px;
|
|
638
790
|
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Ci.opacity.hex["050"]}`:"none"};
|
|
639
791
|
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Ci.opacity.hex["030"]} 100%)`:"transparent"};
|
|
640
|
-
`,
|
|
641
|
-
display: flex;
|
|
642
|
-
align-items: center;
|
|
643
|
-
`,Vr=It.div`
|
|
792
|
+
`,fs=It.div`
|
|
644
793
|
display: flex;
|
|
645
794
|
align-items: center;
|
|
646
|
-
`,
|
|
647
|
-
position: relative;
|
|
648
|
-
width: ${({$size:e})=>e}px;
|
|
649
|
-
height: ${({$size:e})=>e}px;
|
|
650
|
-
border: ${({theme:e,$withBorder:t})=>t?`1px solid ${e.colors.border}`:"none"};
|
|
651
|
-
border-radius: 100%;
|
|
652
|
-
background-color: ${({$backgroundColor:e})=>e||"transparent"};
|
|
795
|
+
`,bs=It.div`
|
|
653
796
|
display: flex;
|
|
654
797
|
align-items: center;
|
|
655
|
-
|
|
656
|
-
cursor: pointer;
|
|
657
|
-
&:hover {
|
|
658
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Ci.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
659
|
-
}
|
|
660
|
-
`,Kr=It.div`
|
|
661
|
-
position: absolute;
|
|
662
|
-
top: ${({$size:e})=>e/5}px;
|
|
663
|
-
right: ${({$size:e})=>e/5}px;
|
|
664
|
-
width: 6px;
|
|
665
|
-
height: 6px;
|
|
666
|
-
border-radius: 100%;
|
|
667
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
668
|
-
|
|
669
|
-
&::after {
|
|
670
|
-
content: '';
|
|
671
|
-
position: absolute;
|
|
672
|
-
inset: 0;
|
|
673
|
-
border-radius: 100%;
|
|
674
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
675
|
-
animation: ${Ci.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
676
|
-
}
|
|
677
|
-
`,Jr=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>xt.createElement(pr,{text:o},xt.createElement(Gr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&xt.createElement(Kr,{$size:n,$color:a}),e)),Yr=It(er)`
|
|
798
|
+
`,ys=({title:e,subtitle:t,status:o=po.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Ci.useTheme(),u=[ho.Loading,ho.Disabled].includes(o)?po.Info:o,h=n?()=>xt.createElement(n,{size:l+2,fill:p.text[u]}):o===ho.Loading?()=>xt.createElement(ss,{scale:.8}):()=>En(u,p)?.({size:l+2});return xt.createElement($s,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&xt.createElement(fs,null,xt.createElement(h,null)),(!!e||!!t)&&xt.createElement(bs,null,!!e&&xt.createElement(_i,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&xt.createElement(hr,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&xt.createElement(_i,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},ws=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=Ft();return xt.createElement(xa,{onClick:t,variant:o,...i},xt.createElement(tt,{fill:"primary"===o?a.text.primary:a.text.info}),xt.createElement(_i,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||en.ADD))},ks=It(fa)`
|
|
678
799
|
width: 100%;
|
|
679
800
|
border-radius: 8px;
|
|
680
801
|
background-color: ${({theme:e})=>e.colors.secondary+Ci.opacity.hex["010"]};
|
|
@@ -685,7 +806,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
685
806
|
width: 100%;
|
|
686
807
|
padding-left: 12px;
|
|
687
808
|
}
|
|
688
|
-
`,
|
|
809
|
+
`,vs=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Pa();return xt.createElement(ks,null,xt.createElement("pre",null,e),xt.createElement(Cr,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?xt.createElement(Ke,null):xt.createElement(Je,null)))},Cs=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=Ft();return xt.createElement(xa,{onClick:t,variant:o,...n},xt.createElement(ot,{fill:"primary"===o?i.text.primary:i.text.info}),xt.createElement(_i,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||en.EDIT))},Es=({onClick:e})=>xt.createElement(Or,{type:po.Default,icon:je,message:Zo.QUICK_BACK_TO_SUMMARY,action:{label:Zo.GO_TO_SUMMARY,onClick:e}}),Ss=It(_i)`
|
|
689
810
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
690
811
|
white-space: nowrap;
|
|
691
812
|
overflow-x: auto;
|
|
@@ -695,7 +816,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
695
816
|
content: '';
|
|
696
817
|
display: block;
|
|
697
818
|
}
|
|
698
|
-
`,
|
|
819
|
+
`,As=({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]),xt.createElement(fa,{$gap:0},t&&xt.createElement(wr,{text:i?t:void 0},xt.createElement(Ss,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&xt.createElement(Ss,{$maxWidth:o,size:o,color:n},"..."))},Ds=({src:e="",alt:t="",size:n=16})=>{const[i,a]=yt(!1);return e&&!i?xt.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>a(!0)}):xt.createElement(o,{size:n})},Ts=It.div`
|
|
699
820
|
display: flex;
|
|
700
821
|
align-items: center;
|
|
701
822
|
justify-content: center;
|
|
@@ -703,7 +824,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
703
824
|
height: ${({$size:e})=>e}px;
|
|
704
825
|
border-radius: 8px;
|
|
705
826
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ci.opacity.hex["030"]} 100%)`}};
|
|
706
|
-
`,
|
|
827
|
+
`,Ns=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>xt.createElement(Ts,{$status:i,$size:a},t?xt.createElement(Ds,{src:t,alt:n,size:a-12}):e?xt.createElement(e,{size:a-12}):xt.createElement(o,{size:a-12})),Is=It.div`
|
|
707
828
|
position: relative;
|
|
708
829
|
display: flex;
|
|
709
830
|
flex-wrap: wrap;
|
|
@@ -711,7 +832,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
711
832
|
justify-content: center;
|
|
712
833
|
width: ${({$size:e})=>e}px;
|
|
713
834
|
height: ${({$size:e})=>e}px;
|
|
714
|
-
`,
|
|
835
|
+
`,zs=It.div`
|
|
715
836
|
position: absolute;
|
|
716
837
|
top: ${({$top:e})=>e}px;
|
|
717
838
|
left: ${({$left:e})=>e}px;
|
|
@@ -724,9 +845,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
724
845
|
border-radius: 100%;
|
|
725
846
|
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Ci.opacity.hex["030"]};
|
|
726
847
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ci.opacity.hex["030"]} 100%)`}};
|
|
727
|
-
`,
|
|
848
|
+
`,Os=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=Ci.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return xt.createElement(Os,{icons:t.map(e=>()=>xt.createElement(Ds,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return xt.createElement(Ns,{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 xt.createElement(Is,{$status:o,$size:n},e.map((t,n)=>n>2?null:xt.createElement(zs,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?xt.createElement(_i,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):xt.createElement(t,{size:r}))))},Fs=Mo.map(({id:e})=>e),_s=({monitors:e=Fs,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=Ci.useTheme(),r=i||a.text.grey;return xt.createElement(fa,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=jo(i),s=fn(i);return s?xt.createElement(wr,{key:i,text:t?a:""},xt.createElement(fa,{$gap:n/3},xt.createElement(s,{size:o?n+2:n,fill:r}),o&&xt.createElement(_i,{size:n,color:r},a))):null}))},Rs=It.div`
|
|
728
849
|
visibility: hidden;
|
|
729
|
-
`,
|
|
850
|
+
`,Ls=It.div`
|
|
730
851
|
display: flex;
|
|
731
852
|
flex-direction: column;
|
|
732
853
|
align-self: stretch;
|
|
@@ -740,60 +861,76 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
740
861
|
&:hover {
|
|
741
862
|
cursor: pointer;
|
|
742
863
|
background-color: ${o||(t?e.text[t]+Ci.opacity.hex["020"]:e.colors.secondary+Ci.opacity.hex["010"])};
|
|
743
|
-
${
|
|
864
|
+
${Rs} {
|
|
744
865
|
visibility: visible;
|
|
745
866
|
}
|
|
746
867
|
}
|
|
747
|
-
`:`\n &:hover {\n ${
|
|
748
|
-
`,
|
|
868
|
+
`:`\n &:hover {\n ${Rs} {\n visibility: visible;\n }\n }\n `}
|
|
869
|
+
`,Ps=It.div`
|
|
749
870
|
display: flex;
|
|
750
871
|
align-items: center;
|
|
751
872
|
gap: 8px;
|
|
752
873
|
margin-left: auto;
|
|
753
|
-
`,
|
|
874
|
+
`,Bs=It(_i)`
|
|
754
875
|
margin-right: 16px;
|
|
755
|
-
`,
|
|
876
|
+
`,Ms=It(_i)`
|
|
756
877
|
font-size: 10px;
|
|
757
878
|
color: ${({theme:e})=>e.text.grey};
|
|
758
|
-
`,
|
|
879
|
+
`,js=({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=Ci.useTheme(),[S,A]=yt(k||!1),[D,T]=yt(0),N=kt(null),I=kt(null),z=kt(null);return wt(()=>{if(N.current){const e=N.current.clientWidth,t=I.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),xt.createElement(Ls,{ref:N,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},xt.createElement(fa,{$gap:8},xt.createElement(fa,{$gap:16},b?xt.createElement(ss,null):x?xt.createElement(Hr,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?xt.createElement(Os,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?xt.createElement(Ns,{icon:a,src:s,status:c}):null),xt.createElement(ba,{$gap:4},e&&xt.createElement(As,{maxWidth:D,text:e,textSize:14}),xt.createElement(fa,{$gap:4},t&&xt.createElement(As,{maxWidth:D-(z.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&xt.createElement(fa,{$gap:4,ref:z},t&&xt.createElement(Ms,null,"•"),xt.createElement(_s,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?xt.createElement(fa,{$gap:4},g?.map((e,t)=>xt.createElement($t,{key:`componentsUnderTitles-${t}`},e))):null),xt.createElement(Ps,{ref:I},!!o&&xt.createElement(Rs,null,xt.createElement(Bs,{size:14,family:"secondary"},o)),i&&i(),w&&xt.createElement($t,null,xt.createElement(hr,{orientation:"vertical",length:"16px",margin:"0 2px"}),xt.createElement(Cr,{onClick:()=>A(e=>!e)},xt.createElement(cs,{extend:S}))))),S&&v&&xt.createElement(ba,null,xt.createElement(hr,{margin:"16px 0"}),v()))},Us=It(fa)`
|
|
759
880
|
width: 100%;
|
|
760
881
|
justify-content: space-between;
|
|
761
|
-
|
|
882
|
+
`,Ws=It(_i)`
|
|
762
883
|
font-size: 12px;
|
|
763
884
|
color: ${({theme:e})=>e.text.grey};
|
|
764
|
-
`,
|
|
885
|
+
`,Vs=It(_i)`
|
|
765
886
|
font-size: 10px;
|
|
766
887
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
767
|
-
`,
|
|
888
|
+
`,Hs=It.div`
|
|
768
889
|
display: flex;
|
|
769
890
|
align-items: center;
|
|
770
891
|
gap: 8px;
|
|
771
892
|
margin-left: auto;
|
|
772
|
-
`,
|
|
893
|
+
`,qs=It(_i)`
|
|
773
894
|
font-size: 12px;
|
|
774
895
|
text-align: right;
|
|
775
|
-
`,
|
|
896
|
+
`,Gs=({title:e,subTitle:t,tooltip:o,value:n})=>xt.createElement(Us,null,xt.createElement(ba,{$gap:4},xt.createElement(wr,{text:o||""},e&&xt.createElement(Ws,null,e),t&&xt.createElement(Vs,null,t))),xt.createElement(Hs,null,n?.status?xt.createElement(ys,{status:"transitioning"===n.status?ho.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):xt.createElement(qs,null,n?.text||"-"))),Ks=It(ba)`
|
|
776
897
|
width: 100%;
|
|
777
|
-
`,
|
|
898
|
+
`,Js=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=ft(()=>{const e=[];return o?.name&&e.push(xt.createElement(ys,{status:_n(o.value)?Vn(o.value)?po.Success:po.Error:po.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push(xt.createElement(ys,{status:_n(n.value)?Vn(n.value)?po.Success:po.Error:po.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return xt.createElement(js,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>xt.createElement(ys,{status:po.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>xt.createElement(Ks,{$gap:24},i.map((e,t)=>xt.createElement(Ks,{key:`process-${t}`,$gap:8},xt.createElement(Gs,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===po.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>xt.createElement(Gs,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Ys=It.div`
|
|
899
|
+
display: flex;
|
|
900
|
+
flex-direction: column;
|
|
901
|
+
align-items: center;
|
|
902
|
+
`,Xs=It.div`
|
|
903
|
+
display: flex;
|
|
904
|
+
align-items: center;
|
|
905
|
+
gap: 8px;
|
|
906
|
+
`,Qs=It(_i)`
|
|
907
|
+
color: ${({theme:e})=>e.text.darker_grey};
|
|
908
|
+
`,Zs=It(_i)`
|
|
909
|
+
color: ${({theme:e})=>e.colors.border};
|
|
910
|
+
font-size: 14px;
|
|
911
|
+
font-weight: 200;
|
|
912
|
+
line-height: 20px;
|
|
913
|
+
text-align: center;
|
|
914
|
+
`,el=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=Ci.useTheme();return xt.createElement(Ys,null,xt.createElement(Xs,null,xt.createElement(nt,{fill:o.text.dark_grey}),xt.createElement(Qs,null,e)),t&&xt.createElement(Zs,null,t))},tl=It(ba)`
|
|
778
915
|
max-width: 300px;
|
|
779
916
|
padding: 12px;
|
|
780
917
|
border-radius: 12px;
|
|
781
918
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
782
919
|
justify-content: center;
|
|
783
|
-
`,
|
|
920
|
+
`,ol=Ct(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return xt.createElement(tl,{"data-id":e},xt.createElement(el,{title:o,subTitle:n}))});ol.displayName=ol.name;const nl=It.div`
|
|
784
921
|
padding: 6px;
|
|
785
922
|
border-radius: 12px;
|
|
786
923
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
787
924
|
cursor: pointer;
|
|
788
|
-
`,
|
|
925
|
+
`,il=It.div`
|
|
789
926
|
position: relative;
|
|
790
|
-
`,
|
|
927
|
+
`,al=It(fa)`
|
|
791
928
|
position: absolute;
|
|
792
929
|
bottom: -24px;
|
|
793
930
|
left: 50%;
|
|
794
931
|
transform: translateX(-50%);
|
|
795
932
|
gap: 4px;
|
|
796
|
-
`,
|
|
933
|
+
`,rl=It.div`
|
|
797
934
|
position: absolute;
|
|
798
935
|
bottom: 100%;
|
|
799
936
|
left: 100%;
|
|
@@ -802,12 +939,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
802
939
|
border-radius: 16px;
|
|
803
940
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
804
941
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
805
|
-
`,
|
|
942
|
+
`,sl=({title:e,value:t})=>{const o=Ft();return xt.createElement(fa,{$justifyContent:"space-between"},xt.createElement(_i,{size:12,color:o.text.info},e),xt.createElement(_i,{size:12,family:"secondary"},t))},ll=Ct(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=qt(),c=Ft(),d=n===po.Error?En(n,c):null;return xt.createElement(xt.Fragment,null,xt.createElement(Rt,{type:"source",position:Lt.Bottom,style:{visibility:"hidden"}}),xt.createElement(Rt,{type:"target",position:Lt.Top,style:{visibility:"hidden"}}),xt.createElement(il,{"data-id":e},xt.createElement(nl,null,xt.createElement(Os,{id:o,icons:a,status:n})),xt.createElement(al,null,d&&xt.createElement(d,null),xt.createElement(As,{maxWidth:100,text:i})),s===$o.MapItem&&l===e&&xt.createElement(rl,null,xt.createElement(fa,{$gap:12},xt.createElement(Os,{id:o,icons:a,status:n}),xt.createElement(_i,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>xt.createElement("div",{key:`from-${o}-to-${e}`},xt.createElement(hr,null),xt.createElement(sl,{title:"Connected Service",value:e}),xt.createElement(sl,{title:"Outgoing Requests",value:t}),xt.createElement(sl,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):xt.createElement(xt.Fragment,null,xt.createElement(hr,null),xt.createElement(el,{title:"No outgoing connections",subTitle:" "})))))});ll.displayName=ll.name;const cl=It.div`
|
|
806
943
|
height: calc(100vh - 160px);
|
|
807
944
|
.react-flow__attribution {
|
|
808
945
|
visibility: hidden;
|
|
809
946
|
}
|
|
810
|
-
`,
|
|
947
|
+
`,dl=It.div`
|
|
811
948
|
button {
|
|
812
949
|
padding: 8px;
|
|
813
950
|
margin: 8px;
|
|
@@ -821,227 +958,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
821
958
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
822
959
|
}
|
|
823
960
|
}
|
|
824
|
-
`,
|
|
825
|
-
position: relative;
|
|
826
|
-
`,Ls=({defaultLanguage:e=io.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=li(),{formData:i,handleFormChange:a,resetFormData:r}=va({language:e,version:t}),[s,l]=yt(!1),c=()=>{l(!1),r()};return xt.createElement(Rs,null,xt.createElement(Jr,{tooltip:Yn.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},xt.createElement(tt,null)),xt.createElement($d,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||On(i.version)?(o(i),c()):n({type:po.Warning,message:Jn.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:Yn.OVERRIDE_RUNTIME_DETAILS,warning:Yn.OVERRIDE_RUNTIME_WARNING},xt.createElement(sc,{title:Yn.LANGUAGE,options:qn,value:qn.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),xt.createElement(Xl,{title:Yn.RUNTIME_VERSION,placeholder:Yn.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Ps=It(er)`
|
|
827
|
-
width: 100%;
|
|
828
|
-
justify-content: center;
|
|
829
|
-
`,Bs=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Ci.useTheme(),c=i?po.Success:a?po.Info:po.Warning,d=i?uo.INSTRUMENTED:a?uo.NOT_INSTRUMENTED:uo.INSTRUMENTING;return xt.createElement(gs,{title:e,subTitle:`${t?Hn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:nn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>xt.createElement(Ps,null,xt.createElement(_i,{size:12,family:"secondary",color:l.text.info},Fn(a)))},renderActions:()=>xt.createElement(xt.Fragment,null,xt.createElement(Hr,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&xt.createElement(Hr,{status:po.Default,forceIcon:ot,title:Yn.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&xt.createElement(Ls,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Ms=It.tr`
|
|
830
|
-
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
831
|
-
opacity: ${({$faded:e})=>e?.5:1};
|
|
832
|
-
`,js=It.td`
|
|
833
|
-
position: relative;
|
|
834
|
-
width: fit-content;
|
|
835
|
-
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
836
|
-
color: ${({theme:e})=>e.text.secondary};
|
|
837
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
838
|
-
font-size: 14px;
|
|
839
|
-
white-space: nowrap;
|
|
840
|
-
`,Us=It(_i)`
|
|
841
|
-
font-size: 14px;
|
|
842
|
-
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
843
|
-
line-height: 16px;
|
|
844
|
-
|
|
845
|
-
overflow: hidden;
|
|
846
|
-
overflow-wrap: break-word;
|
|
847
|
-
white-space: wrap;
|
|
848
|
-
text-wrap: wrap;
|
|
849
|
-
text-overflow: ellipsis;
|
|
850
|
-
display: -webkit-box;
|
|
851
|
-
-webkit-line-clamp: 2;
|
|
852
|
-
-webkit-box-orient: vertical;
|
|
853
|
-
`,Ws=It.div`
|
|
854
|
-
position: absolute;
|
|
855
|
-
top: 0;
|
|
856
|
-
left: 0;
|
|
857
|
-
z-index: -1;
|
|
858
|
-
width: ${({$width:e})=>e}px;
|
|
859
|
-
height: ${({$height:e})=>e}px;
|
|
860
|
-
border-radius: 16px;
|
|
861
|
-
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Ci.opacity.hex["020"]:e.colors.majestic_blue+Ci.opacity.hex["030"]:o?e.text[o]+Ci.opacity.hex["010"]:e.colors.secondary+Ci.opacity.hex["005"]};
|
|
862
|
-
`,Vs=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=Na(),[c,d]=yt(!1);return xt.createElement(Ms,{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 xt.createElement(js,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?xt.createElement(is,{icon:u}):h?xt.createElement(h,null):xt.createElement(pr,{text:p&&r?String(r):""},xt.createElement(Us,{$color:d},An(r)?"-":r)),0===n&&xt.createElement(Ws,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Hs=It.div`
|
|
863
|
-
width: 100%;
|
|
864
|
-
`,qs=It.table`
|
|
865
|
-
position: relative;
|
|
866
|
-
z-index: 0;
|
|
867
|
-
width: 100%;
|
|
868
|
-
border-collapse: separate;
|
|
869
|
-
border-spacing: 0 12px;
|
|
870
|
-
`,Gs=It.thead`
|
|
871
|
-
// only supported with "border-collapse: collapse;"
|
|
872
|
-
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
873
|
-
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
874
|
-
`,Ks=It.th`
|
|
875
|
-
// only required with "border-collapse: separate;"
|
|
876
|
-
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
877
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
878
|
-
|
|
879
|
-
padding: 8px;
|
|
880
|
-
`,Js=It(er)`
|
|
881
|
-
cursor: pointer;
|
|
882
|
-
&:hover {
|
|
883
|
-
* {
|
|
884
|
-
color: ${({theme:e})=>e.text.secondary};
|
|
885
|
-
}
|
|
886
|
-
}
|
|
887
|
-
`,Ys=It(_i)`
|
|
888
|
-
color: ${({theme:e})=>e.text.darker_grey};
|
|
889
|
-
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
890
|
-
text-transform: uppercase;
|
|
891
|
-
font-size: 12px;
|
|
892
|
-
font-weight: 500;
|
|
893
|
-
text-wrap: nowrap;
|
|
894
|
-
`,Xs=It.tbody``,Qs=({columns:e,rows:t})=>{const[o,n]=yt(go.Ascending),[i,a]=yt("name"),r=vt(e=>{i===e?n(e=>e===go.Ascending?go.Descending:go.Ascending):(a(e),n(go.Ascending))},[i]),s=ft(()=>{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===go.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)=>xt.createElement(Vs,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return xt.createElement(Hs,null,xt.createElement(qs,null,xt.createElement(Gs,null,xt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>xt.createElement(Ks,{key:`column-${e}`},o?xt.createElement(Js,{onClick:()=>r(e)},xt.createElement(nt,null),xt.createElement(Ys,null,t)):xt.createElement(Ys,null,t))))),xt.createElement(Xs,null,s)))};var Zs;!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"}(Zs||(Zs={}));const el=It.div`
|
|
895
|
-
display: flex;
|
|
896
|
-
flex-wrap: wrap;
|
|
897
|
-
gap: 16px 32px;
|
|
898
|
-
width: 100%;
|
|
899
|
-
`,tl=It.div`
|
|
900
|
-
display: flex;
|
|
901
|
-
flex-direction: column;
|
|
902
|
-
gap: 2px;
|
|
903
|
-
width: ${({$width:e})=>e};
|
|
904
|
-
`,ol=It(_i)`
|
|
905
|
-
color: ${({theme:e})=>e.text.grey};
|
|
906
|
-
font-size: 10px;
|
|
907
|
-
line-height: 16px;
|
|
908
|
-
`,nl=It(_i)`
|
|
909
|
-
font-size: 12px;
|
|
910
|
-
white-space: pre-wrap;
|
|
911
|
-
`,il=({data:e})=>xt.createElement(el,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>xt.createElement(tl,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Zs.Code,Zs.Table].includes(e)?"inherit":e&&[Zs.Loader,Zs.Divider,Zs.CopyText].includes(e)?"100%":"unset"},xt.createElement(pr,{text:n,withIcon:!0},xt.createElement(er,{$alignItems:"center",$gap:4},o&&xt.createElement(o,{size:14}),!!t&&xt.createElement(ol,{transform:"capitalize"},t))),xt.createElement(al,{type:e,value:i})))),al=({type:e,value:t})=>{const o=Ci.useTheme();switch(e){case Zs.Divider:return xt.createElement(jr,{length:"100%",margin:"0"});case Zs.Loader:return xt.createElement(or,null,xt.createElement(Nr,{scale:1.2}));case Zs.Monitors:return xt.createElement(cs,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Zs.Badge:{const{label:e,filled:o,...n}=Cn(t,{label:"-",filled:!1});return xt.createElement(ua,{label:e,filled:o,...n})}case Zs.Code:{const{language:e,code:o,...n}=Cn(t,{language:"",code:""});return xt.createElement(Cr,{language:e,code:o,...n})}case Zs.Table:{const{columns:e,rows:o,...n}=Cn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return xt.createElement(Qs,{columns:e,rows:o,...n})}case Zs.ActiveStatus:return xt.createElement(Hr,{status:"true"==t?po.Success:po.Error,title:"true"==t?Yn.ENABLED:Yn.DISABLED,size:10,withIcon:!0,withBorder:!0});case Zs.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return xt.createElement(Xr,{value:e})}default:return xt.createElement(nl,null,Mn("string"==typeof t?t||"-":""))}},rl=It.div`
|
|
912
|
-
display: flex;
|
|
913
|
-
flex-direction: column;
|
|
914
|
-
align-items: flex-start;
|
|
915
|
-
align-self: stretch;
|
|
916
|
-
gap: 16px;
|
|
917
|
-
padding: 24px;
|
|
918
|
-
border-radius: 24px;
|
|
919
|
-
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
920
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Ci.opacity.hex["010"]:"transparent"};
|
|
921
|
-
transition: background-color 0.3s;
|
|
922
|
-
`,sl=It.div`
|
|
923
|
-
width: 100%;
|
|
924
|
-
display: flex;
|
|
925
|
-
flex-direction: column;
|
|
926
|
-
gap: 4px;
|
|
927
|
-
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
928
|
-
`,ll=It(_i)`
|
|
929
|
-
width: 100%;
|
|
930
|
-
display: flex;
|
|
931
|
-
align-items: center;
|
|
932
|
-
gap: 8px;
|
|
933
|
-
font-size: 16px;
|
|
934
|
-
`,cl=It(_i)`
|
|
935
|
-
font-size: 12px;
|
|
936
|
-
color: ${({theme:e})=>e.text.grey};
|
|
937
|
-
`,dl=It(er)`
|
|
938
|
-
margin-left: auto;
|
|
939
|
-
gap: 8px;
|
|
940
|
-
`,pl=({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 xt.createElement(rl,{$hovered:p},e||o||n||i?xt.createElement(sl,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},xt.createElement(er,null,xt.createElement(er,{$alignItems:"center",$gap:8},o&&xt.createElement(er,{$alignItems:"center"},xt.createElement(o,{size:20})),!!e&&xt.createElement(ll,{transform:"capitalize"},e),t===ho.Loading?xt.createElement(Nr,null):void 0!==t&&xt.createElement(ua,{label:t})),(!!i||a)&&xt.createElement(dl,null,"function"==typeof i?xt.createElement(i,null):i,a&&xt.createElement(zr,{extend:c}))),!!n&&xt.createElement(cl,null,n)):null,(!a||a&&c)&&(l||xt.createElement(il,{data:s})))},ul=It.div`
|
|
941
|
-
visibility: hidden;
|
|
942
|
-
`,hl=It(er)`
|
|
943
|
-
align-self: stretch;
|
|
944
|
-
width: calc(100% - 32px);
|
|
945
|
-
padding: 16px;
|
|
946
|
-
border-radius: 16px;
|
|
947
|
-
background-color: ${({theme:e})=>e.colors.secondary+Ci.opacity.hex["005"]};
|
|
948
|
-
${({theme:e,$withClick:t})=>t?_t`
|
|
949
|
-
&:hover {
|
|
950
|
-
cursor: pointer;
|
|
951
|
-
background-color: ${e.colors.secondary+Ci.opacity.hex["010"]};
|
|
952
|
-
${ul} {
|
|
953
|
-
visibility: visible;
|
|
954
|
-
}
|
|
955
|
-
}
|
|
956
|
-
`:`\n &:hover {\n ${ul} {\n visibility: visible;\n }\n }\n `}
|
|
957
|
-
`,ml=It(er)`
|
|
958
|
-
margin-left: auto;
|
|
959
|
-
gap: 8px;
|
|
960
|
-
`,gl=It(_i)`
|
|
961
|
-
font-size: 10px;
|
|
962
|
-
color: ${({theme:e})=>e.text.grey};
|
|
963
|
-
`,xl=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Ci.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))}},[]),xt.createElement(hl,{ref:c,$gap:8,$withClick:!!i,onClick:i},xt.createElement(ss,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&xt.createElement(ts,{maxWidth:s/2,text:e,textSize:14}),e&&t&&xt.createElement(gl,null,"•"),t&&xt.createElement(ts,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),xt.createElement(ml,{ref:d},a&&xt.createElement(xt.Fragment,null,xt.createElement(jr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},$l=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===ro.Source?"uninstrument":"delete";return xt.createElement(gp,{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:po.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}})},fl=It(xa)`
|
|
964
|
-
display: flex;
|
|
965
|
-
align-items: center;
|
|
966
|
-
justify-content: center;
|
|
967
|
-
font-size: 14px;
|
|
968
|
-
gap: 6px;
|
|
969
|
-
min-width: 100px;
|
|
970
|
-
`,bl=({endpoint:e="/",variant:t="secondary"})=>xt.createElement(fl,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},xt.createElement(it,{size:18}),"Docs"),yl=It(er)`
|
|
971
|
-
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
972
|
-
`,wl=It.div`
|
|
973
|
-
display: flex;
|
|
974
|
-
align-items: center;
|
|
975
|
-
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
976
|
-
cursor: pointer;
|
|
977
|
-
`,kl=It(_i)`
|
|
978
|
-
padding: 12px;
|
|
979
|
-
font-size: 14px;
|
|
980
|
-
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
981
|
-
`,vl=({tabs:e,hideBorder:t=!1})=>e?.length?xt.createElement(yl,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>xt.createElement(wl,{key:`tab-${e}`,onClick:o,$selected:n},xt.createElement(kl,{$selected:n},e),t&&xt.createElement(t,null)))):null,Cl=It.section`
|
|
982
|
-
padding: 0px 32px;
|
|
983
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
984
|
-
`,El=It.div`
|
|
985
|
-
height: 76px;
|
|
986
|
-
display: flex;
|
|
987
|
-
justify-content: space-between;
|
|
988
|
-
flex-shrink: 0;
|
|
989
|
-
align-self: stretch;
|
|
990
|
-
`,Sl=It.div`
|
|
991
|
-
display: flex;
|
|
992
|
-
align-items: center;
|
|
993
|
-
gap: ${({$gap:e})=>e||16}px;
|
|
994
|
-
`,Al=It(_i)`
|
|
995
|
-
font-size: 18px;
|
|
996
|
-
line-height: 26px;
|
|
997
|
-
max-width: ${({$maxWidth:e})=>e};
|
|
998
|
-
overflow: hidden;
|
|
999
|
-
white-space: nowrap;
|
|
1000
|
-
text-overflow: ellipsis;
|
|
1001
|
-
`,Dl=It(xa)`
|
|
1002
|
-
gap: 8px;
|
|
1003
|
-
`,Tl=It(xa)``,Nl=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>xt.createElement(Cl,null,xt.createElement(El,null,xt.createElement(Sl,null,o?.length||n?.length?xt.createElement(ss,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?xt.createElement(r,null):r||null)||xt.createElement(pr,{text:a||i,withIcon:!!a},i&&xt.createElement(Al,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),xt.createElement(Sl,{$gap:2},s,l.map((e,t)=>xt.createElement(Dl,{key:`header-action-button-${t}`,...e})),xt.createElement(Tl,{"data-id":"drawer-close",variant:"secondary",onClick:e},xt.createElement(at,{size:12})))),xt.createElement(vl,{tabs:c,hideBorder:!0})),Il=It.div`
|
|
1004
|
-
display: flex;
|
|
1005
|
-
justify-content: space-between;
|
|
1006
|
-
gap: 8px;
|
|
1007
|
-
padding: 24px 18px 24px 32px;
|
|
1008
|
-
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1009
|
-
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1010
|
-
transform: translateY(100%);
|
|
1011
|
-
`,zl=It(er)`
|
|
1012
|
-
margin-right: auto;
|
|
1013
|
-
`,Ol=It(er)`
|
|
1014
|
-
margin: 0 auto;
|
|
1015
|
-
`,Fl=It(er)`
|
|
1016
|
-
margin-left: auto;
|
|
1017
|
-
`,_l=It(xa)`
|
|
1018
|
-
min-width: 140px;
|
|
1019
|
-
font-size: 14px;
|
|
1020
|
-
`,Rl=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>{const i=Qa({container:Il,animateIn:Ci.animations.slide.in.bottom,animateOut:Ci.animations.slide.out.bottom});return xt.createElement(i,{enter:e},xt.createElement(zl,null,t.map((e,t)=>xt.createElement(_l,{key:`footer-left-button-${t}`,...e}))),xt.createElement(Ol,null,o.map((e,t)=>xt.createElement(_l,{key:`footer-center-button-${t}`,...e}))),xt.createElement(Fl,null,n.map((e,t)=>xt.createElement(_l,{key:`footer-right-button-${t}`,...e}))))},Ll=It.div`
|
|
1021
|
-
position: fixed;
|
|
1022
|
-
top: 0;
|
|
1023
|
-
bottom: 0;
|
|
1024
|
-
${({$position:e})=>e}: 0;
|
|
1025
|
-
z-index: 1000;
|
|
1026
|
-
width: ${({$width:e})=>e};
|
|
1027
|
-
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1028
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Ci.opacity.hex["010"]};
|
|
1029
|
-
overflow-y: auto;
|
|
1030
|
-
`,Pl=It.div`
|
|
1031
|
-
display: flex;
|
|
1032
|
-
flex-direction: column;
|
|
1033
|
-
height: 100%;
|
|
1034
|
-
`,Bl=It.div`
|
|
1035
|
-
flex-grow: 1;
|
|
1036
|
-
padding: 24px 32px;
|
|
1037
|
-
overflow-y: auto;
|
|
1038
|
-
`,Ml=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>{ja({key:"Escape",active:e&&o},()=>t()),Sa(e);const l=Qa({container:Ll,animateIn:Ci.animations.slide.in[n],animateOut:Ci.animations.slide.out[n]});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ir,{hidden:!e,onClick:t}),xt.createElement(l,{"data-id":"drawer",enter:e,$position:n,$width:i},xt.createElement(Pl,null,xt.createElement(Nl,{onClose:t,width:i,...r}),xt.createElement(Bl,null,a),xt.createElement(Rl,{...s})))),document.body):null},jl=It.div`
|
|
961
|
+
`,pl={[$o.MapItem]:ll,[$o.NoData]:ol},ul=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=Ia(),{setActiveNodeType:s,setActiveNodeId:l}=qt();return xt.createElement(cl,null,xt.createElement(Pt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:pl,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},xt.createElement(dl,null,xt.createElement(Bt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},hl=It.div`
|
|
1039
962
|
display: flex;
|
|
1040
963
|
|
|
1041
964
|
align-items: center;
|
|
1042
965
|
gap: 6px;
|
|
1043
966
|
margin-bottom: 4px;
|
|
1044
|
-
`,
|
|
967
|
+
`,ml=It(_i)`
|
|
1045
968
|
font-size: 14px;
|
|
1046
969
|
opacity: 0.8;
|
|
1047
970
|
line-height: 22px;
|
|
@@ -1049,16 +972,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1049
972
|
white-space: nowrap;
|
|
1050
973
|
text-overflow: ellipsis;
|
|
1051
974
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
1052
|
-
`,
|
|
975
|
+
`,gl=It(_i)`
|
|
1053
976
|
font-size: 12px;
|
|
1054
977
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1055
978
|
opacity: 0.8;
|
|
1056
|
-
`,
|
|
979
|
+
`,xl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?xt.createElement(hl,{style:n},xt.createElement(wr,{text:o,withIcon:!0},xt.createElement(ml,{$status:i},e),!t&&xt.createElement(gl,null,"(optional)"))):null,$l=It.div`
|
|
1057
980
|
display: flex;
|
|
1058
981
|
flex-direction: column;
|
|
1059
982
|
position: relative;
|
|
1060
983
|
width: 100%;
|
|
1061
|
-
`,
|
|
984
|
+
`,fl=It.div`
|
|
1062
985
|
width: 100%;
|
|
1063
986
|
display: flex;
|
|
1064
987
|
align-items: center;
|
|
@@ -1084,7 +1007,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1084
1007
|
&:focus-within {
|
|
1085
1008
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1086
1009
|
}
|
|
1087
|
-
`,
|
|
1010
|
+
`,bl=It.input`
|
|
1088
1011
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
1089
1012
|
flex: 1;
|
|
1090
1013
|
min-width: 150px;
|
|
@@ -1113,13 +1036,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1113
1036
|
-webkit-appearance: none;
|
|
1114
1037
|
margin: 0;
|
|
1115
1038
|
}
|
|
1116
|
-
`,
|
|
1039
|
+
`,yl=It.div`
|
|
1117
1040
|
display: flex;
|
|
1118
1041
|
align-items: center;
|
|
1119
1042
|
margin-left: 12px;
|
|
1120
|
-
`,
|
|
1043
|
+
`,wl=It(yl)`
|
|
1121
1044
|
cursor: pointer;
|
|
1122
|
-
`,
|
|
1045
|
+
`,kl=It.button`
|
|
1123
1046
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
1124
1047
|
border: none;
|
|
1125
1048
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -1134,130 +1057,334 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1134
1057
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1135
1058
|
cursor: not-allowed;
|
|
1136
1059
|
}
|
|
1137
|
-
`,
|
|
1060
|
+
`,vl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=co.Text,name:p,status:u,...h})=>{const m=Ci.useTheme(),g=d===co.Password,[x,$]=yt(!1);return xt.createElement($l,null,xt.createElement(xl,{title:a,required:s,tooltip:r,status:u}),xt.createElement(fl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?xt.createElement(wl,{onClick:()=>$(e=>!e)},x?xt.createElement(it,{size:14,fill:m.text.grey}):xt.createElement(at,{size:14,fill:m.text.grey})):e?xt.createElement(yl,null,xt.createElement(e,{size:14,fill:m.text.grey})):null,xt.createElement(bl,{"data-id":p,type:x||d===co.Number?co.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===co.Number&&(e.target.value=Wn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&xt.createElement(kl,{onClick:o,disabled:h.disabled},t)),!!i&&xt.createElement(Ji,null,i))},Cl=It.div`
|
|
1061
|
+
display: flex;
|
|
1062
|
+
flex-direction: column;
|
|
1063
|
+
min-width: 120px;
|
|
1064
|
+
width: 100%;
|
|
1065
|
+
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1066
|
+
`,El=It.div`
|
|
1067
|
+
position: relative;
|
|
1068
|
+
`,Sl=It.div`
|
|
1069
|
+
display: flex;
|
|
1070
|
+
align-items: center;
|
|
1071
|
+
justify-content: space-between;
|
|
1072
|
+
height: 36px;
|
|
1073
|
+
padding: ${({$isMulti:e,$hasSelections:t})=>e&&t?"0 16px 0 6px":"0 16px"};
|
|
1074
|
+
border-radius: 32px;
|
|
1075
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1076
|
+
|
|
1077
|
+
${({$isOpen:e,$isMulti:t,theme:o})=>e&&!t?_t`
|
|
1078
|
+
border: 1px solid ${o.text.grey};
|
|
1079
|
+
background: ${o.colors.dropdown_bg_2};
|
|
1080
|
+
`:_t`
|
|
1081
|
+
border: 1px solid ${o.colors.border};
|
|
1082
|
+
background: transparent;
|
|
1083
|
+
`};
|
|
1084
|
+
|
|
1085
|
+
${({$hasError:e,$status:t})=>e?_t`
|
|
1086
|
+
border-color: ${({theme:e})=>e.text.error};
|
|
1087
|
+
`:t?_t`
|
|
1088
|
+
border-color: ${({theme:e})=>e.text[t]};
|
|
1089
|
+
`:""}
|
|
1090
|
+
|
|
1091
|
+
&:hover {
|
|
1092
|
+
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
1093
|
+
}
|
|
1094
|
+
`,Al=It.div`
|
|
1095
|
+
display: flex;
|
|
1096
|
+
align-items: center;
|
|
1097
|
+
gap: 4px;
|
|
1098
|
+
`,Dl=({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);qa(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 xt.createElement(Cl,{$disabled:s},xt.createElement(xl,{title:i,required:d,tooltip:a,status:h}),xt.createElement(El,{ref:f},xt.createElement(Sl,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},xt.createElement(zl,{value:t,placeholder:r,onDeselect:n}),xt.createElement(Al,null,l&&xt.createElement(ua,{label:y,filled:!!y}),xt.createElement(cs,{extend:m}))),m&&xt.createElement(_l,{openUpwards:x,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&xt.createElement(Ji,null,p))},Tl=It(Al)`
|
|
1099
|
+
max-width: calc(100% - 50px);
|
|
1100
|
+
overflow-x: auto;
|
|
1101
|
+
`,Nl=It(_i)`
|
|
1102
|
+
display: flex;
|
|
1103
|
+
align-items: center;
|
|
1104
|
+
gap: 2px;
|
|
1105
|
+
padding: 4px 12px;
|
|
1106
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1107
|
+
border-radius: 360px;
|
|
1108
|
+
white-space: nowrap;
|
|
1109
|
+
text-overflow: ellipsis;
|
|
1110
|
+
img {
|
|
1111
|
+
&:hover {
|
|
1112
|
+
transform: scale(2);
|
|
1113
|
+
transition: transform 0.3s;
|
|
1114
|
+
}
|
|
1115
|
+
}
|
|
1116
|
+
`,Il=It(_i)``,zl=({value:e,placeholder:t,onDeselect:o})=>{const n=Ci.useTheme();return Array.isArray(e)?e.length?xt.createElement(Tl,null,e.map(e=>xt.createElement(Nl,{key:`multi-label-${e.id}`,size:14},e.value,xt.createElement(hr,{orientation:"vertical",length:"10px",margin:"0 4px"}),xt.createElement(Ye,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):xt.createElement(Il,{size:14,color:n.text.darker_grey},t):xt.createElement(Il,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Ol=It.div`
|
|
1117
|
+
position: absolute;
|
|
1118
|
+
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1119
|
+
left: 0;
|
|
1120
|
+
z-index: 1;
|
|
1121
|
+
display: flex;
|
|
1122
|
+
flex-direction: column;
|
|
1123
|
+
overflow-y: auto;
|
|
1124
|
+
width: calc(100% - 16px);
|
|
1125
|
+
max-height: 200px;
|
|
1126
|
+
gap: 8px;
|
|
1127
|
+
padding: 8px;
|
|
1128
|
+
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1129
|
+
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1130
|
+
border-radius: 24px;
|
|
1131
|
+
`,Fl=It.div`
|
|
1132
|
+
display: flex;
|
|
1133
|
+
flex-direction: column;
|
|
1134
|
+
align-items: center;
|
|
1135
|
+
`,_l=({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 xt.createElement(Ol,{$openUpwards:e},r&&xt.createElement(Fl,null,xt.createElement(vl,{placeholder:"Search...",icon:rt,value:s,onChange:e=>l(e.target.value)}),xt.createElement(hr,{thickness:1,margin:"8px 0 0 0"})),0===c.length?xt.createElement(el,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>xt.createElement(Ll,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Rl=It.div`
|
|
1136
|
+
padding: 8px 12px;
|
|
1137
|
+
cursor: pointer;
|
|
1138
|
+
display: flex;
|
|
1139
|
+
justify-content: space-between;
|
|
1140
|
+
align-items: center;
|
|
1141
|
+
border-radius: 32px;
|
|
1142
|
+
&:hover,
|
|
1143
|
+
&.selected {
|
|
1144
|
+
background: ${({theme:e})=>e.colors.majestic_blue+Ci.opacity.hex["024"]};
|
|
1145
|
+
}
|
|
1146
|
+
`,Ll=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Ci.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?xt.createElement(Rl,{className:r?"selected":"",onClick:()=>s(!r)},xt.createElement(Hr,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):xt.createElement(Rl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},xt.createElement(fa,{$gap:8},e.icon&&xt.createElement(e.icon,null),xt.createElement(_i,{size:14},e.value)),r&&xt.createElement(Ke,null))},Pl=It(ba)`
|
|
1147
|
+
gap: 12px;
|
|
1148
|
+
`,Bl=It(fa)`
|
|
1149
|
+
width: 100%;
|
|
1150
|
+
gap: 12px;
|
|
1151
|
+
align-items: flex-end;
|
|
1152
|
+
`,Ml=({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=Ci.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Ga({onClickOutside:a});return Ha({key:"Enter",active:i},r),wt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:xt.createElement(fr,{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"},xt.createElement(Pl,null,xt.createElement(wr,{text:d,withIcon:!0},xt.createElement(_i,{size:14},c)),xt.createElement(Bl,null,u,xt.createElement(fa,{$gap:6},xt.createElement(Cr,{withBorder:!0,onClick:a,tooltip:"Cancel"},xt.createElement(Ye,null)),xt.createElement(Cr,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},xt.createElement(Ke,{fill:h.text.primary})),s&&xt.createElement(Cr,{onClick:l,tooltip:"Undo"},xt.createElement(st,null)))),p&&xt.createElement(Or,{type:po.Warning,message:p})))},jl=It.div`
|
|
1153
|
+
position: relative;
|
|
1154
|
+
`,Ul=({defaultLanguage:e=io.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=li(),{formData:i,handleFormChange:a,resetFormData:r}=Aa({language:e,version:t}),[s,l]=yt(!1),c=()=>{l(!1),r()};return xt.createElement(jl,null,xt.createElement(Cr,{tooltip:Zo.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},xt.createElement(ot,null)),xt.createElement(Ml,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Pn(i.version)?(o(i),c()):n({type:po.Warning,message:Qo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:Zo.OVERRIDE_RUNTIME_DETAILS,warning:Zo.OVERRIDE_RUNTIME_WARNING},xt.createElement(Dl,{title:Zo.LANGUAGE,options:Xn,value:Xn.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),xt.createElement(vl,{title:Zo.RUNTIME_VERSION,placeholder:Zo.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Wl=It(fa)`
|
|
1155
|
+
width: 100%;
|
|
1156
|
+
justify-content: center;
|
|
1157
|
+
`,Vl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Ci.useTheme(),c=i?po.Success:a?po.Info:po.Warning,d=i?uo.INSTRUMENTED:a?uo.NOT_INSTRUMENTED:uo.INSTRUMENTING;return xt.createElement(js,{title:e,subTitle:`${t?Yn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:cn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>xt.createElement(Wl,null,xt.createElement(_i,{size:12,family:"secondary",color:l.text.info},Bn(a)))},renderActions:()=>xt.createElement(xt.Fragment,null,xt.createElement(ys,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&xt.createElement(ys,{status:po.Default,forceIcon:lt,title:Zo.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&xt.createElement(Ul,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Hl=It.tr`
|
|
1158
|
+
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1159
|
+
opacity: ${({$faded:e})=>e?.5:1};
|
|
1160
|
+
`,ql=It.td`
|
|
1161
|
+
position: relative;
|
|
1162
|
+
width: fit-content;
|
|
1163
|
+
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
1164
|
+
color: ${({theme:e})=>e.text.secondary};
|
|
1165
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1166
|
+
font-size: 14px;
|
|
1167
|
+
white-space: nowrap;
|
|
1168
|
+
`,Gl=It(_i)`
|
|
1169
|
+
font-size: 14px;
|
|
1170
|
+
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1171
|
+
line-height: 16px;
|
|
1172
|
+
|
|
1173
|
+
overflow: hidden;
|
|
1174
|
+
overflow-wrap: break-word;
|
|
1175
|
+
white-space: wrap;
|
|
1176
|
+
text-wrap: wrap;
|
|
1177
|
+
text-overflow: ellipsis;
|
|
1178
|
+
display: -webkit-box;
|
|
1179
|
+
-webkit-line-clamp: 2;
|
|
1180
|
+
-webkit-box-orient: vertical;
|
|
1181
|
+
`,Kl=It.div`
|
|
1182
|
+
position: absolute;
|
|
1183
|
+
top: 0;
|
|
1184
|
+
left: 0;
|
|
1185
|
+
z-index: -1;
|
|
1186
|
+
width: ${({$width:e})=>e}px;
|
|
1187
|
+
height: ${({$height:e})=>e}px;
|
|
1188
|
+
border-radius: 16px;
|
|
1189
|
+
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Ci.opacity.hex["020"]:e.colors.majestic_blue+Ci.opacity.hex["030"]:o?e.text[o]+Ci.opacity.hex["010"]:e.colors.secondary+Ci.opacity.hex["005"]};
|
|
1190
|
+
`,Jl=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=Fa(),[c,d]=yt(!1);return xt.createElement(Hl,{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 xt.createElement(ql,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?xt.createElement(Ns,{icon:u}):h?xt.createElement(h,null):xt.createElement(wr,{text:p&&r?String(r):""},xt.createElement(Gl,{$color:d},zn(r)?"-":r)),0===n&&xt.createElement(Kl,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Yl=It.div`
|
|
1191
|
+
width: 100%;
|
|
1192
|
+
`,Xl=It.table`
|
|
1193
|
+
position: relative;
|
|
1194
|
+
z-index: 0;
|
|
1195
|
+
width: 100%;
|
|
1196
|
+
border-collapse: separate;
|
|
1197
|
+
border-spacing: 0 12px;
|
|
1198
|
+
`,Ql=It.thead`
|
|
1199
|
+
// only supported with "border-collapse: collapse;"
|
|
1200
|
+
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1201
|
+
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1202
|
+
`,Zl=It.th`
|
|
1203
|
+
// only required with "border-collapse: separate;"
|
|
1204
|
+
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1205
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1206
|
+
|
|
1207
|
+
padding: 8px;
|
|
1208
|
+
`,ec=It(fa)`
|
|
1209
|
+
cursor: pointer;
|
|
1210
|
+
&:hover {
|
|
1211
|
+
* {
|
|
1212
|
+
color: ${({theme:e})=>e.text.secondary};
|
|
1213
|
+
}
|
|
1214
|
+
}
|
|
1215
|
+
`,tc=It(_i)`
|
|
1216
|
+
color: ${({theme:e})=>e.text.darker_grey};
|
|
1217
|
+
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1218
|
+
text-transform: uppercase;
|
|
1219
|
+
font-size: 12px;
|
|
1220
|
+
font-weight: 500;
|
|
1221
|
+
text-wrap: nowrap;
|
|
1222
|
+
`,oc=It.tbody``,nc=({columns:e,rows:t})=>{const[o,n]=yt(go.Ascending),[i,a]=yt("name"),r=vt(e=>{i===e?n(e=>e===go.Ascending?go.Descending:go.Ascending):(a(e),n(go.Ascending))},[i]),s=ft(()=>{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===go.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)=>xt.createElement(Jl,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return xt.createElement(Yl,null,xt.createElement(Xl,null,xt.createElement(Ql,null,xt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>xt.createElement(Zl,{key:`column-${e}`},o?xt.createElement(ec,{onClick:()=>r(e)},xt.createElement(ct,null),xt.createElement(tc,null,t)):xt.createElement(tc,null,t))))),xt.createElement(oc,null,s)))};var ic;!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"}(ic||(ic={}));const ac=It.div`
|
|
1223
|
+
display: flex;
|
|
1224
|
+
flex-wrap: wrap;
|
|
1225
|
+
gap: 16px 32px;
|
|
1226
|
+
width: 100%;
|
|
1227
|
+
`,rc=It.div`
|
|
1228
|
+
display: flex;
|
|
1229
|
+
flex-direction: column;
|
|
1230
|
+
gap: 2px;
|
|
1231
|
+
width: ${({$width:e})=>e};
|
|
1232
|
+
`,sc=It(_i)`
|
|
1233
|
+
color: ${({theme:e})=>e.text.grey};
|
|
1234
|
+
font-size: 10px;
|
|
1235
|
+
line-height: 16px;
|
|
1236
|
+
`,lc=It(_i)`
|
|
1237
|
+
font-size: 12px;
|
|
1238
|
+
white-space: pre-wrap;
|
|
1239
|
+
`,cc=({data:e})=>xt.createElement(ac,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>xt.createElement(rc,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[ic.Code,ic.Table].includes(e)?"inherit":e&&[ic.Loader,ic.Divider,ic.CopyText].includes(e)?"100%":"unset"},xt.createElement(wr,{text:n,withIcon:!0},xt.createElement(fa,{$alignItems:"center",$gap:4},o&&xt.createElement(o,{size:14}),!!t&&xt.createElement(sc,{transform:"capitalize"},t))),xt.createElement(dc,{type:e,value:i})))),dc=({type:e,value:t})=>{const o=Ci.useTheme();switch(e){case ic.Divider:return xt.createElement(hr,{length:"100%",margin:"0"});case ic.Loader:return xt.createElement(ya,null,xt.createElement(ss,{scale:1.2}));case ic.Monitors:return xt.createElement(_s,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case ic.Badge:{const{label:e,filled:o,...n}=Tn(t,{label:"-",filled:!1});return xt.createElement(ua,{label:e,filled:o,...n})}case ic.Code:{const{language:e,code:o,...n}=Tn(t,{language:"",code:""});return xt.createElement(ts,{language:e,code:o,...n})}case ic.Table:{const{columns:e,rows:o,...n}=Tn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return xt.createElement(nc,{columns:e,rows:o,...n})}case ic.ActiveStatus:return xt.createElement(ys,{status:"true"==t?po.Success:po.Error,title:"true"==t?Zo.ENABLED:Zo.DISABLED,size:10,withIcon:!0,withBorder:!0});case ic.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return xt.createElement(vs,{value:e})}default:return xt.createElement(lc,null,Hn("string"==typeof t?t||"-":""))}},pc=It.div`
|
|
1240
|
+
display: flex;
|
|
1241
|
+
flex-direction: column;
|
|
1242
|
+
align-items: flex-start;
|
|
1243
|
+
align-self: stretch;
|
|
1244
|
+
gap: 16px;
|
|
1245
|
+
padding: 24px;
|
|
1246
|
+
border-radius: 24px;
|
|
1247
|
+
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1248
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Ci.opacity.hex["010"]:"transparent"};
|
|
1249
|
+
transition: background-color 0.3s;
|
|
1250
|
+
`,uc=It.div`
|
|
1251
|
+
width: 100%;
|
|
1138
1252
|
display: flex;
|
|
1139
1253
|
flex-direction: column;
|
|
1140
|
-
|
|
1141
|
-
|
|
1254
|
+
gap: 4px;
|
|
1255
|
+
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1256
|
+
`,hc=It(_i)`
|
|
1257
|
+
width: 100%;
|
|
1142
1258
|
display: flex;
|
|
1143
1259
|
align-items: center;
|
|
1144
1260
|
gap: 8px;
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
color: ${({theme:e})=>e.
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1261
|
+
font-size: 16px;
|
|
1262
|
+
`,mc=It(_i)`
|
|
1263
|
+
font-size: 12px;
|
|
1264
|
+
color: ${({theme:e})=>e.text.grey};
|
|
1265
|
+
`,gc=It(fa)`
|
|
1266
|
+
margin-left: auto;
|
|
1267
|
+
gap: 8px;
|
|
1268
|
+
`,xc=({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 xt.createElement(pc,{$hovered:p},e||o||n||i?xt.createElement(uc,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},xt.createElement(fa,null,xt.createElement(fa,{$alignItems:"center",$gap:8},o&&xt.createElement(fa,{$alignItems:"center"},xt.createElement(o,{size:20})),!!e&&xt.createElement(hc,{transform:"capitalize"},e),t===ho.Loading?xt.createElement(ss,null):void 0!==t&&xt.createElement(ua,{label:t})),(!!i||a)&&xt.createElement(gc,null,"function"==typeof i?xt.createElement(i,null):i,a&&xt.createElement(cs,{extend:c}))),!!n&&xt.createElement(mc,null,n)):null,(!a||a&&c)&&(l||xt.createElement(cc,{data:s})))},$c=It.div`
|
|
1269
|
+
visibility: hidden;
|
|
1270
|
+
`,fc=It(fa)`
|
|
1271
|
+
align-self: stretch;
|
|
1272
|
+
width: calc(100% - 32px);
|
|
1273
|
+
padding: 16px;
|
|
1274
|
+
border-radius: 16px;
|
|
1275
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ci.opacity.hex["005"]};
|
|
1276
|
+
${({theme:e,$withClick:t})=>t?_t`
|
|
1277
|
+
&:hover {
|
|
1278
|
+
cursor: pointer;
|
|
1279
|
+
background-color: ${e.colors.secondary+Ci.opacity.hex["010"]};
|
|
1280
|
+
${$c} {
|
|
1281
|
+
visibility: visible;
|
|
1282
|
+
}
|
|
1283
|
+
}
|
|
1284
|
+
`:`\n &:hover {\n ${$c} {\n visibility: visible;\n }\n }\n `}
|
|
1285
|
+
`,bc=It(fa)`
|
|
1286
|
+
margin-left: auto;
|
|
1287
|
+
gap: 8px;
|
|
1288
|
+
`,yc=It(_i)`
|
|
1289
|
+
font-size: 10px;
|
|
1290
|
+
color: ${({theme:e})=>e.text.grey};
|
|
1291
|
+
`,wc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Ci.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))}},[]),xt.createElement(fc,{ref:c,$gap:8,$withClick:!!i,onClick:i},xt.createElement(Os,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&xt.createElement(As,{maxWidth:s/2,text:e,textSize:14}),e&&t&&xt.createElement(yc,null,"•"),t&&xt.createElement(As,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),xt.createElement(bc,{ref:d},a&&xt.createElement(xt.Fragment,null,xt.createElement(hr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},kc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===ro.Source?"uninstrument":"delete";return xt.createElement(jr,{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:po.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}})},vc=It(xa)`
|
|
1162
1292
|
display: flex;
|
|
1163
1293
|
align-items: center;
|
|
1164
|
-
justify-content:
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
border: 1px solid ${o.text.grey};
|
|
1172
|
-
background: ${o.colors.dropdown_bg_2};
|
|
1173
|
-
`:_t`
|
|
1174
|
-
border: 1px solid ${o.colors.border};
|
|
1175
|
-
background: transparent;
|
|
1176
|
-
`};
|
|
1177
|
-
|
|
1178
|
-
${({$hasError:e,$status:t})=>e?_t`
|
|
1179
|
-
border-color: ${({theme:e})=>e.text.error};
|
|
1180
|
-
`:t?_t`
|
|
1181
|
-
border-color: ${({theme:e})=>e.text[t]};
|
|
1182
|
-
`:""}
|
|
1183
|
-
|
|
1184
|
-
&:hover {
|
|
1185
|
-
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
1186
|
-
}
|
|
1187
|
-
`,rc=It.div`
|
|
1294
|
+
justify-content: center;
|
|
1295
|
+
font-size: 14px;
|
|
1296
|
+
gap: 6px;
|
|
1297
|
+
min-width: 100px;
|
|
1298
|
+
`,Cc=({endpoint:e="/",variant:t="secondary"})=>xt.createElement(vc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},xt.createElement(dt,{size:18}),"Docs"),Ec=It(fa)`
|
|
1299
|
+
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1300
|
+
`,Sc=It.div`
|
|
1188
1301
|
display: flex;
|
|
1189
1302
|
align-items: center;
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1303
|
+
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1304
|
+
cursor: pointer;
|
|
1305
|
+
`,Ac=It(_i)`
|
|
1306
|
+
padding: 12px;
|
|
1307
|
+
font-size: 14px;
|
|
1308
|
+
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1309
|
+
`,Dc=({tabs:e,hideBorder:t=!1})=>e?.length?xt.createElement(Ec,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>xt.createElement(Sc,{key:`tab-${e}`,onClick:o,$selected:n},xt.createElement(Ac,{$selected:n},e),t&&xt.createElement(t,null)))):null,Tc=It.section`
|
|
1310
|
+
padding: 0px 32px;
|
|
1311
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1312
|
+
`,Nc=It.div`
|
|
1313
|
+
height: 76px;
|
|
1314
|
+
display: flex;
|
|
1315
|
+
justify-content: space-between;
|
|
1316
|
+
flex-shrink: 0;
|
|
1317
|
+
align-self: stretch;
|
|
1318
|
+
`,Ic=It.div`
|
|
1195
1319
|
display: flex;
|
|
1196
1320
|
align-items: center;
|
|
1197
|
-
gap:
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1321
|
+
gap: ${({$gap:e})=>e||16}px;
|
|
1322
|
+
`,zc=It(_i)`
|
|
1323
|
+
font-size: 18px;
|
|
1324
|
+
line-height: 26px;
|
|
1325
|
+
max-width: ${({$maxWidth:e})=>e};
|
|
1326
|
+
overflow: hidden;
|
|
1201
1327
|
white-space: nowrap;
|
|
1202
1328
|
text-overflow: ellipsis;
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
transition: transform 0.3s;
|
|
1207
|
-
}
|
|
1208
|
-
}
|
|
1209
|
-
`,dc=It(_i)``,pc=({value:e,placeholder:t,onDeselect:o})=>{const n=Ci.useTheme();return Array.isArray(e)?e.length?xt.createElement(lc,null,e.map(e=>xt.createElement(cc,{key:`multi-label-${e.id}`,size:14},e.value,xt.createElement(jr,{orientation:"vertical",length:"10px",margin:"0 4px"}),xt.createElement(at,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):xt.createElement(dc,{size:14,color:n.text.darker_grey},t):xt.createElement(dc,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},uc=It.div`
|
|
1210
|
-
position: absolute;
|
|
1211
|
-
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1212
|
-
left: 0;
|
|
1213
|
-
z-index: 1;
|
|
1329
|
+
`,Oc=It(xa)`
|
|
1330
|
+
gap: 8px;
|
|
1331
|
+
`,Fc=It(xa)``,_c=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>xt.createElement(Tc,null,xt.createElement(Nc,null,xt.createElement(Ic,null,o?.length||n?.length?xt.createElement(Os,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?xt.createElement(r,null):r||null)||xt.createElement(wr,{text:a||i,withIcon:!!a},i&&xt.createElement(zc,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),xt.createElement(Ic,{$gap:2},s,l.map((e,t)=>xt.createElement(Oc,{key:`header-action-button-${t}`,...e})),xt.createElement(Fc,{"data-id":"drawer-close",variant:"secondary",onClick:e},xt.createElement(Ye,{size:12})))),xt.createElement(Dc,{tabs:c,hideBorder:!0})),Rc=It.div`
|
|
1214
1332
|
display: flex;
|
|
1215
|
-
|
|
1216
|
-
overflow-y: auto;
|
|
1217
|
-
width: calc(100% - 16px);
|
|
1218
|
-
max-height: 200px;
|
|
1333
|
+
justify-content: space-between;
|
|
1219
1334
|
gap: 8px;
|
|
1220
|
-
padding:
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
`,
|
|
1335
|
+
padding: 24px 18px 24px 32px;
|
|
1336
|
+
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1337
|
+
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1338
|
+
transform: translateY(100%);
|
|
1339
|
+
`,Lc=It(fa)`
|
|
1340
|
+
margin-right: auto;
|
|
1341
|
+
`,Pc=It(fa)`
|
|
1342
|
+
margin: 0 auto;
|
|
1343
|
+
`,Bc=It(fa)`
|
|
1344
|
+
margin-left: auto;
|
|
1345
|
+
`,Mc=It(xa)`
|
|
1346
|
+
min-width: 140px;
|
|
1347
|
+
font-size: 14px;
|
|
1348
|
+
`,jc=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>{const i=or({container:Rc,animateIn:Ci.animations.slide.in.bottom,animateOut:Ci.animations.slide.out.bottom});return xt.createElement(i,{enter:e},xt.createElement(Lc,null,t.map((e,t)=>xt.createElement(Mc,{key:`footer-left-button-${t}`,...e}))),xt.createElement(Pc,null,o.map((e,t)=>xt.createElement(Mc,{key:`footer-center-button-${t}`,...e}))),xt.createElement(Bc,null,n.map((e,t)=>xt.createElement(Mc,{key:`footer-right-button-${t}`,...e}))))},Uc=It.div`
|
|
1349
|
+
position: fixed;
|
|
1350
|
+
top: 0;
|
|
1351
|
+
bottom: 0;
|
|
1352
|
+
${({$position:e})=>e}: 0;
|
|
1353
|
+
z-index: 1000;
|
|
1354
|
+
width: ${({$width:e})=>e};
|
|
1355
|
+
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1356
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Ci.opacity.hex["010"]};
|
|
1357
|
+
overflow-y: auto;
|
|
1358
|
+
`,Wc=It.div`
|
|
1225
1359
|
display: flex;
|
|
1226
1360
|
flex-direction: column;
|
|
1227
|
-
|
|
1228
|
-
`,
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
align-items: center;
|
|
1234
|
-
border-radius: 32px;
|
|
1235
|
-
&:hover,
|
|
1236
|
-
&.selected {
|
|
1237
|
-
background: ${({theme:e})=>e.colors.majestic_blue+Ci.opacity.hex["024"]};
|
|
1238
|
-
}
|
|
1239
|
-
`,xc=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Ci.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?xt.createElement(gc,{className:r?"selected":"",onClick:()=>s(!r)},xt.createElement(mr,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):xt.createElement(gc,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},xt.createElement(er,{$gap:8},e.icon&&xt.createElement(e.icon,null),xt.createElement(_i,{size:14},e.value)),r&&xt.createElement(Ke,null))},$c=({error:e})=>{const t=Ci.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 xt.createElement("div",{style:o.container},xt.createElement("h2",null,"Something went wrong!"),xt.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),xt.createElement("details",{style:o.errorStackWrapper},xt.createElement("summary",null,"Stack Trace"),xt.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),xt.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),xt.createElement(xa,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},fc=({children:e})=>xt.createElement(Vt,{FallbackComponent:e=>xt.createElement(Ci.Provider,null,xt.createElement($c,{...e}))},e),bc=It(er)`
|
|
1361
|
+
height: 100%;
|
|
1362
|
+
`,Vc=It.div`
|
|
1363
|
+
flex-grow: 1;
|
|
1364
|
+
padding: 24px 32px;
|
|
1365
|
+
overflow-y: auto;
|
|
1366
|
+
`,Hc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>{Ha({key:"Escape",active:e&&o},()=>t()),Na(e);const l=or({container:Uc,animateIn:Ci.animations.slide.in[n],animateOut:Ci.animations.slide.out[n]});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ka,{hidden:!e,onClick:t}),xt.createElement(l,{"data-id":"drawer",enter:e,$position:n,$width:i},xt.createElement(Wc,null,xt.createElement(_c,{onClose:t,width:i,...r}),xt.createElement(Vc,null,a),xt.createElement(jc,{...s})))),document.body):null},qc=({error:e})=>{const t=Ci.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 xt.createElement("div",{style:o.container},xt.createElement("h2",null,"Something went wrong!"),xt.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),xt.createElement("details",{style:o.errorStackWrapper},xt.createElement("summary",null,"Stack Trace"),xt.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),xt.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),xt.createElement(xa,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Gc=({children:e})=>xt.createElement(Vt,{FallbackComponent:e=>xt.createElement(Ci.Provider,null,xt.createElement(qc,{...e}))},e),Kc=It(fa)`
|
|
1240
1367
|
position: relative;
|
|
1241
1368
|
width: calc(100% - 24px);
|
|
1242
1369
|
padding: 12px;
|
|
1243
1370
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1244
1371
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Ci.opacity.hex["050"]};
|
|
1245
|
-
`,
|
|
1372
|
+
`,Jc=It(fa)`
|
|
1246
1373
|
margin-right: auto;
|
|
1247
1374
|
margin-left: 32px;
|
|
1248
1375
|
gap: 12px;
|
|
1249
|
-
`,
|
|
1376
|
+
`,Yc=It(fa)`
|
|
1250
1377
|
margin-left: auto;
|
|
1251
1378
|
margin-right: 32px;
|
|
1252
1379
|
gap: 12px;
|
|
1253
|
-
`,
|
|
1380
|
+
`,Xc=It(fa)`
|
|
1254
1381
|
position: absolute;
|
|
1255
1382
|
left: 50%;
|
|
1256
1383
|
transform: translateX(-50%);
|
|
1257
1384
|
gap: 12px;
|
|
1258
|
-
`,
|
|
1385
|
+
`,Qc=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(Kc,null,xt.createElement(Jc,null,e.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(Xc,null,t.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(Yc,null,o.map((e,t)=>e&&xt.createElement($t,{key:t},e)))),Zc=It(_i)`
|
|
1259
1386
|
color: ${({theme:e})=>e.text.grey};
|
|
1260
|
-
`,
|
|
1387
|
+
`,ed=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>xt.createElement(fa,{$gap:6},e&&xt.createElement(e,null),xt.createElement(Zc,{size:14},t),void 0!==o&&xt.createElement(wr,{text:n},xt.createElement(ua,{label:o})),i&&xt.createElement(ss,null)),td=It.div`
|
|
1261
1388
|
width: fit-content;
|
|
1262
1389
|
height: fit-content;
|
|
1263
1390
|
padding: 4px;
|
|
@@ -1269,7 +1396,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1269
1396
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1270
1397
|
align-items: center;
|
|
1271
1398
|
justify-content: center;
|
|
1272
|
-
`,
|
|
1399
|
+
`,od=It.div`
|
|
1273
1400
|
width: 32px;
|
|
1274
1401
|
height: 32px;
|
|
1275
1402
|
|
|
@@ -1282,100 +1409,50 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1282
1409
|
justify-content: center;
|
|
1283
1410
|
|
|
1284
1411
|
cursor: pointer;
|
|
1285
|
-
`,
|
|
1412
|
+
`,nd=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>xt.createElement(td,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(wr,{key:`main-nav-icon-${i}`,text:n},xt.createElement(od,{$selected:t,onClick:o},xt.createElement(e,{size:20})))),!!o.length&&!!n.length&&xt.createElement(hr,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(wr,{key:`sub-nav-icon-${i}`,text:n},xt.createElement(od,{$selected:t,onClick:o},xt.createElement(e,{size:20}))))),id=It.div`
|
|
1286
1413
|
display: flex;
|
|
1287
1414
|
flex-direction: column;
|
|
1288
1415
|
width: 100%;
|
|
1289
|
-
`,
|
|
1416
|
+
`,ad=It.div`
|
|
1290
1417
|
display: flex;
|
|
1291
1418
|
flex-direction: column;
|
|
1292
1419
|
gap: 8px;
|
|
1293
|
-
`,
|
|
1420
|
+
`,rd=It.div`
|
|
1294
1421
|
display: flex;
|
|
1295
1422
|
align-items: center;
|
|
1296
1423
|
gap: 16px;
|
|
1297
|
-
`,
|
|
1424
|
+
`,sd=It(Cr)`
|
|
1298
1425
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1299
1426
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1300
|
-
`,
|
|
1427
|
+
`,ld=({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 xt.createElement(id,null,xt.createElement(xl,{title:n,required:a,tooltip:i}),xt.createElement(ad,null,s.map((e,t)=>{const o=t===s.length-1;return xt.createElement(rd,{key:`input-list-${t}`},xt.createElement(vl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:zn(e)&&!u&&o}),t===s.length-1&&xt.createElement(sd,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},xt.createElement(tt,null)),xt.createElement(sd,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},xt.createElement(st,null)))})),!!r&&xt.createElement(Ji,null,r))},cd=({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:xt.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===lo.Dropdown){const e=x?.find(e=>e.id===f);return xt.createElement(Dl,{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&&zn(f))})}{const e=i>1&&n===i-1&&0===t&&zn(f);return xt.createElement(vl,{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&&zn(f))})}})())},dd=It.div`
|
|
1301
1428
|
display: flex;
|
|
1302
1429
|
flex-direction: column;
|
|
1303
1430
|
width: 100%;
|
|
1304
|
-
`,
|
|
1431
|
+
`,pd=It.button`
|
|
1305
1432
|
margin-top: ${({$marginTop:e})=>e};
|
|
1306
1433
|
background: none;
|
|
1307
1434
|
border: none;
|
|
1308
1435
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1309
1436
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1310
|
-
`,
|
|
1437
|
+
`,ud=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=yt({}),[c,d]=yt(o||t),p=ft(()=>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&&zn(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=Ho(n);return i[o][e]=t,i})},$=ft(()=>{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 xt.createElement(dd,null,xt.createElement(xl,{title:r}),xt.createElement("table",{style:{borderCollapse:"collapse"}},!a&&xt.createElement("thead",null,xt.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>xt.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},xt.createElement(xl,{title:e,required:o,tooltip:t}))),xt.createElement("th",null))),xt.createElement("tbody",null,c.map((t,o)=>xt.createElement($t,{key:`input-table-row-${o}`},a&&o>0?xt.createElement("tr",null,xt.createElement("td",{colSpan:$.length},xt.createElement(hr,null))):null,$.map((n,r)=>xt.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>xt.createElement(cd,{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&&xt.createElement("td",null,xt.createElement(pd,{$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===co.Number?"0":"",t)));var t}},xt.createElement(st,null))))))))),!!i&&xt.createElement(Ji,null,i),xt.createElement(ws,{onClick:()=>{d(e=>{const t=Ho(e);return t.push(Ho(s)),t})},disabled:m}))},hd=It.div`
|
|
1311
1438
|
display: flex;
|
|
1312
1439
|
flex-direction: column;
|
|
1313
1440
|
width: 100%;
|
|
1314
|
-
`,
|
|
1441
|
+
`,md=It.div`
|
|
1315
1442
|
display: flex;
|
|
1316
1443
|
flex-direction: column;
|
|
1317
1444
|
gap: 8px;
|
|
1318
|
-
`,
|
|
1445
|
+
`,gd=It.div`
|
|
1319
1446
|
display: flex;
|
|
1320
1447
|
align-items: center;
|
|
1321
1448
|
gap: 8px;
|
|
1322
|
-
`,
|
|
1449
|
+
`,xd=It.div`
|
|
1323
1450
|
width: 100%;
|
|
1324
1451
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1325
|
-
|
|
1452
|
+
`,$d=It(Cr)`
|
|
1326
1453
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1327
1454
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1328
|
-
`,
|
|
1329
|
-
position: fixed;
|
|
1330
|
-
top: 50%;
|
|
1331
|
-
left: 50%;
|
|
1332
|
-
transform: translate(-50%, -50%);
|
|
1333
|
-
z-index: 1000;
|
|
1334
|
-
width: fit-content;
|
|
1335
|
-
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1336
|
-
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
1337
|
-
border-radius: 40px;
|
|
1338
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Ci.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}`}};
|
|
1339
|
-
`,qc=It.div`
|
|
1340
|
-
display: flex;
|
|
1341
|
-
justify-content: space-between;
|
|
1342
|
-
align-items: center;
|
|
1343
|
-
height: 80px;
|
|
1344
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1345
|
-
padding: 0 24px;
|
|
1346
|
-
`,Gc=It.div`
|
|
1347
|
-
cursor: pointer;
|
|
1348
|
-
display: flex;
|
|
1349
|
-
align-items: center;
|
|
1350
|
-
gap: 8px;
|
|
1351
|
-
`,Kc=It.div`
|
|
1352
|
-
display: flex;
|
|
1353
|
-
align-items: center;
|
|
1354
|
-
gap: 8px;
|
|
1355
|
-
`,Jc=It(or)`
|
|
1356
|
-
min-width: 350px;
|
|
1357
|
-
min-height: 150px;
|
|
1358
|
-
`,Yc=It.div`
|
|
1359
|
-
position: absolute;
|
|
1360
|
-
left: 50%;
|
|
1361
|
-
transform: translateX(-50%);
|
|
1362
|
-
display: flex;
|
|
1363
|
-
align-items: center;
|
|
1364
|
-
justify-content: center;
|
|
1365
|
-
width: 100%;
|
|
1366
|
-
pointer-events: none;
|
|
1367
|
-
`,Xc=It(_i)`
|
|
1368
|
-
text-transform: uppercase;
|
|
1369
|
-
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1370
|
-
pointer-events: auto;
|
|
1371
|
-
`,Qc=It(_i)`
|
|
1372
|
-
text-transform: uppercase;
|
|
1373
|
-
font-weight: 500;
|
|
1374
|
-
font-size: 14px;
|
|
1375
|
-
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1376
|
-
text-decoration: underline;
|
|
1377
|
-
cursor: pointer;
|
|
1378
|
-
`,Zc=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>{ja({key:"Escape",active:e&&r},()=>i()),Sa(e);const s=Qa({container:Hc,animateIn:Ci.animations.slide.in.center,animateOut:Ci.animations.slide.out.center});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ir,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),xt.createElement(s,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:""),enter:e},o&&xt.createElement(qc,null,xt.createElement(Gc,{onClick:i},xt.createElement(at,null),xt.createElement(Qc,null,"Cancel")),xt.createElement(Yc,null,xt.createElement(Xc,null,o.title)),xt.createElement(Kc,null,n)),xt.createElement(Jc,null,a))),document.body):null},ed=It.div`
|
|
1455
|
+
`,fd={key:"",value:""},bd=({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([{...fd}])},[]);const h=p.filter(({key:e,value:t})=>!zn(e.trim())&&!zn(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 xt.createElement(hd,null,xt.createElement(xl,{title:n,required:r,tooltip:i}),xt.createElement(md,null,p.map(({key:e,value:t},o)=>xt.createElement(gd,{key:`key-value-input-list-${o}`},xt.createElement(xd,{$maxWidth:d},xt.createElement(vl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:zn(t)&&!x&&o===p.length-1})),xt.createElement(xd,{$maxWidth:o===p.length-1?d-38:d},xt.createElement(vl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&zn(t)),autoFocus:!1})),o===p.length-1&&xt.createElement($d,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...fd}),t})}},xt.createElement(tt,null)),xt.createElement($d,{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)},xt.createElement(st,null))))),!!s&&xt.createElement(Ji,null,s))},yd=It.div`
|
|
1379
1456
|
display: flex;
|
|
1380
1457
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1381
1458
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1384,107 +1461,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1384
1461
|
border-radius: 32px;
|
|
1385
1462
|
padding: 8px;
|
|
1386
1463
|
`}
|
|
1387
|
-
`,
|
|
1464
|
+
`,wd=(e,t)=>!t?.length||!!t?.find(t=>t===e),kd=({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||Mo.forEach(({id:t})=>{wd(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]),xt.createElement("div",null,t&&xt.createElement(xl,{title:t,required:o}),xt.createElement(yd,{$isVertical:e,$hasError:!!n},Mo.map(e=>{const t=wd(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?xt.createElement(Hr,{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&&xt.createElement(Ji,null,n))},vd=It.div`
|
|
1388
1465
|
display: flex;
|
|
1389
1466
|
gap: 8px;
|
|
1390
1467
|
align-items: center;
|
|
1391
|
-
`,
|
|
1468
|
+
`,Cd=It(xa)`
|
|
1392
1469
|
display: flex;
|
|
1393
1470
|
align-items: center;
|
|
1394
1471
|
justify-content: center;
|
|
1395
1472
|
gap: 8px;
|
|
1396
1473
|
min-width: 90px;
|
|
1397
|
-
`,
|
|
1398
|
-
position: relative;
|
|
1399
|
-
&.animated {
|
|
1400
|
-
overflow: hidden;
|
|
1401
|
-
padding-bottom: 1px;
|
|
1402
|
-
border-radius: 32px;
|
|
1403
|
-
animation: ${({$isLeaving:e})=>e?Ci.animations.slide.out.bottom:Ci.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
1404
|
-
}
|
|
1405
|
-
`,sd=It.div`
|
|
1406
|
-
position: absolute;
|
|
1407
|
-
bottom: -1px;
|
|
1408
|
-
left: 0;
|
|
1409
|
-
z-index: -1;
|
|
1410
|
-
width: 100%;
|
|
1411
|
-
height: 100%;
|
|
1412
|
-
border-radius: 32px;
|
|
1413
|
-
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1414
|
-
animation: ${Ci.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
1415
|
-
`,ld=It.div`
|
|
1416
|
-
display: flex;
|
|
1417
|
-
align-items: center;
|
|
1418
|
-
flex: 1;
|
|
1419
|
-
gap: 8px;
|
|
1420
|
-
padding: 0 12px;
|
|
1421
|
-
border-radius: 32px;
|
|
1422
|
-
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1423
|
-
`,cd=It.div`
|
|
1424
|
-
display: flex;
|
|
1425
|
-
align-items: center;
|
|
1426
|
-
margin: 0 auto 0 0;
|
|
1427
|
-
padding: 8px 0;
|
|
1428
|
-
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
1429
|
-
min-height: 12px;
|
|
1430
|
-
`,dd=It(_i)`
|
|
1431
|
-
font-size: 14px;
|
|
1432
|
-
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1433
|
-
`,pd=It(_i)`
|
|
1434
|
-
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1435
|
-
font-size: 12px;
|
|
1436
|
-
`,ud=It(er)``,hd=It(_i)`
|
|
1437
|
-
text-transform: uppercase;
|
|
1438
|
-
text-decoration: underline;
|
|
1439
|
-
font-size: 12px;
|
|
1440
|
-
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1441
|
-
white-space: nowrap;
|
|
1442
|
-
cursor: pointer;
|
|
1443
|
-
&:hover {
|
|
1444
|
-
transform: scale(1.1);
|
|
1445
|
-
transition: transform 0.3s;
|
|
1446
|
-
}
|
|
1447
|
-
`,md=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Ci.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||yn(e,c);return xt.createElement(rd,{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"}}},xt.createElement(ld,{"data-id":"toast",$type:e,style:l},xt.createElement(g,{fill:c.text[e]}),xt.createElement(cd,{$withAction:!!i,$overrideMaxWidth:s},o&&xt.createElement(dd,{$type:e},o),o&&n&&xt.createElement(jr,{orientation:"vertical",type:e}),n&&xt.createElement(pd,{$type:e},n)),(!!i||!!a)&&xt.createElement(ud,null,i&&xt.createElement(hd,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&xt.createElement(Jr,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},xt.createElement(at,{size:12})))),a&&xt.createElement(sd,{ref:h,$duration:r,$type:e}))},gd=It(tr)`
|
|
1448
|
-
gap: 12px;
|
|
1449
|
-
`,xd=It(er)`
|
|
1450
|
-
width: 100%;
|
|
1451
|
-
gap: 12px;
|
|
1452
|
-
align-items: flex-end;
|
|
1453
|
-
`,$d=({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=Ci.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Wa({onClickOutside:a});return ja({key:"Enter",active:i},r),wt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:xt.createElement(ka,{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"},xt.createElement(gd,null,xt.createElement(pr,{text:d,withIcon:!0},xt.createElement(_i,{size:14},c)),xt.createElement(xd,null,u,xt.createElement(er,{$gap:6},xt.createElement(Jr,{withBorder:!0,onClick:a,tooltip:"Cancel"},xt.createElement(at,null)),xt.createElement(Jr,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},xt.createElement(Ke,{fill:h.text.primary})),s&&xt.createElement(Jr,{onClick:l,tooltip:"Undo"},xt.createElement(dt,null)))),p&&xt.createElement(md,{type:po.Warning,message:p})))},fd=It.div`
|
|
1474
|
+
`,Ed=({buttons:e})=>{const t=Ci.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?xt.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?xt.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return xt.createElement(vd,null,e.map((e,t)=>xt.createElement(wr,{key:t,text:e.tooltip||""},xt.createElement(Cd,{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})))))},Sd=It.div`
|
|
1454
1475
|
height: ${({$height:e})=>e}px;
|
|
1455
1476
|
width: 100%;
|
|
1456
1477
|
overflow: auto;
|
|
1457
|
-
`,
|
|
1478
|
+
`,Ad=It.div`
|
|
1458
1479
|
height: ${({$height:e})=>e}px;
|
|
1459
1480
|
width: 100%;
|
|
1460
1481
|
position: relative;
|
|
1461
|
-
`,
|
|
1482
|
+
`,Dd=It.div`
|
|
1462
1483
|
height: ${({$height:e})=>e}px;
|
|
1463
1484
|
width: 100%;
|
|
1464
1485
|
position: absolute;
|
|
1465
1486
|
top: 0;
|
|
1466
1487
|
left: 0;
|
|
1467
1488
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1468
|
-
`,
|
|
1489
|
+
`,Td=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:a}=Ua({items:o,rowHeight:t});return xt.createElement(Sd,{ref:n,$height:e},xt.createElement(Ad,{$height:i},a.map(({key:e,index:t,size:n,start:i})=>{const a=t>o.length-1,r=o[t];return xt.createElement(Dd,{key:e,$height:n,$yOffset:i},a?xt.createElement(ya,null,xt.createElement(Pi,null)):r)})))},Nd=It.div`
|
|
1469
1490
|
display: flex;
|
|
1470
1491
|
justify-content: space-between;
|
|
1471
1492
|
align-items: center;
|
|
1472
1493
|
gap: 16px;
|
|
1473
|
-
`,
|
|
1494
|
+
`,Id=It.div`
|
|
1474
1495
|
display: flex;
|
|
1475
1496
|
flex-direction: column;
|
|
1476
1497
|
gap: 4px;
|
|
1477
|
-
`,
|
|
1498
|
+
`,zd=It.div`
|
|
1478
1499
|
display: flex;
|
|
1479
1500
|
align-items: center;
|
|
1480
1501
|
gap: 8px;
|
|
1481
|
-
`,
|
|
1502
|
+
`,Od=It(_i)``,Fd=It(_i)``,_d=({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 xt.createElement(Nd,null,xt.createElement(Id,null,xt.createElement(zd,null,n&&xt.createElement(n,{size:r}),xt.createElement(Od,{weight:300,size:r},e),void 0!==o&&xt.createElement(ua,{label:o,filled:!!o})),xt.createElement(Fd,{weight:200,opacity:.8,size:s},t)),i&&xt.createElement("div",null,i))},Rd=It.div`
|
|
1482
1503
|
position: relative;
|
|
1483
1504
|
gap: 0;
|
|
1484
1505
|
z-index: 0;
|
|
1485
1506
|
display: grid;
|
|
1486
1507
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1487
|
-
`,
|
|
1508
|
+
`,Ld=It.button`
|
|
1488
1509
|
flex: 1;
|
|
1489
1510
|
display: flex;
|
|
1490
1511
|
align-items: center;
|
|
@@ -1498,7 +1519,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1498
1519
|
&:hover {
|
|
1499
1520
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1500
1521
|
}
|
|
1501
|
-
`,
|
|
1522
|
+
`,Pd=It.div`
|
|
1502
1523
|
position: absolute;
|
|
1503
1524
|
top: ${({$y:e})=>e}px;
|
|
1504
1525
|
left: ${({$x:e})=>e}px;
|
|
@@ -1508,7 +1529,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1508
1529
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1509
1530
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1510
1531
|
transition: all 0.3s;
|
|
1511
|
-
`,
|
|
1532
|
+
`,Bd=({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]),xt.createElement(Rd,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return xt.createElement(Ld,{key:`segment-${i||c}-${r}`,ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{o(r),a(s||"")}},n&&xt.createElement(n,null),i&&xt.createElement(_i,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),xt.createElement(Pd,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},Md=It(xa)`
|
|
1512
1533
|
gap: 8px;
|
|
1513
1534
|
text-transform: none;
|
|
1514
1535
|
text-decoration: none;
|
|
@@ -1522,71 +1543,71 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1522
1543
|
&.selected {
|
|
1523
1544
|
background-color: ${({theme:e})=>e.colors.majestic_blue+Ci.opacity.hex["030"]};
|
|
1524
1545
|
}
|
|
1525
|
-
`,
|
|
1546
|
+
`,jd=It(_i)`
|
|
1526
1547
|
white-space: nowrap;
|
|
1527
1548
|
overflow: hidden;
|
|
1528
1549
|
text-overflow: ellipsis;
|
|
1529
1550
|
font-size: 14px;
|
|
1530
|
-
`,
|
|
1551
|
+
`,Ud=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Ci.useTheme();return xt.createElement(Md,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&xt.createElement("div",null,xt.createElement(o,{fill:p.text.info})),n&&xt.createElement("div",null,xt.createElement("img",{src:n,alt:"",width:16,height:16})),xt.createElement(jd,null,e),r&&xt.createElement("div",null,xt.createElement(Ke,{fill:p.colors.majestic_blue_soft})),void 0!==i&&xt.createElement(ua,{label:i,filled:a||r}))},Wd=It.div`
|
|
1531
1552
|
display: flex;
|
|
1532
1553
|
flex-direction: column;
|
|
1533
1554
|
gap: 16px;
|
|
1534
1555
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1535
|
-
`,
|
|
1556
|
+
`,Vd=It.div`
|
|
1536
1557
|
display: flex;
|
|
1537
1558
|
align-items: center;
|
|
1538
1559
|
gap: 16px;
|
|
1539
|
-
`,
|
|
1560
|
+
`,Hd=It.div`
|
|
1540
1561
|
width: 50px;
|
|
1541
1562
|
height: 50px;
|
|
1542
1563
|
border-radius: 8px;
|
|
1543
1564
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1544
1565
|
background-size: 200% 100%;
|
|
1545
1566
|
animation: ${Ci.animations.shimmer} 10s infinite linear;
|
|
1546
|
-
`,
|
|
1567
|
+
`,qd=It(ba)`
|
|
1547
1568
|
flex: 1;
|
|
1548
1569
|
gap: 12px;
|
|
1549
|
-
`,
|
|
1570
|
+
`,Gd=It.div`
|
|
1550
1571
|
width: ${({$width:e})=>e};
|
|
1551
1572
|
height: 16px;
|
|
1552
1573
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1553
1574
|
background-size: 200% 100%;
|
|
1554
1575
|
animation: ${Ci.animations.shimmer} 1.5s infinite linear;
|
|
1555
1576
|
border-radius: 4px;
|
|
1556
|
-
`,
|
|
1577
|
+
`,Kd=({size:e=5,maxWidth:t})=>xt.createElement(Wd,{$maxWidth:t},[...Array(e)].map((e,t)=>xt.createElement(Vd,{key:t},xt.createElement(Hd,null),xt.createElement(qd,null,xt.createElement(Gd,{$width:"80%"}),xt.createElement(Gd,{$width:"100%"})))));var Jd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Jd||(Jd={}));const Yd=It.div`
|
|
1557
1578
|
display: flex;
|
|
1558
1579
|
flex-direction: column;
|
|
1559
1580
|
gap: 32px;
|
|
1560
|
-
`,
|
|
1581
|
+
`,Xd=It.div`
|
|
1561
1582
|
display: flex;
|
|
1562
1583
|
gap: 16px;
|
|
1563
1584
|
padding: 8px;
|
|
1564
|
-
opacity: ${({$state:e})=>e===
|
|
1585
|
+
opacity: ${({$state:e})=>e===Jd.Active?1:e===Jd.Disabled?.5:.8};
|
|
1565
1586
|
transition: all 0.3s;
|
|
1566
|
-
`,
|
|
1587
|
+
`,Qd=It(fa)`
|
|
1567
1588
|
justify-content: center;
|
|
1568
1589
|
width: 24px;
|
|
1569
1590
|
height: 24px;
|
|
1570
1591
|
border-radius: 32px;
|
|
1571
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1572
|
-
opacity: ${({$state:e})=>e===
|
|
1573
|
-
`,
|
|
1592
|
+
border: ${({theme:e,$state:t})=>t===Jd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1593
|
+
opacity: ${({$state:e})=>e===Jd.Finished?.8:1};
|
|
1594
|
+
`,Zd=It(ba)`
|
|
1574
1595
|
justify-content: center;
|
|
1575
1596
|
gap: 8px;
|
|
1576
|
-
`,
|
|
1597
|
+
`,ep=It(_i)``,tp=It(_i)``,op=({data:e,currentStep:t=0})=>{const[o,n]=yt([]);return wt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Jd.Finished,subtitle:e.subtitle||po.Success}:o===t-1?{...e,state:Jd.Active,subtitle:""}:{...e,state:Jd.Disabled,subtitle:""}))},[t,e]),xt.createElement(Yd,null,o.map((e,t)=>xt.createElement(Xd,{key:t,$state:e.state},xt.createElement(Qd,{$state:e.state},[Jd.Active,Jd.Disabled].includes(e.state)?xt.createElement(_i,{size:12},e.stepNumber):e.state===Jd.Finished?xt.createElement(Ke,{size:20}):null),xt.createElement(Zd,null,xt.createElement(ep,{family:"secondary"},e.title),e.subtitle&&xt.createElement(tp,{size:10,weight:300},e.subtitle)))))},np=It(fa)`
|
|
1577
1598
|
width: fit-content;
|
|
1578
1599
|
gap: 6px;
|
|
1579
1600
|
padding: 6px 12px;
|
|
1580
1601
|
border-radius: 360px;
|
|
1581
1602
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1582
|
-
`,
|
|
1603
|
+
`,ip=It(_i)`
|
|
1583
1604
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1584
|
-
`,
|
|
1605
|
+
`,ap=({type:e=po.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>xt.createElement(np,{$type:e},t&&xt.createElement(t,null),xt.createElement(ip,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),rp=It.div`
|
|
1585
1606
|
display: flex;
|
|
1586
1607
|
flex-direction: column;
|
|
1587
1608
|
position: relative;
|
|
1588
1609
|
width: 100%;
|
|
1589
|
-
`,
|
|
1610
|
+
`,sp=It.div`
|
|
1590
1611
|
width: 100%;
|
|
1591
1612
|
display: flex;
|
|
1592
1613
|
align-items: center;
|
|
@@ -1614,7 +1635,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1614
1635
|
&:focus-within {
|
|
1615
1636
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1616
1637
|
}
|
|
1617
|
-
`,
|
|
1638
|
+
`,lp=It.textarea`
|
|
1618
1639
|
flex: 1;
|
|
1619
1640
|
border: none;
|
|
1620
1641
|
outline: none;
|
|
@@ -1638,13 +1659,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1638
1659
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1639
1660
|
cursor: not-allowed;
|
|
1640
1661
|
}
|
|
1641
|
-
`,
|
|
1662
|
+
`,cp=({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 xt.createElement(rp,null,xt.createElement(xl,{title:t,required:n,tooltip:o}),xt.createElement(sp,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},xt.createElement(lp,{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&&xt.createElement(Ji,null,e))},dp=It.div`
|
|
1642
1663
|
display: flex;
|
|
1643
1664
|
align-items: center;
|
|
1644
1665
|
gap: 12px;
|
|
1645
1666
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1646
1667
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1647
|
-
`,
|
|
1668
|
+
`,pp=It.div`
|
|
1648
1669
|
width: 24px;
|
|
1649
1670
|
height: 12px;
|
|
1650
1671
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1666,32 +1687,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1666
1687
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1667
1688
|
transition: background-color 0.3s, transform 0.3s;
|
|
1668
1689
|
}
|
|
1669
|
-
`,
|
|
1690
|
+
`,up=({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]),xt.createElement(dp,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&xt.createElement(pp,{$disabled:i,$isActive:s}),(e||t)&&xt.createElement(wr,{text:t,withIcon:!0},e&&xt.createElement(_i,{size:14},e)),r&&xt.createElement(pp,{$disabled:i,$isActive:s}))};var hp={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 mp=It.div`
|
|
1670
1691
|
width: ${({$width:e})=>e}px;
|
|
1671
1692
|
height: ${({$height:e})=>e}px;
|
|
1672
1693
|
position: relative;
|
|
1673
|
-
`,
|
|
1674
|
-
padding: 24px 32px;
|
|
1675
|
-
`,cp=It.div`
|
|
1676
|
-
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
1677
|
-
`,dp=It(_i)`
|
|
1678
|
-
font-size: 20px;
|
|
1679
|
-
line-height: 28px;
|
|
1680
|
-
`,pp=It(_i)`
|
|
1681
|
-
color: ${({theme:e})=>e.text.grey};
|
|
1682
|
-
width: 416px;
|
|
1683
|
-
font-style: normal;
|
|
1684
|
-
font-weight: 300;
|
|
1685
|
-
line-height: 24px;
|
|
1686
|
-
`,up=It.div`
|
|
1687
|
-
display: flex;
|
|
1688
|
-
justify-content: space-between;
|
|
1689
|
-
gap: 12px;
|
|
1690
|
-
`,hp=It(xa)`
|
|
1691
|
-
width: 250px;
|
|
1692
|
-
`,mp=It.div`
|
|
1693
|
-
margin-bottom: 12px;
|
|
1694
|
-
`,gp=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{ja({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return xt.createElement(Zc,{isOpen:e,noOverlay:t,onClose:l},xt.createElement(lp,null,xt.createElement(dp,null,o),xt.createElement(cp,{$withNote:!!i},xt.createElement(pp,null,n)),!!i&&xt.createElement(mp,null,xt.createElement(md,{type:i.type,title:i.title,message:i.message})),xt.createElement(up,null,xt.createElement(hp,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),xt.createElement(hp,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},xp=({buttons:e})=>xt.createElement(tr,{$gap:12},e.map(e=>xt.createElement(qi,{key:e.label,...e}))),$p=It.div`
|
|
1694
|
+
`,gp=({width:e=620})=>{const{darkMode:t}=Ci.useTheme(),o=e/(620/220),n=e;return xt.createElement(mp,{$width:n,$height:o},xt.createElement(Ht,{autoplay:!0,loop:!0,animationData:hp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))},xp=({buttons:e})=>xt.createElement(ba,{$gap:12},e.map(e=>xt.createElement(qi,{key:e.label,...e}))),$p=It.div`
|
|
1695
1695
|
display: flex;
|
|
1696
1696
|
align-items: center;
|
|
1697
1697
|
flex-wrap: wrap;
|
|
@@ -1705,7 +1705,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1705
1705
|
display: flex;
|
|
1706
1706
|
flex-direction: column;
|
|
1707
1707
|
gap: 4px;
|
|
1708
|
-
`,bp=({cellsPerRow:e,items:t})=>{const o=Ft(),{CopyButton:n}=
|
|
1708
|
+
`,bp=({cellsPerRow:e,items:t})=>{const o=Ft(),{CopyButton:n}=Pa();return xt.createElement($p,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>xt.createElement(fp,{key:i,$cellsPerRow:e||t.length},xt.createElement(Di,{size:Si.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),xt.createElement(fa,{$gap:4},l&&xt.createElement(Ni,{...l}),r&&xt.createElement(Di,{size:Si.XS,nowrap:!0},r),s&&xt.createElement(n,{value:r||l?.label?.toString()||"",size:_a.XS})))))},yp=It.div`
|
|
1709
1709
|
padding: 6px 12px;
|
|
1710
1710
|
display: flex;
|
|
1711
1711
|
align-self: stretch;
|
|
@@ -1732,7 +1732,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1732
1732
|
overflow: hidden;
|
|
1733
1733
|
text-overflow: ellipsis;
|
|
1734
1734
|
white-space: nowrap;
|
|
1735
|
-
`,kp=({placeholder:e="Search...",value:t,onChange:o})=>{const n=Ci.useTheme(),[i,a]=yt(!1),[r,s]=yt(!1),l=r?n.v2.colors.white[500]:n.v2.colors.silver[200];return xt.createElement(yp,{onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),$isHovered:i,$isActive:r},xt.createElement(
|
|
1735
|
+
`,kp=({placeholder:e="Search...",value:t,onChange:o})=>{const n=Ci.useTheme(),[i,a]=yt(!1),[r,s]=yt(!1),l=r?n.v2.colors.white[500]:n.v2.colors.silver[200];return xt.createElement(yp,{onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),$isHovered:i,$isActive:r},xt.createElement(rt,{size:18,fill:l}),xt.createElement(wp,{"data-id":"search",name:"search",type:"text",placeholder:e,value:t,onChange:e=>{e.stopPropagation(),o(e.target.value)},onFocus:()=>s(!0),onBlur:()=>s(!1),$textColor:l}))};var vp;!function(e){e.S="small",e.L="large"}(vp||(vp={}));const Cp=It.div`
|
|
1736
1736
|
width: fit-content;
|
|
1737
1737
|
display: flex;
|
|
1738
1738
|
align-items: center;
|
|
@@ -1747,7 +1747,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1747
1747
|
border-radius: 4px;
|
|
1748
1748
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1749
1749
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1750
|
-
`,Sp=({label:e,size:t=vp.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Ci.useTheme(),[s,l]=yt(!1),c=n||i,d=t===vp.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 xt.createElement(Cp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},xt.createElement(Ep,{$size:t,$borderColor:u,$backgroundColor:h},n?xt.createElement(
|
|
1750
|
+
`,Sp=({label:e,size:t=vp.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Ci.useTheme(),[s,l]=yt(!1),c=n||i,d=t===vp.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 xt.createElement(Cp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},xt.createElement(Ep,{$size:t,$borderColor:u,$backgroundColor:h},n?xt.createElement(Xe,{size:d,fill:p}):i?xt.createElement(Ke,{size:d,fill:p}):null),e&&xt.createElement(Di,{size:t===vp.S?Si.XXS:Si.XS},e))};var Ap;!function(e){e.Left="left",e.Right="right"}(Ap||(Ap={}));const Dp=It.div`
|
|
1751
1751
|
position: relative;
|
|
1752
1752
|
`,Tp=It.div`
|
|
1753
1753
|
display: flex;
|
|
@@ -1785,7 +1785,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1785
1785
|
padding: ${({$padding:e})=>e}px;
|
|
1786
1786
|
border-radius: 16px;
|
|
1787
1787
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1788
|
-
`,_p=({size:e=zp.M,icon:t,title:o,withCopyTitle:n,badge:i,search:a,actions:r,children:s})=>{const{CopyButton:l}=
|
|
1788
|
+
`,_p=({size:e=zp.M,icon:t,title:o,withCopyTitle:n,badge:i,search:a,actions:r,children:s})=>{const{CopyButton:l}=Pa(),c=e===zp.S?4:16,d=e===zp.S?12:16;return xt.createElement(Fp,{$padding:d,$gap:c},xt.createElement(fa,{$justifyContent:"space-between"},xt.createElement(fa,{$gap:8,$alignItems:"center"},xt.createElement(t,{size:24}),xt.createElement(Di,null,o),n&&xt.createElement(l,{value:o,size:_a.XS}),i&&xt.createElement(Ni,{...i}),a&&xt.createElement(kp,{...a})),xt.createElement(fa,{$gap:8,$alignItems:"center"},r?.map(e=>{switch(e.type){case Op.Button:return xt.createElement(Ui,{key:e.id,...e.buttonProps,label:e.buttonProps?.label??""});case Op.ButtonDropData:return xt.createElement(Ip,{key:e.id,items:e.dropDataItems??[],selectedId:"",onSelect:t=>e.buttonProps?.onClick?.(t),buttonProps:e.buttonProps});default:return null}}))),s)},Rp=It.div`
|
|
1789
1789
|
flex: 1;
|
|
1790
1790
|
align-self: stretch;
|
|
1791
1791
|
display: flex;
|
|
@@ -1793,7 +1793,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1793
1793
|
gap: 8px;
|
|
1794
1794
|
padding: 16px;
|
|
1795
1795
|
border-radius: 12px;
|
|
1796
|
-
background-color: ${({theme:e,$status:t})=>
|
|
1796
|
+
background-color: ${({theme:e,$status:t})=>vn(e,t,t===mo.Unknown?"750":"500")};
|
|
1797
1797
|
`,Lp=It.div`
|
|
1798
1798
|
display: flex;
|
|
1799
1799
|
align-items: center;
|
|
@@ -1802,8 +1802,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1802
1802
|
height: fit-content;
|
|
1803
1803
|
padding: 8px;
|
|
1804
1804
|
border-radius: 12px;
|
|
1805
|
-
background-color: ${({theme:e,$status:t})=>t===mo.Unknown?
|
|
1806
|
-
`,Pp=({status:e,icon:t,title:o,description:n})=>{const i=Ft(),a=t??
|
|
1805
|
+
background-color: ${({theme:e,$status:t})=>t===mo.Unknown?vn(e,t,"800"):vn(e,t,"900")+Ci.opacity.hex["015"]};
|
|
1806
|
+
`,Pp=({status:e,icon:t,title:o,description:n})=>{const i=Ft(),a=t??En(e,i),r=[po.Default,po.Info,mo.Disabled,mo.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return xt.createElement(Rp,{$status:e},xt.createElement(Lp,{$status:e},xt.createElement(a,{size:32,fill:r})),xt.createElement(ba,{$gap:2,$justifyContent:"center"},xt.createElement(Di,{size:Si.M,weight:500,color:r,nowrap:!0},o),xt.createElement(Di,{size:Si.XXS,weight:300,color:r,nowrap:!0},n)))},Bp=It.div`
|
|
1807
1807
|
flex: 1;
|
|
1808
1808
|
align-self: stretch;
|
|
1809
1809
|
display: flex;
|
|
@@ -1812,11 +1812,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1812
1812
|
padding: 12px;
|
|
1813
1813
|
border-radius: 12px;
|
|
1814
1814
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1815
|
-
`,Mp=["-","N/A"],jp=({title:e,cells:t})=>{const o=Ft();return xt.createElement(Bp,null,xt.createElement(Di,{size:Si.XXS,color:o.v2.colors.grey[150]},e),xt.createElement(
|
|
1815
|
+
`,Mp=["-","N/A"],jp=({title:e,cells:t})=>{const o=Ft();return xt.createElement(Bp,null,xt.createElement(Di,{size:Si.XXS,color:o.v2.colors.grey[150]},e),xt.createElement(fa,{$gap:32},t.map(t=>xt.createElement(ba,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!Mp.includes(t.value)?xt.createElement(Di,{size:t.label?Si.M:Si.L},t.value):xt.createElement(ss,{scale:.9}),t.label&&xt.createElement(Di,{size:Si.XXS},t.label)))))};var Up;!function(e){e.HORIZONTAL="horizontal",e.VERTICAL="vertical"}(Up||(Up={}));const Wp=It.div`
|
|
1816
1816
|
display: flex;
|
|
1817
1817
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
1818
1818
|
gap: ${({$gap:e})=>e}px;
|
|
1819
|
-
`,Vp=({label:e,size:t,disabled:o,direction:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=ft(()=>a.every(e=>r[e.id]),[a,r]),c=ft(()=>a.some(e=>r[e.id])&&a.some(e=>!r[e.id]),[a,r]),d=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:a.forEach(e=>n[e.id]=t),n})};return xt.createElement(Wp,{$flexDirection:n===Up.HORIZONTAL?"row":"column",$gap:n===Up.HORIZONTAL?16:8},e&&i?xt.createElement(Sp,{label:e,partiallyChecked:c,value:l,onChange:e=>d("",e)}):e&&!i?xt.createElement(Di,null,e):null,a.map(n=>xt.createElement(Sp,{key:`${e}-checkbox-${n.id}`,...n,value:r[n.id],onChange:e=>d(n.id,e),disabled:o,size:t})))},Hp=It(
|
|
1819
|
+
`,Vp=({label:e,size:t,disabled:o,direction:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=ft(()=>a.every(e=>r[e.id]),[a,r]),c=ft(()=>a.some(e=>r[e.id])&&a.some(e=>!r[e.id]),[a,r]),d=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:a.forEach(e=>n[e.id]=t),n})};return xt.createElement(Wp,{$flexDirection:n===Up.HORIZONTAL?"row":"column",$gap:n===Up.HORIZONTAL?16:8},e&&i?xt.createElement(Sp,{label:e,partiallyChecked:c,value:l,onChange:e=>d("",e)}):e&&!i?xt.createElement(Di,null,e):null,a.map(n=>xt.createElement(Sp,{key:`${e}-checkbox-${n.id}`,...n,value:r[n.id],onChange:e=>d(n.id,e),disabled:o,size:t})))},Hp=It(fa)`
|
|
1820
1820
|
width: calc(100% - 20px);
|
|
1821
1821
|
padding: 10px;
|
|
1822
1822
|
border-radius: 6px;
|
|
@@ -1842,7 +1842,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1842
1842
|
flex-shrink: 0;
|
|
1843
1843
|
font-size: 14px;
|
|
1844
1844
|
color: #5ffb98; // TODO: add to theme
|
|
1845
|
-
`,Jp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=
|
|
1845
|
+
`,Jp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=Pa({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]),xt.createElement(Hp,null,xt.createElement(qp,{$hideCopy:t},xt.createElement(Gp,{ref:i},e),a&&xt.createElement(Kp,null,"...")),!t&&xt.createElement(n,{value:e,size:_a.XS}))},Yp=It.div`
|
|
1846
1846
|
display: flex;
|
|
1847
1847
|
align-items: center;
|
|
1848
1848
|
justify-content: space-between;
|
|
@@ -1864,7 +1864,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1864
1864
|
display: flex;
|
|
1865
1865
|
align-items: center;
|
|
1866
1866
|
gap: 12px;
|
|
1867
|
-
`,eu=({icon:e,title:t,actions:o,onClose:n})=>xt.createElement(Yp,null,xt.createElement(Xp,null,xt.createElement(Qp,null,xt.createElement(e,{size:24})),xt.createElement(Di,{size:Si.S},t)),xt.createElement(Zp,null,o?.length?xt.createElement(
|
|
1867
|
+
`,eu=({icon:e,title:t,actions:o,onClose:n})=>xt.createElement(Yp,null,xt.createElement(Xp,null,xt.createElement(Qp,null,xt.createElement(e,{size:24})),xt.createElement(Di,{size:Si.S},t)),xt.createElement(Zp,null,o?.length?xt.createElement(La,{icon:ht,size:_a.M,onClick:()=>alert("todo")}):null,xt.createElement(La,{icon:Ye,size:_a.M,onClick:n}))),tu=It.div`
|
|
1868
1868
|
position: fixed;
|
|
1869
1869
|
top: 0;
|
|
1870
1870
|
bottom: 0;
|
|
@@ -1886,7 +1886,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1886
1886
|
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1887
1887
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1888
1888
|
overflow-y: auto;
|
|
1889
|
-
`,nu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(
|
|
1889
|
+
`,nu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(Na(e),e?jt(xt.createElement(xt.Fragment,null,!t&&xt.createElement(ka,{hidden:!e,onClick:i.onClose}),xt.createElement(tu,{$position:o,$width:n},xt.createElement(eu,{...i}),xt.createElement(ou,{$position:o},a))),document.body):null),iu=It.header`
|
|
1890
1890
|
position: relative;
|
|
1891
1891
|
width: calc(100% - 36px);
|
|
1892
1892
|
padding: 12px 18px;
|
|
@@ -1894,12 +1894,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1894
1894
|
display: flex;
|
|
1895
1895
|
align-items: center;
|
|
1896
1896
|
justify-content: space-between;
|
|
1897
|
-
`,au=It(
|
|
1897
|
+
`,au=It(fa)`
|
|
1898
1898
|
position: absolute;
|
|
1899
1899
|
left: 50%;
|
|
1900
1900
|
transform: translateX(-50%);
|
|
1901
1901
|
gap: 16px;
|
|
1902
|
-
`,ru=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(iu,null,xt.createElement(
|
|
1902
|
+
`,ru=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(iu,null,xt.createElement(fa,{$gap:16},e),xt.createElement(au,null,t),xt.createElement(fa,{$gap:16},o)),su=It.span`
|
|
1903
1903
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1904
1904
|
font-size: 14px;
|
|
1905
1905
|
font-weight: 400;
|
|
@@ -1952,7 +1952,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1952
1952
|
white-space: nowrap;
|
|
1953
1953
|
`,pu=It.div`
|
|
1954
1954
|
cursor: pointer;
|
|
1955
|
-
`,uu=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=co.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Ci.useTheme(),m=s===co.Password,[g,x]=yt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return xt.createElement(
|
|
1955
|
+
`,uu=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=co.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Ci.useTheme(),m=s===co.Password,[g,x]=yt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return xt.createElement(ba,{$gap:6},xt.createElement(fa,{$justifyContent:"space-between"},e&&xt.createElement(lu,null,e),xt.createElement(fa,{$gap:10},o&&xt.createElement(wr,{text:o,withIcon:!0}),t&&xt.createElement(su,null,"*"))),xt.createElement(cu,{$disabled:p,$error:!!a},n?xt.createElement(n,{size:18,fill:$}):null,xt.createElement(du,{"data-id":l,type:g||s===co.Number?co.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===co.Number&&(e.target.value=Wn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?xt.createElement(pu,{onClick:()=>x(e=>!e)},g?xt.createElement(it,{size:18,strokeWidth:2,fill:$}):xt.createElement(at,{size:18,strokeWidth:2,fill:$})):i?xt.createElement(i,{size:18,fill:$}):null),a?xt.createElement(fa,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.red[500]}),xt.createElement(Di,{size:Si.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?xt.createElement(fa,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),xt.createElement(Di,{size:Si.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},hu=Ot`
|
|
1956
1956
|
0% {
|
|
1957
1957
|
background-position: 0% 50%;
|
|
1958
1958
|
}
|
|
@@ -1969,7 +1969,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1969
1969
|
background-clip: text;
|
|
1970
1970
|
color: transparent;
|
|
1971
1971
|
animation: ${hu} 1s reverse linear infinite;
|
|
1972
|
-
`,gu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Ci.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return xt.createElement(xt.Fragment,null,e?xt.createElement(
|
|
1972
|
+
`,gu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Ci.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return xt.createElement(xt.Fragment,null,e?xt.createElement(fa,{$gap:4},t&&xt.createElement(t,null),o?xt.createElement(mu,{$textColor:s,$stripColor:l,...a},e):xt.createElement(Di,{color:s,...a},e)):null)},xu=It.div`
|
|
1973
1973
|
position: fixed;
|
|
1974
1974
|
top: 50%;
|
|
1975
1975
|
left: 50%;
|
|
@@ -1988,7 +1988,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1988
1988
|
position: absolute;
|
|
1989
1989
|
top: 16px;
|
|
1990
1990
|
left: 16px;
|
|
1991
|
-
`,bu=({isOpen:e,onBack:t,onClose:o,children:n})=>(
|
|
1991
|
+
`,bu=({isOpen:e,onBack:t,onClose:o,children:n})=>(Na(e),e?jt(xt.createElement(xt.Fragment,null,xt.createElement(ka,{hidden:!e,onClick:o}),xt.createElement(xu,null,xt.createElement($u,null,t&&xt.createElement(fu,null,xt.createElement(La,{icon:e=>xt.createElement(Ge,{rotate:-90,...e}),size:_a.L,onClick:t})),n))),document.body):null),yu=It.aside`
|
|
1992
1992
|
display: flex;
|
|
1993
1993
|
flex-direction: column;
|
|
1994
1994
|
gap: 8px;
|
|
@@ -2003,7 +2003,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2003
2003
|
gap: 10px;
|
|
2004
2004
|
padding: 4px;
|
|
2005
2005
|
border-radius: 8px;
|
|
2006
|
-
background-color: ${({theme:e,$status:t})=>
|
|
2006
|
+
background-color: ${({theme:e,$status:t})=>vn(e,t,[po.Info].includes(t)?"1000":"900")};
|
|
2007
2007
|
`,vu=It.div`
|
|
2008
2008
|
width: 36px;
|
|
2009
2009
|
height: 36px;
|
|
@@ -2011,8 +2011,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2011
2011
|
align-items: center;
|
|
2012
2012
|
justify-content: center;
|
|
2013
2013
|
border-radius: 6px;
|
|
2014
|
-
background-color: ${({theme:e,$status:t})=>
|
|
2015
|
-
`,Cu=({status:e,message:t})=>{const o=Ci.useTheme(),n=
|
|
2014
|
+
background-color: ${({theme:e,$status:t})=>vn(e,t,[po.Info].includes(t)?"900":"800")};
|
|
2015
|
+
`,Cu=({status:e,message:t})=>{const o=Ci.useTheme(),n=En(e,o);return xt.createElement(ku,{$status:e},xt.createElement("div",null,xt.createElement(vu,{$status:e},xt.createElement(n,{size:24}))),xt.createElement(Di,{color:vn(o,e,e===po.Default?"300":e===po.Info?"400":"500"),size:Si.XXS,weight:400},t))};var Eu;!function(e){e.S="small",e.L="large"}(Eu||(Eu={}));const Su=It.div`
|
|
2016
2016
|
width: fit-content;
|
|
2017
2017
|
display: flex;
|
|
2018
2018
|
align-items: center;
|
|
@@ -2116,7 +2116,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2116
2116
|
right: ${({$rightPosition:e})=>e};
|
|
2117
2117
|
top: 50%;
|
|
2118
2118
|
transform: translateY(-50%);
|
|
2119
|
-
`,Vu=({rowActions:e,rowActionsPushRightPosition:t="12px",row:o})=>xt.createElement(Wu,{$rightPosition:t},e.map(e=>xt.createElement(Ui,{key:e.id,...e,onClick:()=>e.onClick(o)}))),Hu=({columns:e,rows:t,rowActions:o,rowActionsPushRightPosition:n,withCheckboxes:i})=>{const[a,r]=yt(null);return xt.createElement(xt.Fragment,null,t.map(({onClick:s,isSelected:l=!1,onSelect:c,onDeselect:d,cells:p},u)=>{const h=a===u,m=!!s,g=(e,o,n)=>({$isLastRow:u===t.length-1,$isFirstCell:o,$isLastCell:n,$hovered:h,$selected:l,$withClick:e,onClick:()=>e&&s?.(),onMouseEnter:()=>e&&r(u),onMouseLeave:()=>e&&r(null)});return xt.createElement("tr",{key:`row-${u}`},i&&xt.createElement(ju,{key:"checkbox-column",...g(!1,!0,!1)},xt.createElement(Sp,{value:l,onChange:()=>l?d?.():c?.()})),e.map(({key:t,textAlign:a},r)=>{const l=p.find(e=>e.key===t),c=0===r&&!i,d=r===e.length-1;return xt.createElement(ju,{key:`row-${u}-cell-${r}`,...g(m,c,d)},l?.component?xt.createElement(
|
|
2119
|
+
`,Vu=({rowActions:e,rowActionsPushRightPosition:t="12px",row:o})=>xt.createElement(Wu,{$rightPosition:t},e.map(e=>xt.createElement(Ui,{key:e.id,...e,onClick:()=>e.onClick(o)}))),Hu=({columns:e,rows:t,rowActions:o,rowActionsPushRightPosition:n,withCheckboxes:i})=>{const[a,r]=yt(null);return xt.createElement(xt.Fragment,null,t.map(({onClick:s,isSelected:l=!1,onSelect:c,onDeselect:d,cells:p},u)=>{const h=a===u,m=!!s,g=(e,o,n)=>({$isLastRow:u===t.length-1,$isFirstCell:o,$isLastCell:n,$hovered:h,$selected:l,$withClick:e,onClick:()=>e&&s?.(),onMouseEnter:()=>e&&r(u),onMouseLeave:()=>e&&r(null)});return xt.createElement("tr",{key:`row-${u}`},i&&xt.createElement(ju,{key:"checkbox-column",...g(!1,!0,!1)},xt.createElement(Sp,{value:l,onChange:()=>l?d?.():c?.()})),e.map(({key:t,textAlign:a},r)=>{const l=p.find(e=>e.key===t),c=0===r&&!i,d=r===e.length-1;return xt.createElement(ju,{key:`row-${u}-cell-${r}`,...g(m,c,d)},l?.component?xt.createElement(fa,{$justifyContent:"right"===a?"flex-end":"flex-start"},xt.createElement(l.component,null)):xt.createElement(Di,{size:Si.XS,align:a},l?.rawValue||"-"),o.length&&h&&d?xt.createElement(Vu,{rowActions:o,rowActionsPushRightPosition:n,row:{onClick:s,cells:p}}):null)}))}))},qu=({columns:e,sortDirection:t,sortByKey:o,onSort:n,withCheckboxes:i})=>{const a=Ft();return xt.createElement("tr",null,i&&xt.createElement(Pu,{key:"checkbox-column",$minWidth:24,$isFirst:!0,$isLast:!1}),e.map(({key:r,label:s,sortable:l,minWidth:c,textAlign:d},p)=>{const u=0===p&&!i,h=p===e.length-1;return xt.createElement(Pu,{key:`column-${r}`,$minWidth:c,$isFirst:u,$isLast:h},xt.createElement(Uu,{$withClick:l||!1,$textAlign:d,onClick:()=>l?n(r):null},xt.createElement(Di,{size:Si.XS,align:d},s),l&&xt.createElement(Ge,{fill:o===r?a.v2.colors.white[500]:a.v2.colors.grey[400],rotate:t===go.Ascending?0:180})),!h&&xt.createElement(Bu,null))}))},Gu=({maxHeight:e="unset",isLoading:t,columns:o,rows:n,rowActions:i,rowActionsPushRightPosition:a,withCheckboxes:r})=>{const[s,l]=yt(go.Ascending),[c,d]=yt(""),p=vt(e=>{d(e),l(e=>e===go.Ascending?go.Descending:go.Ascending)},[]),u=ft(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue||o.component?.({})?.props?.children)||null};return c?[...n].sort((t,o)=>{const n=e(t,c),i=e(o,c);return(s===go.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)}):n},[n,c,s]);return xt.createElement(_u,{$maxHeight:e},xt.createElement(Ru,null,xt.createElement(Lu,null,xt.createElement(qu,{columns:o,sortDirection:s,sortByKey:c,onSort:p,withCheckboxes:r})),xt.createElement(Mu,null,xt.createElement(Hu,{columns:o,rows:u,rowActions:i||[],rowActionsPushRightPosition:a,withCheckboxes:r}))),!u.length&&xt.createElement(ya,{style:{marginTop:"0.5rem"}},t?xt.createElement(ss,{scale:1.2}):xt.createElement(el,null)))},Ku=It.div`
|
|
2120
2120
|
display: flex;
|
|
2121
2121
|
align-items: center;
|
|
2122
2122
|
justify-content: center;
|
|
@@ -2160,4 +2160,4 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2160
2160
|
border-radius: 100%;
|
|
2161
2161
|
background-color: ${({$color:e})=>e};
|
|
2162
2162
|
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)"};
|
|
2163
|
-
`,eh=({variant:e=Yu.Default,size:t=Xu.L,value:o,onChange:n,disabled:i,withIcon:a,onIcon:r=Ke,offIcon:s=
|
|
2163
|
+
`,eh=({variant:e=Yu.Default,size:t=Xu.L,value:o,onChange:n,disabled:i,withIcon:a,onIcon:r=Ke,offIcon:s=Ye})=>{const l=Ft(),c=i?l.v2.colors.grey[400]:l.v2.colors.white[500],d=t===Xu.S?14:18;return xt.createElement(Qu,{$variant:e,$size:d,$value:o,$disabled:i,onClick:()=>!i&&n(!o)},xt.createElement(Zu,{$color:c,$size:d,$value:o,$disabled:i}),a&&xt.createElement(xt.Fragment,null,xt.createElement(r,{size:d,fill:c}),xt.createElement(s,{size:d,fill:c})))};export{ld as $,jp as A,Ni as B,Sp as C,nu as D,Zo as E,ba as F,ic as G,Kt as H,La as I,xl as J,Yt as K,gu as L,Hr as M,el as N,mo as O,$a as P,Ji as Q,Jt as R,kp as S,Di as T,vl as U,co as V,So as W,zn as X,ud as Y,up as Z,bd as _,fa as a,Oa as a$,lo as a0,_i as a1,Bd as a2,_d as a3,Cc as a4,kd as a5,cp as a6,di as a7,li as a8,oi as a9,ai as aA,qo as aB,Ns as aC,mn as aD,_s as aE,Ca as aF,Ea as aG,ed as aH,un as aI,Sa as aJ,nc as aK,gp as aL,ua as aM,Kn as aN,Pi as aO,xa as aP,pi as aQ,ri as aR,js as aS,hn as aT,Un as aU,nn as aV,Td as aW,Po as aX,pn as aY,dn as aZ,Kd as a_,Ha as aa,en as ab,Hc as ac,kc as ad,Ur as ae,ro as af,ni as ag,Ta as ah,Ro as ai,_o as aj,xs as ak,xc as al,ao as am,si as an,pr as ao,Ed as ap,va as aq,Or as ar,Qo as as,ca as at,hr as au,sn as av,ys as aw,Mn as ax,ho as ay,En as az,Si as b,Ya as b$,ti as b0,Fa as b1,Jo as b2,tn as b3,Go as b4,Ko as b5,Ia as b6,Ga as b7,fr as b8,Ud as b9,cc as bA,$n as bB,vo as bC,Oo as bD,Co as bE,Fo as bF,ko as bG,Eo as bH,wo as bI,ap as bJ,cn as bK,Va as bL,Bo as bM,or as bN,Dn as bO,za as bP,$o as bQ,ul as bR,Cs as bS,nd as bT,Sn as bU,In as bV,vs as bW,Gs as bX,Js as bY,_n as bZ,Vn as b_,wa as ba,qa as bb,Bn as bc,Dl as bd,Yn as be,Mo as bf,Xo as bg,Ka as bh,Ba as bi,mi as bj,Yo as bk,Cr as bl,cs as bm,ws as bn,Es as bo,so as bp,jn as bq,Vo as br,Tn as bs,No as bt,ja as bu,Nn as bv,jo as bw,Lo as bx,Ho as by,op as bz,eh as c,zi as c$,Vl as c0,Io as c1,io as c2,er as c3,Os as c4,ln as c5,Fn as c6,_a as c7,Ml as c8,Zn as c9,fn as cA,bn as cB,yn as cC,kn as cD,An as cE,On as cF,Rn as cG,Pn as cH,Wn as cI,Hn as cJ,qn as cK,Gn as cL,Jn as cM,Xn as cN,Qn as cO,qt as cP,Na as cQ,Ua as cR,ll as cS,ol as cT,wc as cU,_c as cV,jc as cW,Gc as cX,Qc as cY,Ds as cZ,Dc as c_,an as ca,Kr as cb,wn as cc,As as cd,Gt as ce,Xt as cf,Qt as cg,Zt as ch,eo as ci,to as cj,oo as ck,no as cl,uo as cm,go as cn,xo as co,fo as cp,bo as cq,yo as cr,Ao as cs,Do as ct,To as cu,zo as cv,Uo as cw,on as cx,gn as cy,xn as cz,Xu as d,Oi as d0,Fi as d1,jr as d2,ka as d3,qi as d4,xp as d5,zp as d6,vp as d7,Up as d8,Vp as d9,Ip as da,ru as db,uu as dc,bu as dd,wu as de,Cu as df,Eu as dg,Du as dh,Tu as di,Iu as dj,Ju as dk,Yu as dl,Ei as dm,wr as e,Ui as f,Bi as g,tr as h,_p as i,rn as j,Op as k,Mi as l,Gu as m,po as n,Ci as o,Pa as p,Cn as q,ya as r,ss as s,bp as t,Aa as u,Jp as v,ts as w,vn as x,Fu as y,Pp as z};
|