@odigos/ui-kit 0.0.159 → 0.0.160
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 +7 -0
- package/lib/chunks/index-ddeae825.js +3 -0
- package/lib/chunks/{ui-components-f482fcd2.js → ui-components-b00f42a0.js} +235 -229
- package/lib/components/_v2/badge/index.d.ts +1 -0
- package/lib/components/_v2/cards/section-card/index.d.ts +0 -2
- package/lib/components/_v2/cards/section-part-card/index.d.ts +11 -0
- package/lib/components/_v2/table/index.d.ts +2 -2
- package/lib/components/_v2/table/styled.d.ts +1 -0
- package/lib/components/_v2/table/table-columns/index.d.ts +2 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/pipeline-collectors/pods-info/index.d.ts +1 -1
- package/lib/containers/v2.js +10 -10
- package/lib/containers.js +1 -1
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/pipeline-collectors/index.d.ts +1 -2
- package/lib/types.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/index-f8b63983.js +0 -3
|
@@ -1,48 +1,77 @@
|
|
|
1
|
-
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as h,PythonLogo as m,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as C,PostgresLogo as E,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as I,AxiomLogo as N,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as F,BonreeLogo as _,CauselyLogo as R,ChecklyLogo as B,ChronosphereLogo as L,ClickhouseLogo as P,AwsCloudwatchLogo as M,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as W,OpenTelemetryLogo as V,DynatraceLogo as H,ElasticApmLogo as q,ElasticSearchLogo as G,GoogleCloudPlatformLogo as K,GrafanaLogo as Y,GreptimeLogo as J,GroundcoverLogo as X,HoneycombLogo as Q,HyperDxLogo as Z,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as he,OpsVerseLogo as me,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ce,TelemetryHubLogo as Ee,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ie,AwsXrayLogo as Ne,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as Fe,ActionIcon as _e,InstrumentationRuleIcon as Re,LogsIcon as Be,MetricsIcon as Le,TracesIcon as Pe,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Qe,ExtendArrowIcon as Ze,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt,FilterIcon as gt}from"../icons.js";import{create as xt}from"zustand";import $t,{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as kt,createContext as vt,useContext as Ct,useCallback as Et,forwardRef as St,memo as At}from"react";import Dt from"javascript-time-ago";import{p as Tt,c as It,s as Nt,u as zt,e as Ot}from"./vendor-55cc654c.js";import Ft,{ThemeProvider as _t,keyframes as Rt,useTheme as Bt,css as Lt}from"styled-components";import{Handle as Pt,Position as Mt,ReactFlow as jt,Controls as Ut}from"@xyflow/react";import Wt,{createPortal as Vt}from"react-dom";import{Highlight as Ht,themes as qt}from"prism-react-renderer";import{ErrorBoundary as Gt}from"react-error-boundary";import Kt from"lottie-react";const Yt=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Jt,Xt,Qt,Zt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,Io,No,zo,Oo,Fo,_o,Ro;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Jt||(Jt={})),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"}(Xt||(Xt={})),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"}(Qt||(Qt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Zt||(Zt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(eo||(eo={})),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"}(to||(to={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(oo||(oo={})),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"}(no||(no={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(io||(io={})),function(e){e.Ascending="ascending",e.Descending="descending"}(ao||(ao={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(ro||(ro={})),function(e){e.K8s="k8s",e.Vm="vm"}(so||(so={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(lo||(lo={})),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"}(co||(co={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(po||(po={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(uo||(uo={})),function(e){e.DataStream="DataStream"}(ho||(ho={})),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"}(mo||(mo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(go||(go={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(xo||(xo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}($o||($o={})),function(e){e.Loading="loading",e.Disabled="disabled"}(fo||(fo={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(bo||(bo={})),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"}(yo||(yo={})),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"}(wo||(wo={})),function(e){e.Labeled="labeled"}(ko||(ko={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(vo||(vo={})),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"}(Co||(Co={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(Eo||(Eo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(So||(So={})),function(e){e.HeaderKeys="headerKeys"}(Ao||(Ao={})),function(e){e.Java="java",e.Golang="golang"}(Do||(Do={}));class Bo{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 Lo{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"}(To||(To={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Io||(Io={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(No||(No={})),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"}(zo||(zo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Oo||(Oo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Fo||(Fo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(_o||(_o={})),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"}(Ro||(Ro={}));const Po=s=>{const l=s?.toLowerCase(),c=l?.includes(Jt.Samplers),d=l===Jt.Attributes;return c?e:d?t:{[Xt.K8sAttributes]:n,[Xt.AddClusterInfo]:i,[Xt.DeleteAttributes]:a,[Xt.PiiMasking]:t,[Xt.RenameAttributes]:r,[Xt.ErrorSampler]:e,[Xt.ProbabilisticSampler]:e,[Xt.LatencySampler]:e,[Xt.ServiceNameSampler]:e,[Xt.SpanAttributeSampler]:e}[s]||o},Mo=[{label:"Attributes",icon:Po(Jt.Attributes),items:[{type:Xt.K8sAttributes,icon:Po(Xt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Fo.Traces,Fo.Metrics,Fo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Xt.AddClusterInfo,icon:Po(Xt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Fo.Traces,Fo.Metrics,Fo.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:Xt.DeleteAttributes,icon:Po(Xt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Fo.Traces,Fo.Metrics,Fo.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:Xt.RenameAttributes,icon:Po(Xt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Fo.Traces,Fo.Metrics,Fo.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:Xt.PiiMasking,icon:Po(Xt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Fo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Po(Jt.Samplers),items:[{type:Xt.ErrorSampler,icon:Po(Jt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Fo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Xt.LatencySampler,icon:Po(Jt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Fo.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:Xt.ProbabilisticSampler,icon:Po(Jt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Fo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Xt.ServiceNameSampler,icon:Po(Jt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Fo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Xt.SpanAttributeSampler,icon:Po(Jt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Fo.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."}]}],jo={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."}},Uo=e=>({[Eo.CodeAttributes]:s,[Eo.CustomInstrumentation]:l,[Eo.HeadersCollection]:c,[Eo.PayloadCollection]:d,[Eo.UnknownType]:o}[e]||o),Wo=[{type:Eo.CodeAttributes,icon:Uo(Eo.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:[co.Go,co.Python]},{type:Eo.CustomInstrumentation,icon:Uo(Eo.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:[co.Go,co.Java]},{type:Eo.HeadersCollection,icon:Uo(Eo.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:[co.Go,co.Java,co.JavaScript]},{type:Eo.PayloadCollection,icon:Uo(Eo.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:[co.Go]}],Vo=[{id:Fo.Logs,value:"Logs"},{id:Fo.Metrics,value:"Metrics"},{id:Fo.Traces,value:"Traces"}],Ho=e=>e.charAt(0).toUpperCase()+e.slice(1),qo=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 Go;!function(e){e.SIGNALS="SIGNALS"}(Go||(Go={}));const Ko=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Go.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}},Yo=e=>JSON.parse(JSON.stringify(e)),Jo=(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},Xo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Qo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Zo=(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===xo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},en="default",tn={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},on={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)'},nn={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},an={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"},rn=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===en&&!e.dataStreamNames.length):[],sn=(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?sn(e,n,o):o[n]=e}):o[a]=i:sn(i,a,o)}return o},ln=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]}`},cn=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`}},dn=()=>{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)})},pn=e=>{const t=e?.filter(({status:e})=>e===xo.Error),o=e?.filter(({status:e})=>e===xo.Warning),n=e?.filter(({status:e})=>e===fo.Disabled),i=e?.filter(({status:e})=>e===fo.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?xo.Error:r?xo.Warning:s?xo.Info:void 0}},un=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},hn=e=>({[co.Java]:p,[co.Go]:u,[co.JavaScript]:h,[co.Python]:m,[co.DotNet]:g,[co.CSharp]:x,[co.CPlusPlus]:$,[co.Php]:f,[co.Ruby]:b,[co.Rust]:y,[co.Swift]:w,[co.Elixir]:k,[co.MySql]:v,[co.Nginx]:C,[co.Postgres]:E,[co.Redis]:S,[co.Kafka]:A,[co.Ignored]:o,[co.Unknown]:o,[co.Processing]:o,[co.NoContainers]:o,[co.NoRunningPods]:o}[e]||o),mn=e=>e?.map(({language:e})=>hn(e))||[],gn=(e,t)=>{const o={[Co.Alauda]:D,[Co.AlibabaCloud]:T,[Co.AppDynamics]:I,[Co.Axiom]:N,[Co.AzureBlob]:z,[Co.AzureMonitor]:O,[Co.BetterStack]:F,[Co.Bonree]:_,[Co.Causely]:R,[Co.Checkly]:B,[Co.Chronosphere]:L,[Co.ClickHouse]:P,[Co.CloudWatch]:M,[Co.Coralogix]:j,[Co.Dash0]:U,[Co.Datadog]:W,[Co.Dynamic]:V,[Co.Dynatrace]:H,[Co.ElasticApm]:q,[Co.ElasticSearch]:G,[Co.GoogleCloud]:K,[Co.GoogleCloudOTLP]:K,[Co.GrafanaCloudLoki]:Y,[Co.GrafanaCloudPrometheus]:Y,[Co.GrafanaCloudTempo]:Y,[Co.Greptime]:J,[Co.Groundcover]:X,[Co.Honeycomb]:Q,[Co.HyperDX]:Z,[Co.Instana]:ee,[Co.Jaeger]:te,[Co.Kafka]:A,[Co.Kloudmate]:oe,[Co.Last9]:ne,[Co.Lightstep]:ie,[Co.LogzIo]:ae,[Co.Loki]:re,[Co.Lumigo]:se,[Co.Middleware]:le,[Co.NewRelic]:ce,[Co.Observe]:de,[Co.Odigos]:pe,[Co.OneUptime]:ue,[Co.OpenObserve]:he,[Co.Opsverse]:me,[Co.Oracle]:ge,[Co.OTLP]:V,[Co.OTLPHttp]:V,[Co.Prometheus]:xe,[Co.Qryn]:$e,[Co.QrynOss]:fe,[Co.Quickwit]:be,[Co.S3]:ye,[Co.Seq]:we,[Co.Signoz]:ke,[Co.Splunk]:ve,[Co.SplunkSapm]:ve,[Co.SplunkOtlp]:ve,[Co.SumoLogic]:Ce,[Co.TelemetryHub]:Ee,[Co.Tempo]:Se,[Co.Tingyun]:Ae,[Co.Traceloop]:De,[Co.Uptrace]:Te,[Co.VictoriaMetrics]:Ie,[Co.VictoriaMetricsCloud]:Ie,[Co.XRay]:Ne}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},xn=e=>({[uo.Namespace]:ze,[uo.Source]:Oe,[uo.Destination]:Fe,[uo.Action]:_e,[uo.InstrumentationRule]:Re}[e]),$n=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,fn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case uo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case uo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case uo.Action:const n=e;a=n.type,r=n.name;break;case uo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case uo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},bn=(e,t)=>{if(t===uo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},yn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?co.Processing:co.NoRunningPods;const n=o?.filter(e=>e.language!==co.Ignored);if(!n.length)return co.NoContainers;const i=n.find(e=>e.language!==co.Unknown);return i?i.language:co.Unknown},wn=(e,t,o)=>(t===uo.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},kn=e=>({[Fo.Logs]:Be,[Fo.Metrics]:Le,[Fo.Traces]:Pe}[e]),vn=e=>e?{[so.K8s]:n,[so.Vm]:Me}[e]:pe,Cn=e=>e?{[so.K8s]:"Kubernetes Cluster",[so.Vm]:"Virtual Machine"}[e]:"Unknown",En=(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(...En(e,t,o)),i}):[]},Sn=(e,t)=>{if(t===uo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},An=(e,t,o)=>{switch(t){case xo.Default:return e.v2.colors.purple[o];case xo.Info:return e.v2.colors.blue[o];case xo.Error:return e.v2.colors.red[o];case xo.Warning:return e.v2.colors.yellow[o];case xo.Success:return e.v2.colors.green[o];case bo.Disabled:case bo.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},Dn=e=>{switch(e){case Io.Updating:case No.Pending:case zo.ContainerCreating:case Oo.Waiting:return xo.Info;case Io.Healthy:case No.Succeeded:case No.Running:case zo.Running:case Oo.Running:return xo.Success;case Io.Degraded:return xo.Warning;case Io.Failed:case No.Failed:case zo.Error:case zo.CrashLoopBackOff:case zo.CreateContainerError:case zo.CreateContainerConfigError:case zo.ErrImagePull:case zo.ErrImageNeverPull:case zo.ImagePullBackOff:case zo.InvalidImageName:case zo.RegistryUnavailable:case zo.NetworkNotReady:case zo.OOMKilled:case zo.ContainerCannotRun:case Oo.Terminated:case zo.DeadlineExceeded:case zo.StartError:return xo.Error;case Io.Down:case zo.Completed:return bo.Disabled;case Io.Unknown:case No.Unknown:default:return bo.Unknown}},Tn=(e,t)=>({[xo.Default]:o=>pe({fill:An(t,e,"300"),...o}),[xo.Info]:o=>je({fill:An(t,e,"400"),...o}),[xo.Error]:o=>Ue({fill:An(t,e,"500"),...o}),[xo.Warning]:o=>We({fill:An(t,e,"500"),...o}),[xo.Success]:o=>Ve({fill:An(t,e,"500"),...o}),[bo.Disabled]:o=>He({fill:An(t,e,"400"),...o}),[bo.Unknown]:o=>qe({fill:An(t,e,"300"),...o})}[e]),In=e=>{switch(e){case Ro.Success:return xo.Success;case Ro.Error:case Ro.Failure:return xo.Error;case Ro.Notice:return xo.Warning;case Ro.Unsupported:case Ro.Unknown:return xo.Info;case Ro.Irrelevant:case Ro.Disabled:return fo.Disabled;case Ro.Waiting:return fo.Loading;case Ro.Pending:default:return xo.Default}},Nn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},zn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function On(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Fn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=On(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},_n=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==xo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Rn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),Bn=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Ln=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Pn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Mn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,jn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Un=e=>jn.test(e),Wn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Vn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Wn(t),reason:o?Wn(o):"",message:n,lastTransitionTime:i}))||[],Hn=(e,t)=>{const o=On(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}))},qn=e=>e?Object.keys(e).filter(t=>e[t]):[],Gn=e=>e.replace(/[^\d]/g,""),Kn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Yn=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},Xn=(e,t=2)=>JSON.stringify(e||{},null,t),Qn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Zn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),ei=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)},ti={[co.Go]:"Go",[co.Java]:"Java",[co.JavaScript]:"Node.js",[co.Python]:"Python",[co.DotNet]:".NET",[co.CSharp]:"C#",[co.CPlusPlus]:"C++",[co.Php]:"PHP",[co.Ruby]:"Ruby",[co.Rust]:"Rust",[co.Swift]:"Swift",[co.Elixir]:"Elixir",[co.MySql]:"MySQL",[co.Nginx]:"Nginx",[co.Postgres]:"PostgreSQL",[co.Redis]:"Redis",[co.Kafka]:"Kafka",[co.Ignored]:"Ignored",[co.Unknown]:"Unknown",[co.Processing]:"Processing",[co.NoContainers]:"No Containers",[co.NoRunningPods]:"No Running Pods"},oi=[{id:co.Go,value:ti[co.Go],icon:hn(co.Go)},{id:co.Java,value:ti[co.Java],icon:hn(co.Java)},{id:co.JavaScript,value:ti[co.JavaScript],icon:hn(co.JavaScript)},{id:co.Python,value:ti[co.Python],icon:hn(co.Python)},{id:co.Php,value:ti[co.Php],icon:hn(co.Php)},{id:co.Ruby,value:ti[co.Ruby],icon:hn(co.Ruby)},{id:co.Rust,value:ti[co.Rust],icon:hn(co.Rust)},{id:co.DotNet,value:ti[co.DotNet],icon:hn(co.DotNet)},{id:co.CSharp,value:ti[co.CSharp],icon:hn(co.CSharp)},{id:co.CPlusPlus,value:ti[co.CPlusPlus],icon:hn(co.CPlusPlus)},{id:co.Swift,value:ti[co.Swift],icon:hn(co.Swift)},{id:co.Elixir,value:ti[co.Elixir],icon:hn(co.Elixir)}],ni=6048e5,ii=xt()(Tt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:tn.DARK_MODE,storage:"undefined"!=typeof window?It(()=>localStorage):void 0})),ai={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ri=xt(e=>({...ai,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(ai)})),si=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),li=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===uo.Namespace?"namespacesLoading":t===uo.Source?"sourcesLoading":t===uo.Destination?"destinationsLoading":t===uo.Action?"actionsLoading":t===uo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===uo.Namespace?"namespaces":t===uo.Source?"sources":t===uo.Destination?"destinations":t===uo.Action?"actions":t===uo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===uo.Namespace?"namespaces":t===uo.Source?"sources":t===uo.Destination?"destinations":t===uo.Action?"actions":t===uo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify($n(t))===JSON.stringify($n(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===uo.Namespace?"namespaces":t===uo.Source?"sources":t===uo.Destination?"destinations":t===uo.Action?"actions":t===uo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===uo.Source?JSON.stringify($n(o))===JSON.stringify($n(e)):$n(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:[]})}})),ci=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),di=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:ci})),pi=xt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),ui=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),hi=xt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),mi=(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},gi=xt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>mi(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>mi(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===uo.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}})),xi=xt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),$i={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},fi=(e,t)=>e.destinationType.type!==t.destinationType.type,bi=xt(e=>({...$i,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=>fi(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=>fi(e,t))})),clearStore:()=>e(()=>({...$i}))})),yi={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"}},wi={v2:yi.v2,darkMode:!0,colors:{...yi.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:yi.font_family},ki={v2:yi.v2,darkMode:!1,colors:{...yi.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:yi.font_family},vi=e=>e?wi:ki;var Ci=Object.freeze({__proto__:null,baseTheme:yi,darkModeTheme:wi,getTheme:vi,lightModeTheme:ki});Nt('@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 Ei={in:{left:Rt`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,JavaLogo as s,GoLogo as l,NodejsLogo as c,PythonLogo as d,DotnetLogo as p,CSharpLogo as u,CPlusPlusLogo as h,PhpLogo as m,RubyLogo as g,RustLogo as x,SwiftLogo as $,ElixirLogo as f,MysqlLogo as b,NginxLogo as y,PostgresLogo as w,RedisLogo as k,KafkaLogo as v,AlaudaLogo as C,AlibabaCloudLogo as E,AppDynamicsLogo as S,AxiomLogo as A,AzureBlobLogo as D,AzureMonitorLogo as T,BetterStackLogo as I,BonreeLogo as N,CauselyLogo as z,ChecklyLogo as O,ChronosphereLogo as F,ClickhouseLogo as _,AwsCloudwatchLogo as R,CoralogixLogo as B,Dash0Logo as L,DatadogLogo as P,OpenTelemetryLogo as M,DynatraceLogo as j,ElasticApmLogo as U,ElasticSearchLogo as W,GoogleCloudPlatformLogo as V,GrafanaLogo as H,GreptimeLogo as q,GroundcoverLogo as G,HoneycombLogo as K,HyperDxLogo as Y,InstanaLogo as J,JaegerLogo as X,KloudmateLogo as Q,Last9Logo as Z,LightstepLogo as ee,LogzioLogo as te,LokiLogo as oe,LumigoLogo as ne,MiddlewareLogo as ie,NewRelicLogo as ae,ObserveLogo as re,OdigosLogo as se,OneUptimeLogo as le,OpenObserveLogo as ce,OpsVerseLogo as de,OracleLogo as pe,PrometheusLogo as ue,QrynLogo as he,GigapipeLogo as me,QuickwitLogo as ge,AwsS3Logo as xe,SeqLogo as $e,SignozLogo as fe,SplunkLogo as be,SumoLogicLogo as ye,TelemetryHubLogo as we,TempoLogo as ke,TingyunLogo as ve,TraceloopLogo as Ce,UptraceLogo as Ee,VictoriaMetricsLogo as Se,AwsXrayLogo as Ae,NamespacesIcon as De,SourceIcon as Te,DestinationIcon as Ie,ActionIcon as Ne,InstrumentationRuleIcon as ze,CodeAttributesIcon as Oe,CustomInstrumentationIcon as Fe,HeadersCollectionIcon as _e,PayloadCollectionIcon as Re,LogsIcon as Be,MetricsIcon as Le,TracesIcon as Pe,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Qe,ExtendArrowIcon as Ze,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt,FilterIcon as gt}from"../icons.js";import{create as xt}from"zustand";import $t,{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as kt,createContext as vt,useContext as Ct,useCallback as Et,forwardRef as St,memo as At}from"react";import Dt from"javascript-time-ago";import{p as Tt,c as It,s as Nt,u as zt,e as Ot}from"./vendor-55cc654c.js";import Ft,{css as _t,useTheme as Rt,ThemeProvider as Bt,keyframes as Lt}from"styled-components";import{Handle as Pt,Position as Mt,ReactFlow as jt,Controls as Ut}from"@xyflow/react";import Wt,{createPortal as Vt}from"react-dom";import{Highlight as Ht,themes as qt}from"prism-react-renderer";import{ErrorBoundary as Gt}from"react-error-boundary";import Kt from"lottie-react";const Yt=e=>e.charAt(0).toUpperCase()+e.slice(1),Jt=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 Xt;!function(e){e.SIGNALS="SIGNALS"}(Xt||(Xt={}));const Qt=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Xt.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}},Zt=e=>JSON.parse(JSON.stringify(e)),eo=(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},to=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},oo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,Io,No,zo,Oo,Fo,_o,Ro,Bo,Lo,Po,Mo,jo,Uo,Wo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(no||(no={})),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"}(io||(io={})),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"}(ao||(ao={})),function(e){e.Pod="pod",e.Namespace="namespace"}(ro||(ro={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(so||(so={})),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"}(lo||(lo={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(co||(co={})),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"}(po||(po={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(uo||(uo={})),function(e){e.Ascending="ascending",e.Descending="descending"}(ho||(ho={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(mo||(mo={})),function(e){e.K8s="k8s",e.Vm="vm"}(go||(go={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(xo||(xo={})),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"}($o||($o={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(fo||(fo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(bo||(bo={})),function(e){e.DataStream="DataStream"}(yo||(yo={})),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"}(wo||(wo={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(ko||(ko={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(vo||(vo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Co||(Co={})),function(e){e.Loading="loading",e.Disabled="disabled"}(Eo||(Eo={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(So||(So={})),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"}(Ao||(Ao={})),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"}(Do||(Do={})),function(e){e.Labeled="labeled"}(To||(To={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Io||(Io={})),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"}(No||(No={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(zo||(zo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Oo||(Oo={})),function(e){e.HeaderKeys="headerKeys"}(Fo||(Fo={})),function(e){e.Java="java",e.Golang="golang"}(_o||(_o={}));class Vo{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 Ho{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"}(Ro||(Ro={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Bo||(Bo={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Lo||(Lo={})),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"}(Po||(Po={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Mo||(Mo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(jo||(jo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(Uo||(Uo={})),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"}(Wo||(Wo={}));const qo=(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===vo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Go="default",Ko={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Yo={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)'},Jo={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},Xo={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"},Qo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Go&&!e.dataStreamNames.length):[],Zo=(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?Zo(e,n,o):o[n]=e}):o[a]=i:Zo(i,a,o)}return o},en=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]}`},tn=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`}},on=()=>{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)})},nn=s=>{const l=s?.toLowerCase(),c=l?.includes(no.Samplers),d=l===no.Attributes;return c?e:d?t:{[io.K8sAttributes]:n,[io.AddClusterInfo]:i,[io.DeleteAttributes]:a,[io.PiiMasking]:t,[io.RenameAttributes]:r,[io.ErrorSampler]:e,[io.ProbabilisticSampler]:e,[io.LatencySampler]:e,[io.ServiceNameSampler]:e,[io.SpanAttributeSampler]:e}[s]||o},an=e=>{const t=e?.filter(({status:e})=>e===vo.Error),o=e?.filter(({status:e})=>e===vo.Warning),n=e?.filter(({status:e})=>e===Eo.Disabled),i=e?.filter(({status:e})=>e===Eo.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?vo.Error:r?vo.Warning:s?vo.Info:void 0}},rn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},sn=e=>({[$o.Java]:s,[$o.Go]:l,[$o.JavaScript]:c,[$o.Python]:d,[$o.DotNet]:p,[$o.CSharp]:u,[$o.CPlusPlus]:h,[$o.Php]:m,[$o.Ruby]:g,[$o.Rust]:x,[$o.Swift]:$,[$o.Elixir]:f,[$o.MySql]:b,[$o.Nginx]:y,[$o.Postgres]:w,[$o.Redis]:k,[$o.Kafka]:v,[$o.Ignored]:o,[$o.Unknown]:o,[$o.Processing]:o,[$o.NoContainers]:o,[$o.NoRunningPods]:o}[e]||o),ln=e=>e?.map(({language:e})=>sn(e))||[],cn=(e,t)=>{const o={[No.Alauda]:C,[No.AlibabaCloud]:E,[No.AppDynamics]:S,[No.Axiom]:A,[No.AzureBlob]:D,[No.AzureMonitor]:T,[No.BetterStack]:I,[No.Bonree]:N,[No.Causely]:z,[No.Checkly]:O,[No.Chronosphere]:F,[No.ClickHouse]:_,[No.CloudWatch]:R,[No.Coralogix]:B,[No.Dash0]:L,[No.Datadog]:P,[No.Dynamic]:M,[No.Dynatrace]:j,[No.ElasticApm]:U,[No.ElasticSearch]:W,[No.GoogleCloud]:V,[No.GoogleCloudOTLP]:V,[No.GrafanaCloudLoki]:H,[No.GrafanaCloudPrometheus]:H,[No.GrafanaCloudTempo]:H,[No.Greptime]:q,[No.Groundcover]:G,[No.Honeycomb]:K,[No.HyperDX]:Y,[No.Instana]:J,[No.Jaeger]:X,[No.Kafka]:v,[No.Kloudmate]:Q,[No.Last9]:Z,[No.Lightstep]:ee,[No.LogzIo]:te,[No.Loki]:oe,[No.Lumigo]:ne,[No.Middleware]:ie,[No.NewRelic]:ae,[No.Observe]:re,[No.Odigos]:se,[No.OneUptime]:le,[No.OpenObserve]:ce,[No.Opsverse]:de,[No.Oracle]:pe,[No.OTLP]:M,[No.OTLPHttp]:M,[No.Prometheus]:ue,[No.Qryn]:he,[No.QrynOss]:me,[No.Quickwit]:ge,[No.S3]:xe,[No.Seq]:$e,[No.Signoz]:fe,[No.Splunk]:be,[No.SplunkSapm]:be,[No.SplunkOtlp]:be,[No.SumoLogic]:ye,[No.TelemetryHub]:we,[No.Tempo]:ke,[No.Tingyun]:ve,[No.Traceloop]:Ce,[No.Uptrace]:Ee,[No.VictoriaMetrics]:Se,[No.VictoriaMetricsCloud]:Se,[No.XRay]:Ae}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},dn=e=>({[bo.Namespace]:De,[bo.Source]:Te,[bo.Destination]:Ie,[bo.Action]:Ne,[bo.InstrumentationRule]:ze}[e]),pn=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,un=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case bo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case bo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case bo.Action:const n=e;a=n.type,r=n.name;break;case bo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case bo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},hn=(e,t)=>{if(t===bo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},mn=e=>({[zo.CodeAttributes]:Oe,[zo.CustomInstrumentation]:Fe,[zo.HeadersCollection]:_e,[zo.PayloadCollection]:Re,[zo.UnknownType]:o}[e]||o),gn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?$o.Processing:$o.NoRunningPods;const n=o?.filter(e=>e.language!==$o.Ignored);if(!n.length)return $o.NoContainers;const i=n.find(e=>e.language!==$o.Unknown);return i?i.language:$o.Unknown},xn=(e,t,o)=>(t===bo.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},$n=e=>({[jo.Logs]:Be,[jo.Metrics]:Le,[jo.Traces]:Pe}[e]),fn=e=>e?{[go.K8s]:n,[go.Vm]:Me}[e]:se,bn=e=>e?{[go.K8s]:"Kubernetes Cluster",[go.Vm]:"Virtual Machine"}[e]:"Unknown",yn=(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(...yn(e,t,o)),i}):[]},wn=(e,t)=>{if(t===bo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},kn=(e,t,o)=>{switch(t){case vo.Default:return e.v2.colors.purple[o];case vo.Info:return e.v2.colors.blue[o];case vo.Error:return e.v2.colors.red[o];case vo.Warning:return e.v2.colors.yellow[o];case vo.Success:return e.v2.colors.green[o];case So.Disabled:case So.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},vn=e=>{switch(e){case Bo.Updating:case Lo.Pending:case Po.ContainerCreating:case Mo.Waiting:return vo.Info;case Bo.Healthy:case Lo.Succeeded:case Lo.Running:case Po.Running:case Mo.Running:return vo.Success;case Bo.Degraded:return vo.Warning;case Bo.Failed:case Lo.Failed:case Po.Error:case Po.CrashLoopBackOff:case Po.CreateContainerError:case Po.CreateContainerConfigError:case Po.ErrImagePull:case Po.ErrImageNeverPull:case Po.ImagePullBackOff:case Po.InvalidImageName:case Po.RegistryUnavailable:case Po.NetworkNotReady:case Po.OOMKilled:case Po.ContainerCannotRun:case Mo.Terminated:case Po.DeadlineExceeded:case Po.StartError:return vo.Error;case Bo.Down:case Po.Completed:return So.Disabled;case Bo.Unknown:case Lo.Unknown:default:return So.Unknown}},Cn=(e,t)=>({[vo.Default]:o=>se({fill:kn(t,e,"300"),...o}),[vo.Info]:o=>je({fill:kn(t,e,"400"),...o}),[vo.Error]:o=>Ue({fill:kn(t,e,"500"),...o}),[vo.Warning]:o=>We({fill:kn(t,e,"500"),...o}),[vo.Success]:o=>Ve({fill:kn(t,e,"500"),...o}),[So.Disabled]:o=>He({fill:kn(t,e,"400"),...o}),[So.Unknown]:o=>qe({fill:kn(t,e,"300"),...o})}[e]),En=e=>{switch(e){case Wo.Success:return vo.Success;case Wo.Error:case Wo.Failure:return vo.Error;case Wo.Notice:return vo.Warning;case Wo.Unsupported:case Wo.Unknown:return vo.Info;case Wo.Irrelevant:case Wo.Disabled:return Eo.Disabled;case Wo.Waiting:return Eo.Loading;case Wo.Pending:default:return vo.Default}},Sn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},An=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Dn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Tn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Dn(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!==vo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Nn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),zn=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),On=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Fn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},_n=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Rn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Bn=e=>Rn.test(e),Ln=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Pn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Ln(t),reason:o?Ln(o):"",message:n,lastTransitionTime:i}))||[],Mn=(e,t)=>{const o=Dn(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}))},jn=e=>e?Object.keys(e).filter(t=>e[t]):[],Un=e=>e.replace(/[^\d]/g,""),Wn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Vn=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},Hn=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=>Hn(e)))}else if("object"==typeof n&&null!==n){const e=Hn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},qn=(e,t=2)=>JSON.stringify(e||{},null,t),Gn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Kn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Yn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)};var Jn,Xn;!function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.Span="span"}(Jn||(Jn={})),function(e){e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(Xn||(Xn={}));const Qn=Ft.p`
|
|
2
|
+
margin: 0;
|
|
3
|
+
color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
|
|
4
|
+
font-family: ${({theme:e})=>e.font_family.primary};
|
|
5
|
+
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
6
|
+
font-weight: ${({$weight:e})=>e};
|
|
7
|
+
text-align: ${({$align:e})=>e};
|
|
8
|
+
text-transform: ${({$transform:e})=>e};
|
|
9
|
+
line-height: ${({theme:e,$lineHeight:t,$size:o})=>t||`${e.v2.text.size[o]+2}px`};
|
|
10
|
+
|
|
11
|
+
${({$nowrap:e})=>e&&_t`
|
|
12
|
+
text-wrap: nowrap;
|
|
13
|
+
white-space: nowrap;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
text-overflow: ellipsis;
|
|
16
|
+
`}
|
|
17
|
+
|
|
18
|
+
${({$underline:e})=>e&&_t`
|
|
19
|
+
text-decoration: underline;
|
|
20
|
+
`}
|
|
21
|
+
`,Zn=({children:e,variant:t=Jn.P,color:o,size:n=Xn.S,weight:i=400,align:a="left",lineHeight:r,transform:s,nowrap:l,underline:c,...d})=>{const p=e?.toString().split("\n")||[];return $t.createElement(Qn,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,$nowrap:l,$underline:c,...d},p.map((e,t)=>$t.createElement(ft,{key:`typography-${t}-${e}`},e,t!==p.length-1&&$t.createElement("br",null))))},ei=Ft.div`
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
gap: 4px;
|
|
26
|
+
width: fit-content;
|
|
27
|
+
padding: 4px 8px;
|
|
28
|
+
border-radius: 100px;
|
|
29
|
+
background-color: ${({$backgroundColor:e})=>e};
|
|
30
|
+
`,ti=({label:e,leftIcon:t,rightIcon:o,status:n,useSecondaryTone:i=!1,invertColors:a=!1})=>{const r=Rt(),s=n?[So.Disabled].includes(n)?kn(r,n,a?"400":"700"):[So.Unknown].includes(n)?kn(r,n,"600"):kn(r,n,a?i?"400":"300":i?"700":"500"):r.v2.colors.grey[200],l=a&&![So.Unknown].includes(n)?s:[So.Disabled].includes(n)?r.v2.colors.grey[400]:[vo.Error,vo.Warning,vo.Success].includes(n)?r.v2.colors.black[500]:r.v2.colors.white[500],c=a&&![So.Unknown].includes(n)?[So.Disabled].includes(n)?r.v2.colors.grey[700]:r.v2.colors.silver[600]:s;return $t.createElement(ei,{$backgroundColor:c},t&&$t.createElement(t,{fill:l,size:14}),$t.createElement(Zn,{color:l,size:Xn.XXS,nowrap:!0},e),o&&$t.createElement(o,{fill:l,size:14}))},oi=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),ni=[{label:"Attributes",icon:nn(no.Attributes),items:[{type:io.K8sAttributes,icon:nn(io.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[jo.Traces,jo.Metrics,jo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:io.AddClusterInfo,icon:nn(io.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[jo.Traces,jo.Metrics,jo.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:io.DeleteAttributes,icon:nn(io.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[jo.Traces,jo.Metrics,jo.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:io.RenameAttributes,icon:nn(io.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[jo.Traces,jo.Metrics,jo.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:io.PiiMasking,icon:nn(io.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[jo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:nn(no.Samplers),items:[{type:io.ErrorSampler,icon:nn(no.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[jo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:io.LatencySampler,icon:nn(no.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[jo.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:io.ProbabilisticSampler,icon:nn(no.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[jo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:io.ServiceNameSampler,icon:nn(no.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[jo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:io.SpanAttributeSampler,icon:nn(no.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[jo.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."}]}],ii={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."}},ai=[{type:zo.CodeAttributes,icon:mn(zo.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:[$o.Go,$o.Python]},{type:zo.CustomInstrumentation,icon:mn(zo.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:[$o.Go,$o.Java]},{type:zo.HeadersCollection,icon:mn(zo.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:[$o.Go,$o.Java,$o.JavaScript]},{type:zo.PayloadCollection,icon:mn(zo.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:[$o.Go]}],ri=[{id:jo.Logs,value:"Logs"},{id:jo.Metrics,value:"Metrics"},{id:jo.Traces,value:"Traces"}],si={[$o.Go]:"Go",[$o.Java]:"Java",[$o.JavaScript]:"Node.js",[$o.Python]:"Python",[$o.DotNet]:".NET",[$o.CSharp]:"C#",[$o.CPlusPlus]:"C++",[$o.Php]:"PHP",[$o.Ruby]:"Ruby",[$o.Rust]:"Rust",[$o.Swift]:"Swift",[$o.Elixir]:"Elixir",[$o.MySql]:"MySQL",[$o.Nginx]:"Nginx",[$o.Postgres]:"PostgreSQL",[$o.Redis]:"Redis",[$o.Kafka]:"Kafka",[$o.Ignored]:"Ignored",[$o.Unknown]:"Unknown",[$o.Processing]:"Processing",[$o.NoContainers]:"No Containers",[$o.NoRunningPods]:"No Running Pods"},li=[{id:$o.Go,value:si[$o.Go],icon:sn($o.Go)},{id:$o.Java,value:si[$o.Java],icon:sn($o.Java)},{id:$o.JavaScript,value:si[$o.JavaScript],icon:sn($o.JavaScript)},{id:$o.Python,value:si[$o.Python],icon:sn($o.Python)},{id:$o.Php,value:si[$o.Php],icon:sn($o.Php)},{id:$o.Ruby,value:si[$o.Ruby],icon:sn($o.Ruby)},{id:$o.Rust,value:si[$o.Rust],icon:sn($o.Rust)},{id:$o.DotNet,value:si[$o.DotNet],icon:sn($o.DotNet)},{id:$o.CSharp,value:si[$o.CSharp],icon:sn($o.CSharp)},{id:$o.CPlusPlus,value:si[$o.CPlusPlus],icon:sn($o.CPlusPlus)},{id:$o.Swift,value:si[$o.Swift],icon:sn($o.Swift)},{id:$o.Elixir,value:si[$o.Elixir],icon:sn($o.Elixir)}],ci=6048e5,di=xt()(Tt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Ko.DARK_MODE,storage:"undefined"!=typeof window?It(()=>localStorage):void 0})),pi={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ui=xt(e=>({...pi,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(pi)})),hi=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),mi=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===bo.Namespace?"namespacesLoading":t===bo.Source?"sourcesLoading":t===bo.Destination?"destinationsLoading":t===bo.Action?"actionsLoading":t===bo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===bo.Namespace?"namespaces":t===bo.Source?"sources":t===bo.Destination?"destinations":t===bo.Action?"actions":t===bo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===bo.Namespace?"namespaces":t===bo.Source?"sources":t===bo.Destination?"destinations":t===bo.Action?"actions":t===bo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(pn(t))===JSON.stringify(pn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===bo.Namespace?"namespaces":t===bo.Source?"sources":t===bo.Destination?"destinations":t===bo.Action?"actions":t===bo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===bo.Source?JSON.stringify(pn(o))===JSON.stringify(pn(e)):pn(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:[]})}})),gi=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),xi=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:gi})),$i=xt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),fi=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),bi=xt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),yi=(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},wi=xt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>yi(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>yi(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===bo.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}})),ki=xt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),vi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},Ci=(e,t)=>e.destinationType.type!==t.destinationType.type,Ei=xt(e=>({...vi,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=>Ci(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=>Ci(e,t))})),clearStore:()=>e(()=>({...vi}))})),Si={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"}},Ai={v2:Si.v2,darkMode:!0,colors:{...Si.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:Si.font_family},Di={v2:Si.v2,darkMode:!1,colors:{...Si.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:Si.font_family},Ti=e=>e?Ai:Di;var Ii=Object.freeze({__proto__:null,baseTheme:Si,darkModeTheme:Ai,getTheme:Ti,lightModeTheme:Di});Nt('@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 Ni={in:{left:Lt`
|
|
2
31
|
from { transform: translateX(-100%); }
|
|
3
32
|
to { transform: translateX(0); }
|
|
4
|
-
`,right:
|
|
33
|
+
`,right:Lt`
|
|
5
34
|
from { transform: translateX(100%); }
|
|
6
35
|
to { transform: translateX(0); }
|
|
7
|
-
`,top:
|
|
36
|
+
`,top:Lt`
|
|
8
37
|
from { transform: translateY(-100%); }
|
|
9
38
|
to { transform: translateY(0); }
|
|
10
|
-
`,bottom:
|
|
39
|
+
`,bottom:Lt`
|
|
11
40
|
from { transform: translateY(100%); }
|
|
12
41
|
to { transform: translateY(0); }
|
|
13
|
-
`,center:
|
|
42
|
+
`,center:Lt`
|
|
14
43
|
from { transform: translate(-50%, 100%); }
|
|
15
44
|
to { transform: translate(-50%, -50%); }
|
|
16
|
-
`},out:{left:
|
|
45
|
+
`},out:{left:Lt`
|
|
17
46
|
from { transform: translateX(0); }
|
|
18
47
|
to { transform: translateX(-100%); }
|
|
19
|
-
`,right:
|
|
48
|
+
`,right:Lt`
|
|
20
49
|
from { transform: translateX(0); }
|
|
21
50
|
to { transform: translateX(100%); }
|
|
22
|
-
`,top:
|
|
51
|
+
`,top:Lt`
|
|
23
52
|
from { transform: translateY(0); }
|
|
24
53
|
to { transform: translateY(-100%); }
|
|
25
|
-
`,bottom:
|
|
54
|
+
`,bottom:Lt`
|
|
26
55
|
from { transform: translateY(0); }
|
|
27
56
|
to { transform: translateY(100%); }
|
|
28
|
-
`,center:
|
|
57
|
+
`,center:Lt`
|
|
29
58
|
from { transform: translate(-50%, -50%); }
|
|
30
59
|
to { transform: translate(-50%, 100%); }
|
|
31
|
-
`}},
|
|
60
|
+
`}},zi={in:Lt`
|
|
32
61
|
from {
|
|
33
62
|
width: 0%;
|
|
34
63
|
}
|
|
35
64
|
to {
|
|
36
65
|
width: 100%;
|
|
37
66
|
}
|
|
38
|
-
`,out:
|
|
67
|
+
`,out:Lt`
|
|
39
68
|
from {
|
|
40
69
|
width: 100%;
|
|
41
70
|
}
|
|
42
71
|
to {
|
|
43
72
|
width: 0%;
|
|
44
73
|
}
|
|
45
|
-
`},
|
|
74
|
+
`},Oi=Lt`
|
|
46
75
|
0% {
|
|
47
76
|
transform: scale(1);
|
|
48
77
|
opacity: 1;
|
|
@@ -51,57 +80,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
51
80
|
transform: scale(2);
|
|
52
81
|
opacity: 0;
|
|
53
82
|
}
|
|
54
|
-
`,
|
|
83
|
+
`,Fi=Lt`
|
|
55
84
|
0% {
|
|
56
85
|
background-position: -500px 0;
|
|
57
86
|
}
|
|
58
87
|
100% {
|
|
59
88
|
background-position: 500px 0;
|
|
60
89
|
}
|
|
61
|
-
`,
|
|
90
|
+
`,_i={in:Lt`
|
|
62
91
|
from {
|
|
63
92
|
opacity: 0;
|
|
64
93
|
}
|
|
65
94
|
to {
|
|
66
95
|
opacity: 1;
|
|
67
96
|
}
|
|
68
|
-
`,out:
|
|
97
|
+
`,out:Lt`
|
|
69
98
|
from {
|
|
70
99
|
opacity: 1;
|
|
71
100
|
}
|
|
72
101
|
to {
|
|
73
102
|
opacity: 0;
|
|
74
103
|
}
|
|
75
|
-
`},
|
|
76
|
-
margin: 0;
|
|
77
|
-
color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
|
|
78
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
79
|
-
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
80
|
-
font-weight: ${({$weight:e})=>e};
|
|
81
|
-
text-align: ${({$align:e})=>e};
|
|
82
|
-
text-transform: ${({$transform:e})=>e};
|
|
83
|
-
line-height: ${({theme:e,$lineHeight:t,$size:o})=>t||`${e.v2.text.size[o]+2}px`};
|
|
84
|
-
|
|
85
|
-
${({$nowrap:e})=>e&&Lt`
|
|
86
|
-
text-wrap: nowrap;
|
|
87
|
-
white-space: nowrap;
|
|
88
|
-
overflow: hidden;
|
|
89
|
-
text-overflow: ellipsis;
|
|
90
|
-
`}
|
|
91
|
-
|
|
92
|
-
${({$underline:e})=>e&&Lt`
|
|
93
|
-
text-decoration: underline;
|
|
94
|
-
`}
|
|
95
|
-
`,Fi=({children:e,variant:t=Ni.P,color:o,size:n=zi.S,weight:i=400,align:a="left",lineHeight:r,transform:s,nowrap:l,underline:c,...d})=>{const p=e?.toString().split("\n")||[];return $t.createElement(Oi,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,$nowrap:l,$underline:c,...d},p.map((e,t)=>$t.createElement(ft,{key:`typography-${t}-${e}`},e,t!==p.length-1&&$t.createElement("br",null))))},_i=Ft.div`
|
|
96
|
-
display: flex;
|
|
97
|
-
align-items: center;
|
|
98
|
-
justify-content: center;
|
|
99
|
-
gap: 4px;
|
|
100
|
-
width: fit-content;
|
|
101
|
-
padding: 4px 8px;
|
|
102
|
-
border-radius: 100px;
|
|
103
|
-
background-color: ${({$backgroundColor:e})=>e};
|
|
104
|
-
`,Ri=({label:e,leftIcon:t,rightIcon:o,status:n,useSecondaryTone:i=!1})=>{const a=Ii.useTheme(),r=n?[bo.Disabled].includes(n)?An(a,n,"700"):[bo.Unknown].includes(n)?An(a,n,"600"):An(a,n,i?"700":"500"):a.v2.colors.grey[200],s=[bo.Disabled].includes(n)?a.v2.colors.grey[400]:[xo.Error,xo.Warning,xo.Success].includes(n)?a.v2.colors.black[500]:a.v2.colors.white[500];return $t.createElement(_i,{$backgroundColor:r},t&&$t.createElement(t,{fill:s,size:14}),$t.createElement(Fi,{color:s,size:zi.XXS,nowrap:!0},e),o&&$t.createElement(o,{fill:s,size:14}))},Bi=Ft.div`
|
|
104
|
+
`},Ri={Provider:({children:e})=>{const{darkMode:t}=di();return $t.createElement(Bt,{theme:Ti(t)},e)},useTheme:Rt,opacity:Object.freeze({__proto__:null,hex:{100:"FF","099":"FC","098":"FA","097":"F7","096":"F5","095":"F2","094":"F0","093":"ED","092":"EB","091":"E8","090":"E6","089":"E3","088":"E0","087":"DE","086":"DB","085":"D9","084":"D6","083":"D4","082":"D1","081":"CF","080":"CC","079":"C9","078":"C7","077":"C4","076":"C2","075":"BF","074":"BD","073":"BA","072":"B8","071":"B5","070":"B3","069":"B0","068":"AD","067":"AB","066":"A8","065":"A6","064":"A3","063":"A1","062":"9E","061":"9C","060":"99","059":"96","058":"94","057":"91","056":"8F","055":"8C","054":"8A","053":"87","052":"85","051":"82","050":"80","049":"7D","048":"7A","047":"78","046":"75","045":"73","044":"70","043":"6E","042":"6B","041":"69","040":"66","039":"63","038":"61","037":"5E","036":"5C","035":"59","034":"57","033":"54","032":"52","031":"4F","030":"4D","029":"4A","028":"47","027":"45","026":"42","025":"40","024":"3D","023":"3B","022":"38","021":"36","020":"33","019":"30","018":"2E","017":"2B","016":"29","015":"26","014":"24","013":"21","012":"1F","011":"1C","010":"1A","009":"17","008":"14","007":"12","006":"0F","005":"0D","004":"0A","003":"08","002":"05","001":"03","000":"00"}}),palletes:Ii,animations:Object.freeze({__proto__:null,fade:_i,ping:Oi,progress:zi,shimmer:Fi,slide:Ni})},Bi=Ft.div`
|
|
105
105
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
106
106
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
107
107
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -112,7 +112,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
112
112
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
113
113
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
114
114
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
115
|
-
`,Li=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,n]=e.split('"');return{original:e,href:o,label:n.replace("</a>","").replace(">","")}})},Pi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Mi=(e,t)=>{const o=Li(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Pi(e);return n?.forEach((t,o)=>{e=e.replace(t.original,`STRONG-${o}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,i]=e.split("###"),a=o?.[parseInt(n.replace("LINK-",""))];return $t.createElement(ft,{key:e},$t.createElement("a",{href:a?.href,target:"_blank",rel:"noreferrer",style:{color:t.colors.majestic_blue_soft}},a?.label),i?`${i} `:" ")}if(e.includes("STRONG-")){const[t,o]=e.split("###"),i=n?.[parseInt(t.replace("STRONG-",""))];return $t.createElement(ft,{key:e},$t.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},ji=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=
|
|
115
|
+
`,Li=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,o,n]=e.split('"');return{original:e,href:o,label:n.replace("</a>","").replace(">","")}})},Pi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Mi=(e,t)=>{const o=Li(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Pi(e);return n?.forEach((t,o)=>{e=e.replace(t.original,`STRONG-${o}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,i]=e.split("###"),a=o?.[parseInt(n.replace("LINK-",""))];return $t.createElement(ft,{key:e},$t.createElement("a",{href:a?.href,target:"_blank",rel:"noreferrer",style:{color:t.colors.majestic_blue_soft}},a?.label),i?`${i} `:" ")}if(e.includes("STRONG-")){const[t,o]=e.split("###"),i=n?.[parseInt(t.replace("STRONG-",""))];return $t.createElement(ft,{key:e},$t.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},ji=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=Ri.useTheme(),u=bt(()=>(e?["string","number"].includes(typeof e)?e.toString():Array.isArray(e)?e.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[e]);return $t.createElement(Bi,{$color:t,$size:o,$weight:n,$align:i,$family:a,$opacity:r,$decoration:s,$transform:l,$nowrap:c,...d},u.length?u.map((e,t)=>$t.createElement(ft,{key:`text-${t}-${e}`},Mi(e,p),t!==u.length-1?$t.createElement("br",null):null)):e)},Ui=Ft.div`
|
|
116
116
|
padding: 4px 0 0 0;
|
|
117
117
|
`,Wi=Ft(ji)`
|
|
118
118
|
font-size: 12px;
|
|
@@ -220,15 +220,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
220
220
|
gap: 2px;
|
|
221
221
|
|
|
222
222
|
border-radius: 50px;
|
|
223
|
-
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":
|
|
223
|
+
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":Ri.opacity.hex["050"]):t?"transparent":e.colors.border};
|
|
224
224
|
background-color: ${({theme:e,$filled:t,$status:o})=>t?o?e.colors[o]:e.colors.majestic_blue:"transparent"};
|
|
225
225
|
color: ${({theme:e,$filled:t,$status:o})=>t&&o?e.text.secondary:t?e.text.white:o?e.text[o]:e.text.grey};
|
|
226
226
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
227
227
|
font-size: 12px;
|
|
228
228
|
white-space: nowrap;
|
|
229
229
|
|
|
230
|
-
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+
|
|
231
|
-
`,sa=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=
|
|
230
|
+
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+Ri.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+Ri.opacity.hex["020"]};\n }`}
|
|
231
|
+
`,sa=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=Ri.useTheme(),r=o&&n?Cn(o,a):null;return $t.createElement(ra,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&$t.createElement(r,null),e)},la=Ft.div`
|
|
232
232
|
height: fit-content;
|
|
233
233
|
border: 2px solid transparent;
|
|
234
234
|
padding: 2px;
|
|
@@ -238,54 +238,54 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
238
238
|
&:focus-within {
|
|
239
239
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
240
240
|
}
|
|
241
|
-
`,ca={primary:
|
|
242
|
-
border: 1px solid ${({theme:e})=>e.text.secondary+
|
|
241
|
+
`,ca={primary:_t`
|
|
242
|
+
border: 1px solid ${({theme:e})=>e.text.secondary+Ri.opacity.hex["024"]};
|
|
243
243
|
background: ${({theme:e})=>e.colors.secondary};
|
|
244
244
|
color: ${({theme:e})=>e.colors.primary};
|
|
245
245
|
&:hover {
|
|
246
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
246
|
+
background: ${({theme:e})=>e.colors.secondary+Ri.opacity.hex["080"]};
|
|
247
247
|
}
|
|
248
248
|
&:active {
|
|
249
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
249
|
+
background: ${({theme:e})=>e.text.secondary+Ri.opacity.hex["060"]};
|
|
250
250
|
}
|
|
251
|
-
`,secondary:
|
|
251
|
+
`,secondary:_t`
|
|
252
252
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
253
253
|
background: ${({theme:e})=>e.colors.primary};
|
|
254
254
|
color: ${({theme:e})=>e.colors.secondary};
|
|
255
255
|
&:hover {
|
|
256
256
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
257
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
257
|
+
background: ${({theme:e})=>e.colors.secondary+Ri.opacity.hex["010"]};
|
|
258
258
|
}
|
|
259
259
|
&:active {
|
|
260
260
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
261
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
261
|
+
background: ${({theme:e})=>e.colors.secondary+Ri.opacity.hex["015"]};
|
|
262
262
|
}
|
|
263
|
-
`,tertiary:
|
|
263
|
+
`,tertiary:_t`
|
|
264
264
|
border-color: transparent;
|
|
265
265
|
background: transparent;
|
|
266
266
|
&:hover {
|
|
267
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
267
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+Ri.opacity.hex["040"]};
|
|
268
268
|
}
|
|
269
269
|
&:active {
|
|
270
270
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
271
271
|
}
|
|
272
|
-
`,danger:
|
|
272
|
+
`,danger:_t`
|
|
273
273
|
border-color: transparent;
|
|
274
274
|
background: ${({theme:e})=>e.text.error};
|
|
275
275
|
&:hover {
|
|
276
|
-
background: ${({theme:e})=>e.text.error+
|
|
276
|
+
background: ${({theme:e})=>e.text.error+Ri.opacity.hex["090"]};
|
|
277
277
|
}
|
|
278
278
|
&:active {
|
|
279
|
-
background: ${({theme:e})=>e.text.error+
|
|
279
|
+
background: ${({theme:e})=>e.text.error+Ri.opacity.hex["080"]};
|
|
280
280
|
}
|
|
281
|
-
`,warning:
|
|
281
|
+
`,warning:_t`
|
|
282
282
|
border-color: transparent;
|
|
283
283
|
background: ${({theme:e})=>e.text.warning};
|
|
284
284
|
&:hover {
|
|
285
|
-
background: ${({theme:e})=>e.text.warning+
|
|
285
|
+
background: ${({theme:e})=>e.text.warning+Ri.opacity.hex["090"]};
|
|
286
286
|
}
|
|
287
287
|
&:active {
|
|
288
|
-
background: ${({theme:e})=>e.text.warning+
|
|
288
|
+
background: ${({theme:e})=>e.text.warning+Ri.opacity.hex["080"]};
|
|
289
289
|
}
|
|
290
290
|
`},da=Ft.button`
|
|
291
291
|
height: 36px;
|
|
@@ -302,19 +302,19 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
302
302
|
font-weight: 600;
|
|
303
303
|
outline: none;
|
|
304
304
|
${({$variant:e})=>e&&ca[e]}
|
|
305
|
-
${({disabled:e,$variant:t})=>e&&
|
|
305
|
+
${({disabled:e,$variant:t})=>e&&_t`
|
|
306
306
|
opacity: 0.5;
|
|
307
307
|
cursor: not-allowed;
|
|
308
308
|
|
|
309
|
-
${"primary"===t?
|
|
309
|
+
${"primary"===t?_t`
|
|
310
310
|
color: ${({theme:e})=>e.colors.secondary};
|
|
311
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
311
|
+
background: ${({theme:e})=>e.text.secondary+Ri.opacity.hex["010"]};
|
|
312
312
|
&:hover {
|
|
313
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
313
|
+
background: ${({theme:e})=>e.text.secondary+Ri.opacity.hex["015"]};
|
|
314
314
|
}
|
|
315
315
|
`:""}
|
|
316
316
|
`}
|
|
317
|
-
`,pa=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return $t.createElement(la,{$variant:t},$t.createElement(da,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},ua=e=>{function t(){return void 0===e?{}:
|
|
317
|
+
`,pa=({children:e,variant:t="primary",onClick:o,...n})=>{const i=kt(null);return $t.createElement(la,{$variant:t},$t.createElement(da,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},ua=e=>{function t(){return void 0===e?{}:Zt(e)}const[o,n]=yt(t()),[i,a]=yt({}),r=(e,t)=>Object.entries(e).every(([e,o])=>"object"==typeof o&&null!==o?r(o,t[e]):o===t[e]),s=bt(()=>void 0!==e&&!r(e,o),[e,o]);return wt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,areFormValuesEqual:r,isFormDirty:s,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=Zt(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:e=>{n(e||t()),a({})}}},ha={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}},ma=()=>{const{addNotification:e}=bi(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=ua(ha);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":Nn(t)&&(n[e]=Yo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:vo.Warning,title:o.alertTitle,message:Yo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...Zt(ha),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case ao.CollectContainerAttributes:case ao.CollectReplicaSetAttributes:case ao.CollectWorkloadId:case ao.CollectClusterId:case ao.LabelsAttributes:case ao.AnnotationsAttributes:case ao.ClusterAttributes:case ao.OverwriteExistingValues:case ao.AttributeNamesToDelete:case ao.Renames:case ao.PiiCategories:case ao.FallbackSamplingRatio:case ao.SamplingPercentage:case ao.EndpointsFilters:case ao.ServicesNameFilters:case ao.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},ga=e=>{wt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},xa=()=>{const{setCurrentModal:e}=fi(),{setDrawerType:t,setDrawerEntityId:o}=hi(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=oi();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 bo.Source:case bo.Destination:case bo.Action:case bo.InstrumentationRule:t(p),o(d);break;case Io.AddSource:e(bo.Source);break;case Io.AddDestination:e(bo.Destination);break;case Io.AddAction:e(bo.Action);break;case Io.AddRule:e(bo.InstrumentationRule)}}}},$a=()=>{const{setDrawerType:e,setDrawerEntityId:t}=hi(),{markAsDismissed:o,markAsSeen:n}=bi();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case bo.InstrumentationRule:e(bo.InstrumentationRule),t(hn(l,bo.InstrumentationRule));break;case bo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(bo.Source),t(hn(l,bo.Source));break;case bo.Action:e(bo.Action),t(hn(l,bo.Action));break;case bo.Destination:case"Destination":e(bo.Destination),t(hn(l,bo.Destination))}n(r),c&&o(r)}}},fa=vt({tier:void 0,version:void 0,isVersionSupported:!1,platformType:void 0}),ba=({children:e,tier:t,version:o,platformType:n})=>{const i=bt(()=>({tier:t,version:o,platformType:n}),[t,o,n]);return $t.createElement(fa.Provider,{value:i},e)},ya=e=>{const t=Ct(fa),o=!e||t.version&&Yn(t.version)>=Yn(e);return{...t,isVersionSupported:o}},wa=()=>{const{platformType:e}=ya();return{isVm:e===go.Vm}},ka=()=>{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 va;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(va||(va={}));const Ca=Ft.div`
|
|
318
318
|
width: ${({$size:e})=>1.5*e}px;
|
|
319
319
|
height: ${({$size:e})=>1.5*e}px;
|
|
320
320
|
display: flex;
|
|
@@ -325,7 +325,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
325
325
|
&:hover {
|
|
326
326
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
327
327
|
}
|
|
328
|
-
`,Ea=({icon:e,size:t=va.S,onClick:o,disabled:n})=>$t.createElement(Ca,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},$t.createElement(e,{size:t})),Sa=({onDone:e}={})=>{const[t,o]=yt(!1),[n,i]=yt(-1),a=Et(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:Et(({value:e,size:o})=>{const n=t?Ge:Ke;return $t.createElement(Ea,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Aa=e=>{const{addNotification:t}=hi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=ua(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?Bn(o.name)?n.name=void 0:(i=!1,n.name=on.ILLEGAL_K8S_LABEL):(i=!1,n.name=on.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:xo.Warning,title:e.alertTitle,message:on.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Yo(e),name:t};n(void 0,void 0,o)}}},Da={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Ta=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=hi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=ua(Da),[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===mo.Dropdown){const e=On(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,...On(n,{})}})).map(e=>{if(o){const t="string"==typeof o?On(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===qn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=on.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:xo.Warning,title:e.alertTitle,message:on.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={...Yo(Da),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(On(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ia=({items:e,rowHeight:t})=>{const o=kt(null),n=zt({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()}},Na={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[To.HttpRequest]:null,[To.HttpResponse]:null,[To.DbQuery]:null,[To.Messaging]:null},codeAttributes:{[So.Column]:null,[So.FilePath]:null,[So.Function]:null,[So.LineNumber]:null,[So.Namespace]:null,[So.StackTrace]:null},headersCollection:null,customInstrumentations:{[Do.Java]:null,[Do.Golang]:null}},za=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ua(Na);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={...Yo(Na),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[To.HttpRequest]:i[To.HttpRequest]?{}:null,[To.HttpResponse]:i[To.HttpResponse]?{}:null,[To.DbQuery]:i[To.DbQuery]?{}:null,[To.Messaging]:i[To.Messaging]?{}:null}),a&&(l.codeAttributes={[So.Column]:a[So.Column]||null,[So.FilePath]:a[So.FilePath]||null,[So.Function]:a[So.Function]||null,[So.LineNumber]:a[So.LineNumber]||null,[So.Namespace]:a[So.Namespace]||null,[So.StackTrace]:a[So.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Do.Java]:s[Do.Java]||null,[Do.Golang]:s[Do.Golang]||null}),o(void 0,void 0,l)}}},Oa=({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),Fa=(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])},_a=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Fa(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})}}},Ra=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?On(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ba={otelServiceName:"",currentStreamName:""},La=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ua(Ba);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Yo(Ba),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Pa=(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}},Ma=(e,t,o)=>({...Pa(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}},Ua=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=li(),{selectedStreamName:n}=ri(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=bi(),[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=>Ma(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=Ma(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({namespaceName:e.name}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Pa(e,n));$(e=>[...e,a]),l({...bi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Ma(e,n,o))}))}h("")}};wt(()=>(i.current=!0,o?.length&&!bi.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(uo.Source),[T,I]=yt(!1),[N,z]=yt(!1),O=bt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,uo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,uo.Source)&&(!T||t.selected)&&(e=>!N||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,N]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:ja(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:I,showRunningOnly:N,setShowRunningOnly:z}};try{Dt.addDefaultLocale(Ot)}catch(e){}const Wa=()=>{const e=kt(new Dt(Ot.locale));return{formatTimeAgo:Et(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Va=Ft.div`
|
|
328
|
+
`,Ea=({icon:e,size:t=va.S,onClick:o,disabled:n})=>$t.createElement(Ca,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},$t.createElement(e,{size:t})),Sa=({onDone:e}={})=>{const[t,o]=yt(!1),[n,i]=yt(-1),a=Et(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:Et(({value:e,size:o})=>{const n=t?Ge:Ke;return $t.createElement(Ea,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Aa=e=>{const{addNotification:t}=bi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=ua(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?zn(o.name)?n.name=void 0:(i=!1,n.name=Yo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Yo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:vo.Warning,title:e.alertTitle,message:Yo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...Zt(e),name:t};n(void 0,void 0,o)}}},Da={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Ta=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=bi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=ua(Da),[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===wo.Dropdown){const e=Dn(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,...Dn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Dn(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===jn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Yo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:vo.Warning,title:e.alertTitle,message:Yo.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={...Zt(Da),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Dn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ia=({items:e,rowHeight:t})=>{const o=kt(null),n=zt({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()}},Na={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Ro.HttpRequest]:null,[Ro.HttpResponse]:null,[Ro.DbQuery]:null,[Ro.Messaging]:null},codeAttributes:{[Oo.Column]:null,[Oo.FilePath]:null,[Oo.Function]:null,[Oo.LineNumber]:null,[Oo.Namespace]:null,[Oo.StackTrace]:null},headersCollection:null,customInstrumentations:{[_o.Java]:null,[_o.Golang]:null}},za=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ua(Na);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={...Zt(Na),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Ro.HttpRequest]:i[Ro.HttpRequest]?{}:null,[Ro.HttpResponse]:i[Ro.HttpResponse]?{}:null,[Ro.DbQuery]:i[Ro.DbQuery]?{}:null,[Ro.Messaging]:i[Ro.Messaging]?{}:null}),a&&(l.codeAttributes={[Oo.Column]:a[Oo.Column]||null,[Oo.FilePath]:a[Oo.FilePath]||null,[Oo.Function]:a[Oo.Function]||null,[Oo.LineNumber]:a[Oo.LineNumber]||null,[Oo.Namespace]:a[Oo.Namespace]||null,[Oo.StackTrace]:a[Oo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[_o.Java]:s[_o.Java]||null,[_o.Golang]:s[_o.Golang]||null}),o(void 0,void 0,l)}}},Oa=({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),Fa=(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])},_a=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Fa(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})}}},Ra=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Dn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ba={otelServiceName:"",currentStreamName:""},La=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ua(Ba);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...Zt(Ba),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Pa=(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}},Ma=(e,t,o)=>({...Pa(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}},Ua=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=mi(),{selectedStreamName:n}=ui(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=Ei(),[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=>Ma(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=Ma(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({namespaceName:e.name}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Pa(e,n));$(e=>[...e,a]),l({...Ei.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Ma(e,n,o))}))}h("")}};wt(()=>(i.current=!0,o?.length&&!Ei.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(bo.Source),[T,I]=yt(!1),[N,z]=yt(!1),O=bt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,bo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,bo.Source)&&(!T||t.selected)&&(e=>!N||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,N]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:ja(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:I,showRunningOnly:N,setShowRunningOnly:z}};try{Dt.addDefaultLocale(Ot)}catch(e){}const Wa=()=>{const e=kt(new Dt(Ot.locale));return{formatTimeAgo:Et(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Va=Ft.div`
|
|
329
329
|
flex: 1;
|
|
330
330
|
align-self: stretch;
|
|
331
331
|
display: flex;
|
|
@@ -405,8 +405,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
405
405
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
406
406
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
407
407
|
border-radius: 40px;
|
|
408
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
409
|
-
animation-name: ${
|
|
408
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Ri.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}`}};
|
|
409
|
+
animation-name: ${Ri.animations.slide.in.center};
|
|
410
410
|
`,or=Ft.div`
|
|
411
411
|
display: flex;
|
|
412
412
|
justify-content: space-between;
|
|
@@ -450,7 +450,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
450
450
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
451
451
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
452
452
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
453
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+
|
|
453
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Ri.opacity.hex["050"]};
|
|
454
454
|
opacity: ${({$opacity:e})=>e||1};
|
|
455
455
|
`,pr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>$t.createElement(dr,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),ur=Ft.div`
|
|
456
456
|
position: absolute;
|
|
@@ -484,7 +484,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
484
484
|
`,fr=Ft(ji)`
|
|
485
485
|
word-break: break-word;
|
|
486
486
|
white-space: pre-wrap;
|
|
487
|
-
`,br=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=
|
|
487
|
+
`,br=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=Ri.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=_a({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=bt(()=>!!Li(n||"")?.length,[n]),h=e=>{const{type:t,clientX:o,clientY:n}=e;u?p(d.left||o,d.top||n):p(o,n),c("mouseleave"!==t)};return n?$t.createElement($r,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&$t.createElement(qe,{fill:r.v2.colors.silver[200]}),$t.createElement(xr,{ref:s,isOpen:l,top:d.top,left:d.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?h:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!o)&&$t.createElement(qa,{style:{marginBottom:"4px"},$gap:4},t&&$t.createElement(t,{key:"icon",size:12,fill:r.text.secondary}),o&&$t.createElement(ji,{key:"title",size:12,color:r.text.secondary},o)),$t.createElement(fr,{size:12,color:r.text.info},n),!!i&&$t.createElement(ji,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):$t.createElement($t.Fragment,null,a)},yr=Ft.button`
|
|
488
488
|
position: relative;
|
|
489
489
|
width: ${({$size:e})=>e}px;
|
|
490
490
|
height: ${({$size:e})=>e}px;
|
|
@@ -496,7 +496,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
496
496
|
justify-content: center;
|
|
497
497
|
cursor: pointer;
|
|
498
498
|
&:hover {
|
|
499
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+
|
|
499
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Ri.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
500
500
|
}
|
|
501
501
|
`,wr=Ft.div`
|
|
502
502
|
position: absolute;
|
|
@@ -513,7 +513,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
513
513
|
inset: 0;
|
|
514
514
|
border-radius: 100%;
|
|
515
515
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
516
|
-
animation: ${
|
|
516
|
+
animation: ${Ri.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
517
517
|
}
|
|
518
518
|
`,kr=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>$t.createElement(br,{text:o},$t.createElement(yr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&$t.createElement(wr,{$size:n,$color:a}),e)),vr=Ft.div`
|
|
519
519
|
position: relative;
|
|
@@ -521,7 +521,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
521
521
|
overflow: hidden;
|
|
522
522
|
padding-bottom: 1px;
|
|
523
523
|
border-radius: 32px;
|
|
524
|
-
animation: ${({$isLeaving:e})=>e?
|
|
524
|
+
animation: ${({$isLeaving:e})=>e?Ri.animations.slide.out.bottom:Ri.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
525
525
|
}
|
|
526
526
|
`,Cr=Ft.div`
|
|
527
527
|
position: absolute;
|
|
@@ -532,7 +532,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
532
532
|
height: 100%;
|
|
533
533
|
border-radius: 32px;
|
|
534
534
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
535
|
-
animation: ${
|
|
535
|
+
animation: ${Ri.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
536
536
|
`,Er=Ft.div`
|
|
537
537
|
display: flex;
|
|
538
538
|
align-items: center;
|
|
@@ -565,7 +565,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
565
565
|
transform: scale(1.1);
|
|
566
566
|
transition: transform 0.3s;
|
|
567
567
|
}
|
|
568
|
-
`,Nr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=
|
|
568
|
+
`,Nr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Ri.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||Cn(e,c);return $t.createElement(vr,{className:a?"animated":"",$duration:r,$isLeaving:d,onMouseEnter:()=>{u.current&&clearTimeout(u.current),h.current&&(h.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(h.current){const e=h.current.offsetWidth/h.current.parentElement.offsetWidth*r;u.current=setTimeout(()=>m({asSeen:!1}),e),h.current.style.animationPlayState="running"}}},$t.createElement(Er,{"data-id":"toast",$type:e,style:l},$t.createElement(g,{fill:c.text[e]}),$t.createElement(Sr,{$withAction:!!i,$overrideMaxWidth:s},o&&$t.createElement(Ar,{$type:e},o),o&&n&&$t.createElement(pr,{orientation:"vertical",type:e}),n&&$t.createElement(Dr,{$type:e},n)),(!!i||!!a)&&$t.createElement(Tr,null,i&&$t.createElement(Ir,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&$t.createElement(kr,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},$t.createElement(Ye,{size:12})))),a&&$t.createElement(Cr,{ref:h,$duration:r,$type:e}))},zr=Ft.div`
|
|
569
569
|
padding: 24px 32px;
|
|
570
570
|
`,Or=Ft.div`
|
|
571
571
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
@@ -586,7 +586,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
586
586
|
width: 250px;
|
|
587
587
|
`,Lr=Ft.div`
|
|
588
588
|
margin-bottom: 12px;
|
|
589
|
-
`,Pr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Oa({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return $t.createElement(cr,{isOpen:e,noOverlay:t,onClose:l},$t.createElement(zr,null,$t.createElement(Fr,null,o),$t.createElement(Or,{$withNote:!!i},$t.createElement(_r,null,n)),!!i&&$t.createElement(Lr,null,$t.createElement(Nr,{type:i.type,title:i.title,message:i.message})),$t.createElement(Rr,null,$t.createElement(Br,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),$t.createElement(Br,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Mr=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>$t.createElement(Pr,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:
|
|
589
|
+
`,Pr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Oa({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return $t.createElement(cr,{isOpen:e,noOverlay:t,onClose:l},$t.createElement(zr,null,$t.createElement(Fr,null,o),$t.createElement(Or,{$withNote:!!i},$t.createElement(_r,null,n)),!!i&&$t.createElement(Lr,null,$t.createElement(Nr,{type:i.type,title:i.title,message:i.message})),$t.createElement(Rr,null,$t.createElement(Br,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),$t.createElement(Br,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Mr=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>$t.createElement(Pr,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:vo.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),jr=Ft.div`
|
|
590
590
|
display: flex;
|
|
591
591
|
align-items: center;
|
|
592
592
|
gap: 8px;
|
|
@@ -600,13 +600,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
600
600
|
display: flex;
|
|
601
601
|
align-items: center;
|
|
602
602
|
justify-content: center;
|
|
603
|
-
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+
|
|
603
|
+
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+Ri.opacity.hex["020"]};
|
|
604
604
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
605
605
|
transition: border 0.3s;
|
|
606
606
|
&:hover {
|
|
607
607
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
608
608
|
}
|
|
609
|
-
`,Wr=({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=
|
|
609
|
+
`,Wr=({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=Ri.useTheme(),[p,u]=yt(n);return wt(()=>u(n),[n]),$t.createElement(Ga,null,$t.createElement(jr,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},$t.createElement(Ur,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?$t.createElement(Je,{fill:d.text.white}):p?$t.createElement(Ge,{fill:d.text.white}):null),e&&$t.createElement(br,{text:o,withIcon:!0},$t.createElement(ji,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&$t.createElement(Vi,null,l))},Vr=Ft(qa)`
|
|
610
610
|
gap: 0;
|
|
611
611
|
`,Hr=Ft.button`
|
|
612
612
|
padding: 4px 8px;
|
|
@@ -643,16 +643,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
643
643
|
/* Fallback for older browsers */
|
|
644
644
|
-ms-word-break: break-all;
|
|
645
645
|
font-size: 12px;
|
|
646
|
-
`,Zr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=
|
|
646
|
+
`,Zr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=Ri.useTheme(),r=o?qt[o]:a?qt.palenight:qt.vsLight;let s="";if("json"===e){const e=Dn(t,{}),o=Hn(e);s=qn(n?Zo(o):o)}else s=t;return i&&"json"===e?$t.createElement(es,{darkMode:a,str:s}):$t.createElement(Ht,{theme:r||(a?qt.palenight:qt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>$t.createElement("pre",null,o.map((o,n)=>$t.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>$t.createElement(Qr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},es=({darkMode:e,str:t})=>{const o=Ri.useTheme();return $t.createElement(Ht,{theme:e?qt.palenight:qt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>$t.createElement(Gr,null,$t.createElement(Kr,null,n.map((n,i)=>{const a=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],n=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(n.split("@")[0])&&(o[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:n}})})(n),r=e({line:a});return 1===a.length&&"property"===a[0].types[0]?$t.createElement(ft,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>$t.createElement(Yr,{...e},$t.createElement(Jr,null),$t.createElement(Jr,null)));return $t.createElement(ft,null,n.map((e,n)=>$t.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),$t.createElement(Yr,{...r},$t.createElement(Jr,null,$t.createElement(Xr,null,a[0].content)),$t.createElement(Jr,null))):2===a.length?$t.createElement(Yr,{key:`line-${i}`,...r},a.map((e,n)=>{const{text:a,components:r}=((e,t)=>{const[o,...n]=e.split("@");return{text:o,components:n?.map((e,o)=>{if(!e.includes("="))return null;const[n,i]=e.split("=");switch(n){case"tooltip":return $t.createElement(br,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return $t.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=Cn(i,t);return e||(e=Cn(vo.Warning,t)),$t.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return $t.createElement(Jr,{key:`line-${i}-token-${n}`},$t.createElement(qa,null,$t.createElement(qa,null,r),$t.createElement(Qr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},ts={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 os(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 ts[n]?{value:t,unit:n}:{value:t,unit:"px"}}function ns(e){const t=os(e);return`${t.value}${t.unit}`}const is=(()=>{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})(),as=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=Ri.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=os(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:ns(1.5),height:ns(4),borderRadius:ns(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${is} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return $t.createElement("span",{style:h,...r},$t.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),$t.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),$t.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),$t.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),$t.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),$t.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),$t.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),$t.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},rs=Ft.div`
|
|
647
647
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
648
648
|
display: flex;
|
|
649
649
|
align-items: center;
|
|
650
650
|
justify-content: center;
|
|
651
651
|
`,ss=({extend:e,size:t=14,align:o="center"})=>$t.createElement(rs,{$align:o},$t.createElement(Ze,{size:t,rotate:e?180:0})),ls=Ft.div`
|
|
652
652
|
border-radius: 24px;
|
|
653
|
-
background-color: ${({theme:e,$status:t})=>t===
|
|
653
|
+
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+Ri.opacity.hex["010"]:t===vo.Warning?e.text.warning+Ri.opacity.hex["010"]:e.colors.secondary+Ri.opacity.hex["005"]};
|
|
654
654
|
&:hover {
|
|
655
|
-
background-color: ${({theme:e,$status:t})=>t===
|
|
655
|
+
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+Ri.opacity.hex["020"]:t===vo.Warning?e.text.warning+Ri.opacity.hex["020"]:e.colors.secondary+Ri.opacity.hex["010"]};
|
|
656
656
|
}
|
|
657
657
|
cursor: pointer;
|
|
658
658
|
transition: background 0.3s;
|
|
@@ -674,25 +674,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
674
674
|
white-space: nowrap;
|
|
675
675
|
`,hs=Ft(Ga)`
|
|
676
676
|
width: 16px;
|
|
677
|
-
`,ms=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=
|
|
677
|
+
`,ms=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Ri.useTheme(),[a,r]=yt(!1),s=bt(()=>Pn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=bt(()=>an(s),[s]);wt(()=>{r(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?vo.Error:p?vo.Warning:u?vo.Info:vo.Success,x=Cn(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=Et(()=>r(e=>!e),[]);return $t.createElement(ls,{onClick:w,$status:g},$t.createElement(cs,null,m?$t.createElement(as,null):$t.createElement(x,null),$t.createElement(ji,{color:f,size:14},$),$t.createElement(ji,{color:y,size:12,family:"secondary"},b),$t.createElement(ss,{extend:a,align:"right"})),a&&$t.createElement(ds,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===Eo.Loading?()=>$t.createElement(as,{scale:.8}):e===Eo.Disabled?Cn(vo.Info,i):Cn(e,i),l=e===Eo.Disabled?i.text.info:e===vo.Error?i.text.error:e===vo.Warning?i.text.warning:i.text.info,c=e===Eo.Disabled?i.text.info_secondary:e===vo.Error?i.text.error_secondary:e===vo.Warning?i.text.warning_secondary:i.text.info_secondary;return $t.createElement(ps,{key:`condition-${r}`},$t.createElement(hs,null,$t.createElement(s,null)),$t.createElement(qa,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},$t.createElement(ji,{color:l,size:12},$t.createElement(us,{color:c,size:12,weight:700},t),n||o),$t.createElement(us,{color:l,size:12},new Date(a).toLocaleString())))})))},gs=Ft.div`
|
|
678
678
|
display: flex;
|
|
679
679
|
align-items: center;
|
|
680
680
|
gap: ${({$size:e})=>e/3}px;
|
|
681
681
|
padding: ${({$size:e,$withBorder:t,$withBackground:o})=>t||o?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
682
682
|
width: ${({$width:e})=>e||"fit-content"};
|
|
683
683
|
border-radius: 360px;
|
|
684
|
-
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+
|
|
685
|
-
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+
|
|
684
|
+
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Ri.opacity.hex["050"]}`:"none"};
|
|
685
|
+
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Ri.opacity.hex["030"]} 100%)`:"transparent"};
|
|
686
686
|
`,xs=Ft.div`
|
|
687
687
|
display: flex;
|
|
688
688
|
align-items: center;
|
|
689
689
|
`,$s=Ft.div`
|
|
690
690
|
display: flex;
|
|
691
691
|
align-items: center;
|
|
692
|
-
`,fs=({title:e,subtitle:t,status:o=
|
|
692
|
+
`,fs=({title:e,subtitle:t,status:o=vo.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Ri.useTheme(),u=[Eo.Loading,Eo.Disabled].includes(o)?vo.Info:o,h=n?()=>$t.createElement(n,{size:l+2,fill:p.text[u]}):o===Eo.Loading?()=>$t.createElement(as,{scale:.8}):()=>Cn(u,p)?.({size:l+2});return $t.createElement(gs,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&$t.createElement(xs,null,$t.createElement(h,null)),(!!e||!!t)&&$t.createElement($s,null,!!e&&$t.createElement(ji,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&$t.createElement(pr,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&$t.createElement(ji,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},bs=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=Rt();return $t.createElement(pa,{onClick:t,variant:o,...i},$t.createElement(et,{fill:"primary"===o?a.text.primary:a.text.info}),$t.createElement(ji,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||Xo.ADD))},ys=Ft(qa)`
|
|
693
693
|
width: 100%;
|
|
694
694
|
border-radius: 8px;
|
|
695
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
695
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ri.opacity.hex["010"]};
|
|
696
696
|
pre {
|
|
697
697
|
color: ${({theme:e})=>e.text.default};
|
|
698
698
|
font-size: 12px;
|
|
@@ -700,7 +700,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
700
700
|
width: 100%;
|
|
701
701
|
padding-left: 12px;
|
|
702
702
|
}
|
|
703
|
-
`,ws=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Sa();return $t.createElement(ys,null,$t.createElement("pre",null,e),$t.createElement(kr,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?$t.createElement(Ge,null):$t.createElement(Ke,null)))},ks=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=
|
|
703
|
+
`,ws=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Sa();return $t.createElement(ys,null,$t.createElement("pre",null,e),$t.createElement(kr,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?$t.createElement(Ge,null):$t.createElement(Ke,null)))},ks=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=Rt();return $t.createElement(pa,{onClick:t,variant:o,...n},$t.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),$t.createElement(ji,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||Xo.EDIT))},vs=({onClick:e})=>$t.createElement(Nr,{type:vo.Default,icon:je,message:Jo.QUICK_BACK_TO_SUMMARY,action:{label:Jo.GO_TO_SUMMARY,onClick:e}}),Cs=Ft(ji)`
|
|
704
704
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
705
705
|
white-space: nowrap;
|
|
706
706
|
overflow-x: auto;
|
|
@@ -717,7 +717,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
717
717
|
width: ${({$size:e})=>e}px;
|
|
718
718
|
height: ${({$size:e})=>e}px;
|
|
719
719
|
border-radius: 8px;
|
|
720
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
720
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ri.opacity.hex["030"]} 100%)`}};
|
|
721
721
|
`,Ds=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>$t.createElement(As,{$status:i,$size:a},t?$t.createElement(Ss,{src:t,alt:n,size:a-12}):e?$t.createElement(e,{size:a-12}):$t.createElement(o,{size:a-12})),Ts=Ft.div`
|
|
722
722
|
position: relative;
|
|
723
723
|
display: flex;
|
|
@@ -737,9 +737,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
737
737
|
width: ${({$size:e})=>e}px;
|
|
738
738
|
height: ${({$size:e})=>e}px;
|
|
739
739
|
border-radius: 100%;
|
|
740
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
741
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
742
|
-
`,Ns=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=
|
|
740
|
+
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Ri.opacity.hex["030"]};
|
|
741
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ri.opacity.hex["030"]} 100%)`}};
|
|
742
|
+
`,Ns=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=Ri.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return $t.createElement(Ns,{icons:t.map(e=>()=>$t.createElement(Ss,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return $t.createElement(Ds,{icon:e[0],status:o,size:n});const s=t=>e.length<=2?.5*r:0===t||1===t?0:1.15*r,l=e=>0===e?0:1===e?1.15*r:1.15*r*.5;return $t.createElement(Ts,{$status:o,$size:n},e.map((t,n)=>n>2?null:$t.createElement(Is,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?$t.createElement(ji,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):$t.createElement(t,{size:r}))))},zs=ri.map(({id:e})=>e),Os=({monitors:e=zs,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=Ri.useTheme(),r=i||a.text.grey;return $t.createElement(qa,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=Yt(i),s=$n(i);return s?$t.createElement(br,{key:i,text:t?a:""},$t.createElement(qa,{$gap:n/3},$t.createElement(s,{size:o?n+2:n,fill:r}),o&&$t.createElement(ji,{size:n,color:r},a))):null}))},Fs=Ft.div`
|
|
743
743
|
visibility: hidden;
|
|
744
744
|
`,_s=Ft.div`
|
|
745
745
|
display: flex;
|
|
@@ -748,13 +748,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
748
748
|
padding: 16px;
|
|
749
749
|
width: calc(100% - 32px);
|
|
750
750
|
border-radius: 16px;
|
|
751
|
-
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+
|
|
751
|
+
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+Ri.opacity.hex["010"]:e.colors.secondary+Ri.opacity.hex["005"])};
|
|
752
752
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
753
753
|
|
|
754
|
-
${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?
|
|
754
|
+
${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?_t`
|
|
755
755
|
&:hover {
|
|
756
756
|
cursor: pointer;
|
|
757
|
-
background-color: ${o||(t?e.text[t]+
|
|
757
|
+
background-color: ${o||(t?e.text[t]+Ri.opacity.hex["020"]:e.colors.secondary+Ri.opacity.hex["010"])};
|
|
758
758
|
${Fs} {
|
|
759
759
|
visibility: visible;
|
|
760
760
|
}
|
|
@@ -770,7 +770,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
770
770
|
`,Ls=Ft(ji)`
|
|
771
771
|
font-size: 10px;
|
|
772
772
|
color: ${({theme:e})=>e.text.grey};
|
|
773
|
-
`,Ps=({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=
|
|
773
|
+
`,Ps=({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=Ri.useTheme(),[S,A]=yt(k||!1),[D,T]=yt(0),I=kt(null),N=kt(null),z=kt(null);return wt(()=>{if(I.current){const e=I.current.clientWidth,t=N.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),$t.createElement(_s,{ref:I,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},$t.createElement(qa,{$gap:8},$t.createElement(qa,{$gap:16},b?$t.createElement(as,null):x?$t.createElement(Wr,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?$t.createElement(Ns,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?$t.createElement(Ds,{icon:a,src:s,status:c}):null),$t.createElement(Ga,{$gap:4},e&&$t.createElement(Es,{maxWidth:D,text:e,textSize:14}),$t.createElement(qa,{$gap:4},t&&$t.createElement(Es,{maxWidth:D-(z.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&$t.createElement(qa,{$gap:4,ref:z},t&&$t.createElement(Ls,null,"•"),$t.createElement(Os,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?$t.createElement(qa,{$gap:4},g?.map((e,t)=>$t.createElement(ft,{key:`componentsUnderTitles-${t}`},e))):null),$t.createElement(Rs,{ref:N},!!o&&$t.createElement(Fs,null,$t.createElement(Bs,{size:14,family:"secondary"},o)),i&&i(),w&&$t.createElement(ft,null,$t.createElement(pr,{orientation:"vertical",length:"16px",margin:"0 2px"}),$t.createElement(kr,{onClick:()=>A(e=>!e)},$t.createElement(ss,{extend:S}))))),S&&v&&$t.createElement(Ga,null,$t.createElement(pr,{margin:"16px 0"}),v()))},Ms=Ft(qa)`
|
|
774
774
|
width: 100%;
|
|
775
775
|
justify-content: space-between;
|
|
776
776
|
`,js=Ft(ji)`
|
|
@@ -787,9 +787,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
787
787
|
`,Vs=Ft(ji)`
|
|
788
788
|
font-size: 12px;
|
|
789
789
|
text-align: right;
|
|
790
|
-
`,Hs=({title:e,subTitle:t,tooltip:o,value:n})=>$t.createElement(Ms,null,$t.createElement(Ga,{$gap:4},$t.createElement(br,{text:o||""},e&&$t.createElement(js,{key:"title"},e),t&&$t.createElement(Us,{key:"subtitle"},t))),$t.createElement(Ws,null,n?.status?$t.createElement(fs,{status:"transitioning"===n.status?
|
|
790
|
+
`,Hs=({title:e,subTitle:t,tooltip:o,value:n})=>$t.createElement(Ms,null,$t.createElement(Ga,{$gap:4},$t.createElement(br,{text:o||""},e&&$t.createElement(js,{key:"title"},e),t&&$t.createElement(Us,{key:"subtitle"},t))),$t.createElement(Ws,null,n?.status?$t.createElement(fs,{status:"transitioning"===n.status?Eo.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):$t.createElement(Vs,null,n?.text||"-"))),qs=Ft(Ga)`
|
|
791
791
|
width: 100%;
|
|
792
|
-
`,Gs=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=bt(()=>{const e=[];return o?.name&&e.push($t.createElement(fs,{key:"started",status:
|
|
792
|
+
`,Gs=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=bt(()=>{const e=[];return o?.name&&e.push($t.createElement(fs,{key:"started",status:Fn(o.value)?Wn(o.value)?vo.Success:vo.Error:vo.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push($t.createElement(fs,{key:"ready",status:Fn(n.value)?Wn(n.value)?vo.Success:vo.Error:vo.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return $t.createElement(Ps,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>$t.createElement(fs,{status:vo.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>$t.createElement(qs,{$gap:24},i.map((e,t)=>$t.createElement(qs,{key:`process-${t}`,$gap:8},$t.createElement(Hs,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===vo.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>$t.createElement(Hs,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Ks=Ft.div`
|
|
793
793
|
display: flex;
|
|
794
794
|
flex-direction: column;
|
|
795
795
|
align-items: center;
|
|
@@ -805,7 +805,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
805
805
|
font-weight: 200;
|
|
806
806
|
line-height: 20px;
|
|
807
807
|
text-align: center;
|
|
808
|
-
`,Qs=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=
|
|
808
|
+
`,Qs=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=Ri.useTheme();return $t.createElement(Ks,null,$t.createElement(Ys,null,$t.createElement(ot,{fill:o.text.dark_grey}),$t.createElement(Js,null,e)),t&&$t.createElement(Xs,null,t))},Zs=Ft(Ga)`
|
|
809
809
|
max-width: 300px;
|
|
810
810
|
padding: 12px;
|
|
811
811
|
border-radius: 12px;
|
|
@@ -833,7 +833,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
833
833
|
border-radius: 16px;
|
|
834
834
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
835
835
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
836
|
-
`,al=({title:e,value:t})=>{const o=
|
|
836
|
+
`,al=({title:e,value:t})=>{const o=Rt();return $t.createElement(qa,{$justifyContent:"space-between"},$t.createElement(ji,{size:12,color:o.text.info},e),$t.createElement(ji,{size:12,family:"secondary"},t))},rl=At(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=oi(),c=Rt(),d=n===vo.Error?Cn(n,c):null;return $t.createElement($t.Fragment,null,$t.createElement(Pt,{type:"source",position:Mt.Bottom,style:{visibility:"hidden"}}),$t.createElement(Pt,{type:"target",position:Mt.Top,style:{visibility:"hidden"}}),$t.createElement(ol,{"data-id":e},$t.createElement(tl,null,$t.createElement(Ns,{id:o,icons:a,status:n})),$t.createElement(nl,null,d&&$t.createElement(d,null),$t.createElement(Es,{maxWidth:100,text:i})),s===Do.MapItem&&l===e&&$t.createElement(il,null,$t.createElement(qa,{$gap:12},$t.createElement(Ns,{id:o,icons:a,status:n}),$t.createElement(ji,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>$t.createElement("div",{key:`from-${o}-to-${e}`},$t.createElement(pr,null),$t.createElement(al,{title:"Connected Service",value:e}),$t.createElement(al,{title:"Outgoing Requests",value:t}),$t.createElement(al,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):$t.createElement($t.Fragment,null,$t.createElement(pr,null),$t.createElement(Qs,{title:"No outgoing connections",subTitle:" "})))))});rl.displayName=rl.name;const sl=Ft.div`
|
|
837
837
|
height: calc(100vh - 160px);
|
|
838
838
|
.react-flow__attribution {
|
|
839
839
|
visibility: hidden;
|
|
@@ -852,7 +852,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
852
852
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
853
853
|
}
|
|
854
854
|
}
|
|
855
|
-
`,cl={[
|
|
855
|
+
`,cl={[Do.MapItem]:rl,[Do.NoData]:el},dl=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=xa(),{setActiveNodeType:s,setActiveNodeId:l}=oi();return $t.createElement(sl,null,$t.createElement(jt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:cl,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},$t.createElement(ll,null,$t.createElement(Ut,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},pl=Ft.div`
|
|
856
856
|
display: flex;
|
|
857
857
|
|
|
858
858
|
align-items: center;
|
|
@@ -884,15 +884,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
884
884
|
transition: border-color 0.3s;
|
|
885
885
|
border-radius: 32px;
|
|
886
886
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
887
|
-
${({$disabled:e})=>e&&
|
|
887
|
+
${({$disabled:e})=>e&&_t`
|
|
888
888
|
cursor: not-allowed;
|
|
889
889
|
opacity: 0.6;
|
|
890
890
|
`}
|
|
891
|
-
${({$isActive:e,$hasError:t,$status:o})=>e?
|
|
891
|
+
${({$isActive:e,$hasError:t,$status:o})=>e?_t`
|
|
892
892
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
893
|
-
`:t?
|
|
893
|
+
`:t?_t`
|
|
894
894
|
border-color: ${({theme:e})=>e.text.error};
|
|
895
|
-
`:o?
|
|
895
|
+
`:o?_t`
|
|
896
896
|
border-color: ${({theme:e})=>e.text[o]};
|
|
897
897
|
`:""}
|
|
898
898
|
&:hover {
|
|
@@ -951,7 +951,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
951
951
|
background-color: ${({theme:e})=>e.colors.border};
|
|
952
952
|
cursor: not-allowed;
|
|
953
953
|
}
|
|
954
|
-
`,wl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=
|
|
954
|
+
`,wl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=ko.Text,name:p,status:u,...h})=>{const m=Ri.useTheme(),g=d===ko.Password,[x,$]=yt(!1);return $t.createElement(gl,null,$t.createElement(ml,{title:a,required:s,tooltip:r,status:u}),$t.createElement(xl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?$t.createElement(bl,{onClick:()=>$(e=>!e)},x?$t.createElement(nt,{size:14,fill:m.text.grey}):$t.createElement(it,{size:14,fill:m.text.grey})):e?$t.createElement(fl,null,$t.createElement(e,{size:14,fill:m.text.grey})):null,$t.createElement($l,{"data-id":p,type:x||d===ko.Number?ko.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===ko.Number&&(e.target.value=Un(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&$t.createElement(yl,{onClick:o,disabled:h.disabled},t)),!!i&&$t.createElement(Vi,null,i))},kl=Ft.div`
|
|
955
955
|
display: flex;
|
|
956
956
|
flex-direction: column;
|
|
957
957
|
min-width: 120px;
|
|
@@ -968,17 +968,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
968
968
|
border-radius: 32px;
|
|
969
969
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
970
970
|
|
|
971
|
-
${({$isOpen:e,$isMulti:t,theme:o})=>e&&!t?
|
|
971
|
+
${({$isOpen:e,$isMulti:t,theme:o})=>e&&!t?_t`
|
|
972
972
|
border: 1px solid ${o.text.grey};
|
|
973
973
|
background: ${o.colors.dropdown_bg_2};
|
|
974
|
-
`:
|
|
974
|
+
`:_t`
|
|
975
975
|
border: 1px solid ${o.colors.border};
|
|
976
976
|
background: transparent;
|
|
977
977
|
`};
|
|
978
978
|
|
|
979
|
-
${({$hasError:e,$status:t})=>e?
|
|
979
|
+
${({$hasError:e,$status:t})=>e?_t`
|
|
980
980
|
border-color: ${({theme:e})=>e.text.error};
|
|
981
|
-
`:t?
|
|
981
|
+
`:t?_t`
|
|
982
982
|
border-color: ${({theme:e})=>e.text[t]};
|
|
983
983
|
`:""}
|
|
984
984
|
|
|
@@ -1007,7 +1007,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1007
1007
|
transition: transform 0.3s;
|
|
1008
1008
|
}
|
|
1009
1009
|
}
|
|
1010
|
-
`,Tl=Ft(ji)``,Il=({value:e,placeholder:t,onDeselect:o})=>{const n=
|
|
1010
|
+
`,Tl=Ft(ji)``,Il=({value:e,placeholder:t,onDeselect:o})=>{const n=Ri.useTheme();return Array.isArray(e)?e.length?$t.createElement(Al,null,e.map(e=>$t.createElement(Dl,{key:`multi-label-${e.id}`,size:14},e.value,$t.createElement(pr,{orientation:"vertical",length:"10px",margin:"0 4px"}),$t.createElement(Ye,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):$t.createElement(Tl,{size:14,color:n.text.darker_grey},t):$t.createElement(Tl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Nl=Ft.div`
|
|
1011
1011
|
position: absolute;
|
|
1012
1012
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1013
1013
|
left: 0;
|
|
@@ -1035,20 +1035,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1035
1035
|
border-radius: 32px;
|
|
1036
1036
|
&:hover,
|
|
1037
1037
|
&.selected {
|
|
1038
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1038
|
+
background: ${({theme:e})=>e.colors.majestic_blue+Ri.opacity.hex["024"]};
|
|
1039
1039
|
}
|
|
1040
|
-
`,_l=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=
|
|
1040
|
+
`,_l=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Ri.useTheme(),r=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):i?.(e);return o?$t.createElement(Fl,{className:r?"selected":"",onClick:()=>s(!r)},$t.createElement(Wr,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):$t.createElement(Fl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},$t.createElement(qa,{$gap:8},e.icon&&$t.createElement(e.icon,null),$t.createElement(ji,{size:14},e.value)),r&&$t.createElement(Ge,null))},Rl=Ft(Ga)`
|
|
1041
1041
|
gap: 12px;
|
|
1042
1042
|
`,Bl=Ft(qa)`
|
|
1043
1043
|
width: 100%;
|
|
1044
1044
|
gap: 12px;
|
|
1045
1045
|
align-items: flex-end;
|
|
1046
|
-
`,Ll=({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=
|
|
1046
|
+
`,Ll=({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=Ri.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=_a({onClickOutside:a});return Oa({key:"Enter",active:i},r),wt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:$t.createElement(xr,{ref:m,isOpen:i,top:n?void 0:g.top,bottom:n?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},$t.createElement(Rl,null,$t.createElement(br,{text:d,withIcon:!0},$t.createElement(ji,{size:14},c)),$t.createElement(Bl,null,u,$t.createElement(qa,{$gap:6},$t.createElement(kr,{withBorder:!0,onClick:a,tooltip:"Cancel"},$t.createElement(Ye,null)),$t.createElement(kr,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},$t.createElement(Ge,{fill:h.text.primary})),s&&$t.createElement(kr,{onClick:l,tooltip:"Undo"},$t.createElement(rt,null)))),p&&$t.createElement(Nr,{type:vo.Warning,message:p})))},Pl=Ft.div`
|
|
1047
1047
|
position: relative;
|
|
1048
|
-
`,Ml=({defaultLanguage:e
|
|
1048
|
+
`,Ml=({defaultLanguage:e=$o.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=bi(),{formData:i,handleFormChange:a,resetFormData:r}=ua({language:e,version:t}),[s,l]=yt(!1),c=()=>{l(!1),r()};return $t.createElement(Pl,null,$t.createElement(kr,{tooltip:Jo.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},$t.createElement(tt,null)),$t.createElement(Ll,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Bn(i.version)?(o(i),c()):n({type:vo.Warning,message:Yo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:Jo.OVERRIDE_RUNTIME_DETAILS,warning:Jo.OVERRIDE_RUNTIME_WARNING},$t.createElement(Sl,{title:Jo.LANGUAGE,options:li,value:li.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),$t.createElement(wl,{title:Jo.RUNTIME_VERSION,placeholder:Jo.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},jl=Ft(qa)`
|
|
1049
1049
|
width: 100%;
|
|
1050
1050
|
justify-content: center;
|
|
1051
|
-
`,Ul=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=
|
|
1051
|
+
`,Ul=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Ri.useTheme(),c=i?vo.Success:a?vo.Info:vo.Warning,d=i?Co.INSTRUMENTED:a?Co.NOT_INSTRUMENTED:Co.INSTRUMENTING;return $t.createElement(Ps,{title:e,subTitle:`${t?si[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:sn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>$t.createElement(jl,null,$t.createElement(ji,{size:12,family:"secondary",color:l.text.info},Ln(a)))},renderActions:()=>$t.createElement($t.Fragment,null,$t.createElement(fs,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&$t.createElement(fs,{status:vo.Default,forceIcon:st,title:Jo.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&$t.createElement(Ml,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Wl=Ft.tr`
|
|
1052
1052
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1053
1053
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1054
1054
|
`,Vl=Ft.td`
|
|
@@ -1080,8 +1080,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1080
1080
|
width: ${({$width:e})=>e}px;
|
|
1081
1081
|
height: ${({$height:e})=>e}px;
|
|
1082
1082
|
border-radius: 16px;
|
|
1083
|
-
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+
|
|
1084
|
-
`,Gl=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=ka(),[c,d]=yt(!1);return $t.createElement(Wl,{ref:r,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:a},t.map(({key:t},n)=>{const a=o.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:d,withTooltip:p,icon:u,component:h}=a;return $t.createElement(Vl,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?$t.createElement(Ds,{icon:u}):h?$t.createElement(h,null):$t.createElement(br,{text:p&&r?String(r):""},$t.createElement(Hl,{$color:d},
|
|
1083
|
+
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Ri.opacity.hex["020"]:e.colors.majestic_blue+Ri.opacity.hex["030"]:o?e.text[o]+Ri.opacity.hex["010"]:e.colors.secondary+Ri.opacity.hex["005"]};
|
|
1084
|
+
`,Gl=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=ka(),[c,d]=yt(!1);return $t.createElement(Wl,{ref:r,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:a},t.map(({key:t},n)=>{const a=o.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:d,withTooltip:p,icon:u,component:h}=a;return $t.createElement(Vl,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?$t.createElement(Ds,{icon:u}):h?$t.createElement(h,null):$t.createElement(br,{text:p&&r?String(r):""},$t.createElement(Hl,{$color:d},Nn(r)?"-":r)),0===n&&$t.createElement(ql,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Kl=Ft.div`
|
|
1085
1085
|
width: 100%;
|
|
1086
1086
|
`,Yl=Ft.table`
|
|
1087
1087
|
position: relative;
|
|
@@ -1113,7 +1113,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1113
1113
|
font-size: 12px;
|
|
1114
1114
|
font-weight: 500;
|
|
1115
1115
|
text-wrap: nowrap;
|
|
1116
|
-
`,ec=Ft.tbody``,tc=({columns:e,rows:t})=>{const[o,n]=yt(
|
|
1116
|
+
`,ec=Ft.tbody``,tc=({columns:e,rows:t})=>{const[o,n]=yt(ho.Ascending),[i,a]=yt("name"),r=Et(e=>{i===e?n(e=>e===ho.Ascending?ho.Descending:ho.Ascending):(a(e),n(ho.Ascending))},[i]),s=bt(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const a=n(e,i),r=n(t,i);return(o===ho.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(a,r)}):t).map(({status:t,faded:o,cells:n,onClick:i},a)=>$t.createElement(Gl,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return $t.createElement(Kl,null,$t.createElement(Yl,null,$t.createElement(Jl,null,$t.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>$t.createElement(Xl,{key:`column-${e}`},o?$t.createElement(Ql,{onClick:()=>r(e)},$t.createElement(lt,null),$t.createElement(Zl,null,t)):$t.createElement(Zl,null,t))))),$t.createElement(ec,null,s)))};var oc;!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"}(oc||(oc={}));const nc=Ft.div`
|
|
1117
1117
|
display: flex;
|
|
1118
1118
|
flex-wrap: wrap;
|
|
1119
1119
|
gap: 16px 32px;
|
|
@@ -1130,7 +1130,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1130
1130
|
`,rc=Ft(ji)`
|
|
1131
1131
|
font-size: 12px;
|
|
1132
1132
|
white-space: pre-wrap;
|
|
1133
|
-
`,sc=({data:e})=>$t.createElement(nc,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>$t.createElement(ic,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[oc.Code,oc.Table].includes(e)?"inherit":e&&[oc.Loader,oc.Divider,oc.CopyText].includes(e)?"100%":"unset"},$t.createElement(br,{text:n,withIcon:!0},$t.createElement(qa,{$alignItems:"center",$gap:4},o&&$t.createElement(o,{size:14}),!!t&&$t.createElement(ac,{transform:"capitalize"},t))),$t.createElement(lc,{type:e,value:i})))),lc=({type:e,value:t})=>{const o=
|
|
1133
|
+
`,sc=({data:e})=>$t.createElement(nc,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>$t.createElement(ic,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[oc.Code,oc.Table].includes(e)?"inherit":e&&[oc.Loader,oc.Divider,oc.CopyText].includes(e)?"100%":"unset"},$t.createElement(br,{text:n,withIcon:!0},$t.createElement(qa,{$alignItems:"center",$gap:4},o&&$t.createElement(o,{size:14}),!!t&&$t.createElement(ac,{transform:"capitalize"},t))),$t.createElement(lc,{type:e,value:i})))),lc=({type:e,value:t})=>{const o=Ri.useTheme();switch(e){case oc.Divider:return $t.createElement(pr,{length:"100%",margin:"0"});case oc.Loader:return $t.createElement(Ka,null,$t.createElement(as,{scale:1.2}));case oc.Monitors:return $t.createElement(Os,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case oc.Badge:{const{label:e,filled:o,...n}=Dn(t,{label:"-",filled:!1});return $t.createElement(sa,{label:e,filled:o,...n})}case oc.Code:{const{language:e,code:o,...n}=Dn(t,{language:"",code:""});return $t.createElement(Zr,{language:e,code:o,...n})}case oc.Table:{const{columns:e,rows:o,...n}=Dn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return $t.createElement(tc,{columns:e,rows:o,...n})}case oc.ActiveStatus:return $t.createElement(fs,{status:"true"==t?vo.Success:vo.Error,title:"true"==t?Jo.ENABLED:Jo.DISABLED,size:10,withIcon:!0,withBorder:!0});case oc.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return $t.createElement(ws,{value:e})}default:return $t.createElement(rc,null,Vn("string"==typeof t?t||"-":""))}},cc=Ft.div`
|
|
1134
1134
|
display: flex;
|
|
1135
1135
|
flex-direction: column;
|
|
1136
1136
|
align-items: flex-start;
|
|
@@ -1139,7 +1139,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1139
1139
|
padding: 24px;
|
|
1140
1140
|
border-radius: 24px;
|
|
1141
1141
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1142
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+
|
|
1142
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Ri.opacity.hex["010"]:"transparent"};
|
|
1143
1143
|
transition: background-color 0.3s;
|
|
1144
1144
|
`,dc=Ft.div`
|
|
1145
1145
|
width: 100%;
|
|
@@ -1159,18 +1159,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1159
1159
|
`,hc=Ft(qa)`
|
|
1160
1160
|
margin-left: auto;
|
|
1161
1161
|
gap: 8px;
|
|
1162
|
-
`,mc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=yt(r),[p,u]=yt(!1);return $t.createElement(cc,{$hovered:p},e||o||n||i?$t.createElement(dc,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},$t.createElement(qa,null,$t.createElement(qa,{$alignItems:"center",$gap:8},o&&$t.createElement(qa,{$alignItems:"center"},$t.createElement(o,{size:20})),!!e&&$t.createElement(pc,{transform:"capitalize"},e),t===
|
|
1162
|
+
`,mc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=yt(r),[p,u]=yt(!1);return $t.createElement(cc,{$hovered:p},e||o||n||i?$t.createElement(dc,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},$t.createElement(qa,null,$t.createElement(qa,{$alignItems:"center",$gap:8},o&&$t.createElement(qa,{$alignItems:"center"},$t.createElement(o,{size:20})),!!e&&$t.createElement(pc,{transform:"capitalize"},e),t===Eo.Loading?$t.createElement(as,null):void 0!==t&&$t.createElement(sa,{label:t})),(!!i||a)&&$t.createElement(hc,null,"function"==typeof i?$t.createElement(i,{hovered:p}):i,a&&$t.createElement(ss,{extend:c}))),!!n&&$t.createElement(uc,null,n)):null,(!a||a&&c)&&(l||$t.createElement(sc,{data:s})))},gc=Ft.div`
|
|
1163
1163
|
visibility: hidden;
|
|
1164
1164
|
`,xc=Ft(qa)`
|
|
1165
1165
|
align-self: stretch;
|
|
1166
1166
|
width: calc(100% - 32px);
|
|
1167
1167
|
padding: 16px;
|
|
1168
1168
|
border-radius: 16px;
|
|
1169
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1170
|
-
${({theme:e,$withClick:t})=>t?
|
|
1169
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ri.opacity.hex["005"]};
|
|
1170
|
+
${({theme:e,$withClick:t})=>t?_t`
|
|
1171
1171
|
&:hover {
|
|
1172
1172
|
cursor: pointer;
|
|
1173
|
-
background-color: ${e.colors.secondary+
|
|
1173
|
+
background-color: ${e.colors.secondary+Ri.opacity.hex["010"]};
|
|
1174
1174
|
${gc} {
|
|
1175
1175
|
visibility: visible;
|
|
1176
1176
|
}
|
|
@@ -1182,7 +1182,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1182
1182
|
`,fc=Ft(ji)`
|
|
1183
1183
|
font-size: 10px;
|
|
1184
1184
|
color: ${({theme:e})=>e.text.grey};
|
|
1185
|
-
`,bc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=
|
|
1185
|
+
`,bc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Ri.useTheme(),[s,l]=yt(0),c=kt(null),d=kt(null);return wt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),$t.createElement(xc,{ref:c,$gap:8,$withClick:!!i,onClick:i},$t.createElement(Ns,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&$t.createElement(Es,{maxWidth:s/2,text:e,textSize:14}),e&&t&&$t.createElement(fc,null,"•"),t&&$t.createElement(Es,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),$t.createElement($c,{ref:d},a&&$t.createElement($t.Fragment,null,$t.createElement(pr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},yc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===bo.Source?"uninstrument":"delete";return $t.createElement(Pr,{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:vo.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}})},wc=Ft(pa)`
|
|
1186
1186
|
display: flex;
|
|
1187
1187
|
align-items: center;
|
|
1188
1188
|
justify-content: center;
|
|
@@ -1230,7 +1230,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1230
1230
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1231
1231
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1232
1232
|
transform: translateY(100%);
|
|
1233
|
-
animation-name: ${
|
|
1233
|
+
animation-name: ${Ri.animations.slide.in.bottom};
|
|
1234
1234
|
`,_c=Ft(qa)`
|
|
1235
1235
|
margin-right: auto;
|
|
1236
1236
|
`,Rc=Ft(qa)`
|
|
@@ -1248,9 +1248,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1248
1248
|
z-index: 1000;
|
|
1249
1249
|
width: ${({$width:e})=>e};
|
|
1250
1250
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1251
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+
|
|
1251
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Ri.opacity.hex["010"]};
|
|
1252
1252
|
overflow-y: auto;
|
|
1253
|
-
animation-name: ${({$position:e})=>
|
|
1253
|
+
animation-name: ${({$position:e})=>Ri.animations.slide.in[e]};
|
|
1254
1254
|
`,jc=Ft.div`
|
|
1255
1255
|
display: flex;
|
|
1256
1256
|
flex-direction: column;
|
|
@@ -1259,12 +1259,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1259
1259
|
flex-grow: 1;
|
|
1260
1260
|
padding: 24px 32px;
|
|
1261
1261
|
overflow-y: auto;
|
|
1262
|
-
`,Wc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>(Oa({key:"Escape",active:e&&o},()=>t()),ga(e),e?Wt.createPortal($t.createElement($t.Fragment,null,$t.createElement(Ja,{hidden:!e,onClick:t}),$t.createElement(Mc,{"data-id":"drawer",$position:n,$width:i},$t.createElement(jc,null,$t.createElement(Oc,{onClose:t,width:i,...r}),$t.createElement(Uc,null,a),$t.createElement(Pc,{...s})))),document.body):null),Vc=({error:e})=>{const t=
|
|
1262
|
+
`,Wc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>(Oa({key:"Escape",active:e&&o},()=>t()),ga(e),e?Wt.createPortal($t.createElement($t.Fragment,null,$t.createElement(Ja,{hidden:!e,onClick:t}),$t.createElement(Mc,{"data-id":"drawer",$position:n,$width:i},$t.createElement(jc,null,$t.createElement(Oc,{onClose:t,width:i,...r}),$t.createElement(Uc,null,a),$t.createElement(Pc,{...s})))),document.body):null),Vc=({error:e})=>{const t=Ri.useTheme(),o={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return $t.createElement("div",{style:o.container},$t.createElement("h2",null,"Something went wrong!"),$t.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),$t.createElement("details",{style:o.errorStackWrapper},$t.createElement("summary",null,"Stack Trace"),$t.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),$t.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),$t.createElement(pa,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Hc=({children:e})=>$t.createElement(Gt,{FallbackComponent:e=>$t.createElement(Ri.Provider,null,$t.createElement(Vc,{...e}))},e),qc=Ft(qa)`
|
|
1263
1263
|
position: relative;
|
|
1264
1264
|
width: calc(100% - 24px);
|
|
1265
1265
|
padding: 12px;
|
|
1266
1266
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1267
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1267
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Ri.opacity.hex["050"]};
|
|
1268
1268
|
`,Gc=Ft(qa)`
|
|
1269
1269
|
margin-right: auto;
|
|
1270
1270
|
margin-left: 32px;
|
|
@@ -1286,7 +1286,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1286
1286
|
padding: 4px;
|
|
1287
1287
|
gap: 4px;
|
|
1288
1288
|
border-radius: 32px;
|
|
1289
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1289
|
+
border: 1px solid ${({theme:e})=>e.colors.border+Ri.opacity.hex["070"]};
|
|
1290
1290
|
|
|
1291
1291
|
display: flex;
|
|
1292
1292
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
@@ -1297,7 +1297,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1297
1297
|
height: 32px;
|
|
1298
1298
|
|
|
1299
1299
|
border-radius: 100%;
|
|
1300
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+
|
|
1300
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+Ri.opacity.hex["070"]:e.colors.secondary+Ri.opacity.hex["012"]};
|
|
1301
1301
|
transition: background-color 0.3s;
|
|
1302
1302
|
|
|
1303
1303
|
display: flex;
|
|
@@ -1320,7 +1320,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1320
1320
|
`,ad=Ft(kr)`
|
|
1321
1321
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1322
1322
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1323
|
-
`,rd=({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]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return $t.createElement(od,null,$t.createElement(ml,{title:n,required:a,tooltip:i}),$t.createElement(nd,null,s.map((e,t)=>{const o=t===s.length-1;return $t.createElement(id,{key:`input-list-${t}`},$t.createElement(wl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:
|
|
1323
|
+
`,rd=({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]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return $t.createElement(od,null,$t.createElement(ml,{title:n,required:a,tooltip:i}),$t.createElement(nd,null,s.map((e,t)=>{const o=t===s.length-1;return $t.createElement(id,{key:`input-list-${t}`},$t.createElement(wl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:Nn(e)&&!u&&o}),t===s.length-1&&$t.createElement(ad,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},$t.createElement(et,null)),$t.createElement(ad,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},$t.createElement(rt,null)))})),!!r&&$t.createElement(Vi,null,r))},sd=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:h,type:m,componentType:g,options:x,renderCondition:$}=e,f=o[c];return $&&!$(o)?null:$t.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===wo.Dropdown){const e=x?.find(e=>e.id===f);return $t.createElement(Sl,{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&&Nn(f))})}{const e=i>1&&n===i-1&&0===t&&Nn(f);return $t.createElement(wl,{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&&Nn(f))})}})())},ld=Ft.div`
|
|
1324
1324
|
display: flex;
|
|
1325
1325
|
flex-direction: column;
|
|
1326
1326
|
width: 100%;
|
|
@@ -1330,7 +1330,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1330
1330
|
border: none;
|
|
1331
1331
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1332
1332
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1333
|
-
`,dd=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=yt({}),[c,d]=yt(o||t),p=bt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);wt(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,o]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&
|
|
1333
|
+
`,dd=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=yt({}),[c,d]=yt(o||t),p=bt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);wt(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,o]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&Nn(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]);const x=(e,t,o)=>{d(n=>{const i=Zt(n);return i[o][e]=t,i})},$=bt(()=>{if(a){const t=[];for(let o=0;;o+=a){const n=e.slice(o,o+a);if(!n.length)break;t.push(n)}return t}return[e]},[a,e]);return $t.createElement(ld,null,$t.createElement(ml,{title:r}),$t.createElement("table",{style:{borderCollapse:"collapse"}},!a&&$t.createElement("thead",null,$t.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>$t.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},$t.createElement(ml,{title:e,required:o,tooltip:t}))),$t.createElement("th",null))),$t.createElement("tbody",null,c.map((t,o)=>$t.createElement(ft,{key:`input-table-row-${o}`},a&&o>0?$t.createElement("tr",null,$t.createElement("td",{colSpan:$.length},$t.createElement(pr,null))):null,$.map((n,r)=>$t.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>$t.createElement(sd,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&$t.createElement("td",null,$t.createElement(cd,{$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===ko.Number?"0":"",t)));var t}},$t.createElement(rt,null))))))))),!!i&&$t.createElement(Vi,null,i),$t.createElement(bs,{onClick:()=>{d(e=>{const t=Zt(e);return t.push(Zt(s)),t})},disabled:m}))},pd=Ft.div`
|
|
1334
1334
|
display: flex;
|
|
1335
1335
|
flex-direction: column;
|
|
1336
1336
|
width: 100%;
|
|
@@ -1348,7 +1348,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1348
1348
|
`,gd=Ft(kr)`
|
|
1349
1349
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1350
1350
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1351
|
-
`,xd={key:"",value:""},$d=({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([{...xd}])},[]);const h=p.filter(({key:e,value:t})=>!
|
|
1351
|
+
`,xd={key:"",value:""},$d=({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([{...xd}])},[]);const h=p.filter(({key:e,value:t})=>!Nn(e.trim())&&!Nn(t.trim())),m=kt(JSON.stringify(h));wt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,o&&o(h))},[h]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},x=p.length<=1,$=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=a||x&&$;return $t.createElement(pd,null,$t.createElement(ml,{title:n,required:r,tooltip:i}),$t.createElement(ud,null,p.map(({key:e,value:t},o)=>$t.createElement(hd,{key:`key-value-input-list-${o}`},$t.createElement(md,{$maxWidth:d},$t.createElement(wl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:Nn(t)&&!x&&o===p.length-1})),$t.createElement(md,{$maxWidth:o===p.length-1?d-38:d},$t.createElement(wl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&Nn(t)),autoFocus:!1})),o===p.length-1&&$t.createElement(gd,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...xd}),t})}},$t.createElement(et,null)),$t.createElement(gd,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},$t.createElement(rt,null))))),!!s&&$t.createElement(Vi,null,s))},fd=Lt`
|
|
1352
1352
|
0% {
|
|
1353
1353
|
background-position: 0% 50%;
|
|
1354
1354
|
}
|
|
@@ -1361,16 +1361,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1361
1361
|
background-clip: text;
|
|
1362
1362
|
color: transparent;
|
|
1363
1363
|
animation: ${fd} 1s reverse linear infinite;
|
|
1364
|
-
`,yd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=
|
|
1364
|
+
`,yd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Ri.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return $t.createElement(bd,{$textColor:a,$stripColor:r,...n},e)},wd=Ft.div`
|
|
1365
1365
|
display: flex;
|
|
1366
1366
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1367
1367
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
1368
|
-
${({$hasError:e})=>e&&
|
|
1368
|
+
${({$hasError:e})=>e&&_t`
|
|
1369
1369
|
border: 1px solid ${({theme:e})=>e.text.error};
|
|
1370
1370
|
border-radius: 32px;
|
|
1371
1371
|
padding: 8px;
|
|
1372
1372
|
`}
|
|
1373
|
-
`,kd=(e,t)=>!t?.length||!!t?.find(t=>t===e),vd=({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||
|
|
1373
|
+
`,kd=(e,t)=>!t?.length||!!t?.find(t=>t===e),vd=({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||ri.forEach(({id:t})=>{kd(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,r(e),l(1===e.length)),()=>{c.current=""}},[i]),$t.createElement("div",null,t&&$t.createElement(ml,{title:t,required:o}),$t.createElement(wd,{$isVertical:e,$hasError:!!n},ri.map(e=>{const t=kd(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?$t.createElement(Wr,{key:e.id,title:e.value,disabled:!t||s&&o,value:o,onChange:t=>((e,t)=>{const o=e,n=t?[...a,o]:a.filter(e=>e!==o);r(n),l(1===n.length)})(e.id,t)}):null})),!!n&&$t.createElement(Vi,null,n))},Cd=Ft.div`
|
|
1374
1374
|
display: flex;
|
|
1375
1375
|
gap: 8px;
|
|
1376
1376
|
align-items: center;
|
|
@@ -1380,7 +1380,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1380
1380
|
justify-content: center;
|
|
1381
1381
|
gap: 8px;
|
|
1382
1382
|
min-width: 90px;
|
|
1383
|
-
`,Sd=({buttons:e})=>{const t=
|
|
1383
|
+
`,Sd=({buttons:e})=>{const t=Ri.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?$t.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?$t.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return $t.createElement(Cd,null,e.map((e,t)=>$t.createElement(br,{key:t,text:e.tooltip||""},$t.createElement(Ed,{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})))))},Ad=Ft.div`
|
|
1384
1384
|
height: ${({$height:e})=>e}px;
|
|
1385
1385
|
width: 100%;
|
|
1386
1386
|
overflow: auto;
|
|
@@ -1444,20 +1444,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1444
1444
|
text-decoration: none;
|
|
1445
1445
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1446
1446
|
&.not-selected {
|
|
1447
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+
|
|
1447
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+Ri.opacity.hex["060"]};
|
|
1448
1448
|
&:hover {
|
|
1449
1449
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1450
1450
|
}
|
|
1451
1451
|
}
|
|
1452
1452
|
&.selected {
|
|
1453
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1453
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+Ri.opacity.hex["030"]};
|
|
1454
1454
|
}
|
|
1455
1455
|
`,Ud=Ft(ji)`
|
|
1456
1456
|
white-space: nowrap;
|
|
1457
1457
|
overflow: hidden;
|
|
1458
1458
|
text-overflow: ellipsis;
|
|
1459
1459
|
font-size: 14px;
|
|
1460
|
-
`,Wd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=
|
|
1460
|
+
`,Wd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Ri.useTheme();return $t.createElement(jd,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&$t.createElement("div",null,$t.createElement(o,{fill:p.text.info})),n&&$t.createElement("div",null,$t.createElement("img",{src:n,alt:"",width:16,height:16})),$t.createElement(Ud,null,e),r&&$t.createElement("div",null,$t.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&$t.createElement(sa,{label:i,filled:a||r}))},Vd=Ft.div`
|
|
1461
1461
|
display: flex;
|
|
1462
1462
|
flex-direction: column;
|
|
1463
1463
|
gap: 16px;
|
|
@@ -1472,7 +1472,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1472
1472
|
border-radius: 8px;
|
|
1473
1473
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1474
1474
|
background-size: 200% 100%;
|
|
1475
|
-
animation: ${
|
|
1475
|
+
animation: ${Ri.animations.shimmer} 10s infinite linear;
|
|
1476
1476
|
`,Gd=Ft(Ga)`
|
|
1477
1477
|
flex: 1;
|
|
1478
1478
|
gap: 12px;
|
|
@@ -1481,7 +1481,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1481
1481
|
height: 16px;
|
|
1482
1482
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1483
1483
|
background-size: 200% 100%;
|
|
1484
|
-
animation: ${
|
|
1484
|
+
animation: ${Ri.animations.shimmer} 1.5s infinite linear;
|
|
1485
1485
|
border-radius: 4px;
|
|
1486
1486
|
`,Yd=({size:e=5,maxWidth:t})=>$t.createElement(Vd,{$maxWidth:t},[...Array(e)].map((e,t)=>$t.createElement(Hd,{key:t},$t.createElement(qd,null),$t.createElement(Gd,null,$t.createElement(Kd,{$width:"80%"}),$t.createElement(Kd,{$width:"100%"})))));var Jd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Jd||(Jd={}));const Xd=Ft.div`
|
|
1487
1487
|
display: flex;
|
|
@@ -1503,7 +1503,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1503
1503
|
`,ep=Ft(Ga)`
|
|
1504
1504
|
justify-content: center;
|
|
1505
1505
|
gap: 8px;
|
|
1506
|
-
`,tp=Ft(ji)``,op=Ft(ji)``,np=({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||
|
|
1506
|
+
`,tp=Ft(ji)``,op=Ft(ji)``,np=({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||vo.Success}:o===t-1?{...e,state:Jd.Active,subtitle:""}:{...e,state:Jd.Disabled,subtitle:""}))},[t,e]),$t.createElement(Xd,null,o.map((e,t)=>$t.createElement(Qd,{key:t,$state:e.state},$t.createElement(Zd,{$state:e.state},[Jd.Active,Jd.Disabled].includes(e.state)?$t.createElement(ji,{size:12},e.stepNumber):e.state===Jd.Finished?$t.createElement(Ge,{size:20}):null),$t.createElement(ep,null,$t.createElement(tp,{family:"secondary"},e.title),e.subtitle&&$t.createElement(op,{size:10,weight:300},e.subtitle)))))},ip=Ft(qa)`
|
|
1507
1507
|
width: fit-content;
|
|
1508
1508
|
gap: 6px;
|
|
1509
1509
|
padding: 6px 12px;
|
|
@@ -1511,7 +1511,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1511
1511
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1512
1512
|
`,ap=Ft(ji)`
|
|
1513
1513
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1514
|
-
`,rp=({type:e=
|
|
1514
|
+
`,rp=({type:e=vo.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>$t.createElement(ip,{$type:e},t&&$t.createElement(t,null),$t.createElement(ap,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),sp=Ft.div`
|
|
1515
1515
|
display: flex;
|
|
1516
1516
|
flex-direction: column;
|
|
1517
1517
|
position: relative;
|
|
@@ -1524,17 +1524,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1524
1524
|
transition: border-color 0.3s;
|
|
1525
1525
|
border-radius: 24px;
|
|
1526
1526
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1527
|
-
${({$disabled:e})=>e&&
|
|
1527
|
+
${({$disabled:e})=>e&&_t`
|
|
1528
1528
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1529
1529
|
cursor: not-allowed;
|
|
1530
1530
|
opacity: 0.6;
|
|
1531
1531
|
`}
|
|
1532
1532
|
|
|
1533
|
-
${({$hasError:e})=>e&&
|
|
1533
|
+
${({$hasError:e})=>e&&_t`
|
|
1534
1534
|
border-color: ${({theme:e})=>e.text.error};
|
|
1535
1535
|
`}
|
|
1536
1536
|
|
|
1537
|
-
${({$isActive:e})=>e&&
|
|
1537
|
+
${({$isActive:e})=>e&&_t`
|
|
1538
1538
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1539
1539
|
`}
|
|
1540
1540
|
|
|
@@ -1600,35 +1600,35 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1600
1600
|
width: ${({$width:e})=>e}px;
|
|
1601
1601
|
height: ${({$height:e})=>e}px;
|
|
1602
1602
|
position: relative;
|
|
1603
|
-
`,xp=({width:e=620})=>{const{darkMode:t}=
|
|
1603
|
+
`,xp=({width:e=620})=>{const{darkMode:t}=Ri.useTheme(),o=e/(620/220),n=e;return $t.createElement(gp,{$width:n,$height:o},$t.createElement(Kt,{autoplay:!0,loop:!0,animationData:mp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))};var $p,fp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}($p||($p={})),function(e){e.S="small",e.M="medium",e.L="large"}(fp||(fp={}));const bp=Ft.button`
|
|
1604
1604
|
display: flex;
|
|
1605
1605
|
align-items: center;
|
|
1606
1606
|
justify-content: center;
|
|
1607
1607
|
gap: 8px;
|
|
1608
|
-
${({$fullWidth:e})=>e&&
|
|
1608
|
+
${({$fullWidth:e})=>e&&_t`
|
|
1609
1609
|
width: 100%;
|
|
1610
1610
|
`}
|
|
1611
1611
|
border: none;
|
|
1612
1612
|
border-radius: 6px;
|
|
1613
|
-
${({$size:e,$hasLabel:t})=>e===fp.S?
|
|
1613
|
+
${({$size:e,$hasLabel:t})=>e===fp.S?_t`
|
|
1614
1614
|
height: 32px;
|
|
1615
|
-
${t?
|
|
1615
|
+
${t?_t`
|
|
1616
1616
|
padding: 8px 16px;
|
|
1617
|
-
`:
|
|
1617
|
+
`:_t`
|
|
1618
1618
|
width: 32px;
|
|
1619
1619
|
`}
|
|
1620
|
-
`:e===fp.M?
|
|
1620
|
+
`:e===fp.M?_t`
|
|
1621
1621
|
height: 38px;
|
|
1622
|
-
${t?
|
|
1622
|
+
${t?_t`
|
|
1623
1623
|
padding: 8px 18px;
|
|
1624
|
-
`:
|
|
1624
|
+
`:_t`
|
|
1625
1625
|
width: 38px;
|
|
1626
1626
|
`}
|
|
1627
|
-
`:
|
|
1627
|
+
`:_t`
|
|
1628
1628
|
height: 44px;
|
|
1629
|
-
${t?
|
|
1629
|
+
${t?_t`
|
|
1630
1630
|
padding: 8px 22px;
|
|
1631
|
-
`:
|
|
1631
|
+
`:_t`
|
|
1632
1632
|
width: 44px;
|
|
1633
1633
|
`}
|
|
1634
1634
|
`}
|
|
@@ -1639,10 +1639,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1639
1639
|
cursor: not-allowed;
|
|
1640
1640
|
}
|
|
1641
1641
|
&:enabled {
|
|
1642
|
-
${({$withShadow:e})=>e?
|
|
1642
|
+
${({$withShadow:e})=>e?_t`
|
|
1643
1643
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1644
1644
|
`:""}
|
|
1645
|
-
${({$variant:e})=>e===$p.Primary?
|
|
1645
|
+
${({$variant:e})=>e===$p.Primary?_t`
|
|
1646
1646
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1647
1647
|
&:hover {
|
|
1648
1648
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1650,7 +1650,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1650
1650
|
&:active {
|
|
1651
1651
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1652
1652
|
}
|
|
1653
|
-
`:e===$p.Secondary?
|
|
1653
|
+
`:e===$p.Secondary?_t`
|
|
1654
1654
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1655
1655
|
&:hover {
|
|
1656
1656
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1658,7 +1658,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1658
1658
|
&:active {
|
|
1659
1659
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1660
1660
|
}
|
|
1661
|
-
`:e===$p.Text?
|
|
1661
|
+
`:e===$p.Text?_t`
|
|
1662
1662
|
background-color: transparent;
|
|
1663
1663
|
&:hover {
|
|
1664
1664
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1668,7 +1668,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1668
1668
|
}
|
|
1669
1669
|
`:""}
|
|
1670
1670
|
}
|
|
1671
|
-
`,yp=St(({label:e,leftIcon:t,rightIcon:o,variant:n=$p.Primary,size:i=fp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=
|
|
1671
|
+
`,yp=St(({label:e,leftIcon:t,rightIcon:o,variant:n=$p.Primary,size:i=fp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Ri.useTheme(),m=a||(i===fp.L?18:16),g=i===fp.L?Xn.S:Xn.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return $t.createElement(bp,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:r?void 0:e=>{e.stopPropagation(),d?.(e)},...p},r?e?$t.createElement(yd,{size:h.v2.text.size[g],textColor:x}):$t.createElement(as,null):$t.createElement($t.Fragment,null,t&&$t.createElement(t,{size:m,fill:x}),e?$t.createElement(Zn,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&$t.createElement(o,{size:m,fill:x})))});yp.displayName=yp.name;const wp=Ft.button`
|
|
1672
1672
|
width: 100%;
|
|
1673
1673
|
padding: 0;
|
|
1674
1674
|
padding-right: 12px;
|
|
@@ -1678,9 +1678,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1678
1678
|
gap: 12px;
|
|
1679
1679
|
border-radius: 8px;
|
|
1680
1680
|
border: none;
|
|
1681
|
-
${({$hovered:e})=>e?
|
|
1681
|
+
${({$hovered:e})=>e?_t`
|
|
1682
1682
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1683
|
-
`:
|
|
1683
|
+
`:_t`
|
|
1684
1684
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1685
1685
|
`}
|
|
1686
1686
|
overflow: hidden;
|
|
@@ -1694,9 +1694,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1694
1694
|
display: flex;
|
|
1695
1695
|
align-items: center;
|
|
1696
1696
|
justify-content: center;
|
|
1697
|
-
${({$hovered:e})=>e?
|
|
1697
|
+
${({$hovered:e})=>e?_t`
|
|
1698
1698
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1699
|
-
`:
|
|
1699
|
+
`:_t`
|
|
1700
1700
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1701
1701
|
`}
|
|
1702
1702
|
`,vp=Ft.div`
|
|
@@ -1705,7 +1705,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1705
1705
|
justify-content: space-between;
|
|
1706
1706
|
align-items: center;
|
|
1707
1707
|
gap: 8px;
|
|
1708
|
-
`,Cp=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=yt(!1);return $t.createElement(wp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},$t.createElement(kp,{$hovered:i,$hasIcon:!!t},t&&$t.createElement(t,{size:36})),$t.createElement(vp,{$hasIcon:!!t},o?$t.createElement(yd,{size:16}):$t.createElement(
|
|
1708
|
+
`,Cp=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=yt(!1);return $t.createElement(wp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},$t.createElement(kp,{$hovered:i,$hasIcon:!!t},t&&$t.createElement(t,{size:36})),$t.createElement(vp,{$hasIcon:!!t},o?$t.createElement(yd,{size:16}):$t.createElement(Zn,{variant:Jn.Span,align:"center"},e),$t.createElement(dt,{rotate:90,size:24})))},Ep=({buttons:e})=>$t.createElement(Ga,{$gap:12},e.map(e=>$t.createElement(Cp,{key:e.label,...e}))),Sp=Ft.div`
|
|
1709
1709
|
display: flex;
|
|
1710
1710
|
align-items: center;
|
|
1711
1711
|
flex-wrap: wrap;
|
|
@@ -1719,7 +1719,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1719
1719
|
display: flex;
|
|
1720
1720
|
flex-direction: column;
|
|
1721
1721
|
gap: 4px;
|
|
1722
|
-
`,Dp=({cellsPerRow:e,items:t})=>{const o=
|
|
1722
|
+
`,Dp=({cellsPerRow:e,items:t})=>{const o=Rt(),{CopyButton:n}=Sa();return $t.createElement(Sp,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>$t.createElement(Ap,{key:i,$cellsPerRow:e||t.length},$t.createElement(Zn,{size:Xn.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),$t.createElement(qa,{$gap:4},l&&$t.createElement(ti,{...l}),r&&$t.createElement(Zn,{size:Xn.XS,nowrap:!0},r),s&&$t.createElement(n,{value:r||l?.label?.toString()||"",size:va.XS})))))},Tp=Ft.div`
|
|
1723
1723
|
width: ${({$width:e})=>e||"unset"};
|
|
1724
1724
|
padding: 6px 12px;
|
|
1725
1725
|
display: flex;
|
|
@@ -1747,7 +1747,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1747
1747
|
overflow: hidden;
|
|
1748
1748
|
text-overflow: ellipsis;
|
|
1749
1749
|
white-space: nowrap;
|
|
1750
|
-
`,Np=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=
|
|
1750
|
+
`,Np=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=Ri.useTheme(),[a,r]=yt(!1),[s,l]=yt(!1),c=s?i.v2.colors.white[500]:i.v2.colors.silver[200];return $t.createElement(Tp,{$width:n,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),$isHovered:a,$isActive:s},$t.createElement(at,{size:18,fill:c}),$t.createElement(Ip,{"data-id":"search",name:"search",type:"text",placeholder:e,value:t,onChange:e=>{e.stopPropagation(),o(e.target.value)},onFocus:()=>l(!0),onBlur:()=>l(!1),$textColor:c}))};var zp;!function(e){e.S="small",e.L="large"}(zp||(zp={}));const Op=Ft.div`
|
|
1751
1751
|
width: fit-content;
|
|
1752
1752
|
display: flex;
|
|
1753
1753
|
align-items: center;
|
|
@@ -1762,11 +1762,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1762
1762
|
border-radius: 4px;
|
|
1763
1763
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1764
1764
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1765
|
-
`,_p=({label:e,size:t=zp.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=
|
|
1765
|
+
`,_p=({label:e,size:t=zp.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Ri.useTheme(),[s,l]=yt(!1),c=n||i,d=t===zp.S?8:12,p=o?r.v2.colors.grey[400]:r.v2.colors.white[500],u=c?"transparent":o?r.v2.colors.grey[700]:s?r.v2.colors.silver[400]:r.v2.colors.silver[600],h=o?r.v2.colors.grey[600]:c?r.v2.colors.purple[500]:r.v2.colors.silver[900];return $t.createElement(Op,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},$t.createElement(Fp,{$size:t,$borderColor:u,$backgroundColor:h},n?$t.createElement(Je,{size:d,fill:p}):i?$t.createElement(Ge,{size:d,fill:p}):null),e&&$t.createElement(Zn,{size:t===zp.S?Xn.XXS:Xn.XS,nowrap:!0},e))},Rp=Ft.div`
|
|
1766
1766
|
display: flex;
|
|
1767
|
-
flex-direction: ${({$direction:e})=>e===
|
|
1768
|
-
gap: ${({$direction:e})=>e===
|
|
1769
|
-
`,Bp=({direction:e=
|
|
1767
|
+
flex-direction: ${({$direction:e})=>e===uo.Horizontal?"row":"column"};
|
|
1768
|
+
gap: ${({$direction:e})=>e===uo.Horizontal?16:8}px;
|
|
1769
|
+
`,Bp=({direction:e=uo.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===zp.S?Xn.XXS:Xn.XS,c=bt(()=>a.every(e=>r[e.id]),[a,r]),d=bt(()=>a.some(e=>r[e.id])&&a.some(e=>!r[e.id]),[a,r]),p=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:a.forEach(e=>n[e.id]=t),n})};return $t.createElement(Rp,{$direction:e},t&&i?$t.createElement(_p,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?$t.createElement(Zn,{size:l},t):null,a.map(e=>$t.createElement(_p,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))};var Lp;!function(e){e.Left="left",e.Right="right"}(Lp||(Lp={}));const Pp=Ft.div`
|
|
1770
1770
|
position: relative;
|
|
1771
1771
|
`,Mp=Ft.div`
|
|
1772
1772
|
display: flex;
|
|
@@ -1790,23 +1790,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1790
1790
|
padding: 8px;
|
|
1791
1791
|
border-radius: 6px;
|
|
1792
1792
|
cursor: pointer;
|
|
1793
|
-
${({$selected:e})=>e?
|
|
1793
|
+
${({$selected:e})=>e?_t`
|
|
1794
1794
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1795
|
-
`:
|
|
1795
|
+
`:_t`
|
|
1796
1796
|
background-color: transparent;
|
|
1797
1797
|
&:hover {
|
|
1798
1798
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1799
1799
|
}
|
|
1800
1800
|
`}
|
|
1801
|
-
`,Up=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,align:i,defaultOpen:a,buttonProps:r,iconButtonProps:s})=>{const l=
|
|
1801
|
+
`,Up=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,align:i,defaultOpen:a,buttonProps:r,iconButtonProps:s})=>{const l=Rt(),c=!!r||!!s,[d,p]=yt(Lp.Left),[u,h]=yt(a??!c),[m,g]=yt(t);wt(()=>{o(m)},[m]);const x=e=>{p(i||(e.clientX>window.innerWidth/2?Lp.Right:Lp.Left)),h(e=>!e)},$=e=>{g(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),c&&!n&&h(!1)},f=kt(null);return Fa(f,()=>h(!1)),$t.createElement(Pp,{ref:f},r&&$t.createElement(yp,{...r,rightIcon:u?pt:ut,onClick:x}),s&&$t.createElement(Ea,{...s,onClick:x}),u&&$t.createElement(Mp,{$withButton:c,$align:d},e.map(({id:e,label:o,icon:n,withCheckbox:i})=>{const a=t.includes(e);return $t.createElement(jp,{key:e,$selected:a,onClick:()=>$(e)},i&&$t.createElement(_p,{value:a,onChange:()=>$(e)}),n&&$t.createElement(n,{size:14,fill:l.v2.colors.white[500]}),$t.createElement(Zn,{size:Xn.XS,nowrap:!0},o))})))};var Wp,Vp;!function(e){e.S="small",e.M="medium"}(Wp||(Wp={})),function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Vp||(Vp={}));const Hp=Ft.div`
|
|
1802
1802
|
display: flex;
|
|
1803
1803
|
flex-direction: column;
|
|
1804
1804
|
gap: ${({$gap:e})=>e}px;
|
|
1805
1805
|
width: ${({$padding:e})=>`calc(100% - ${2*e}px)`};
|
|
1806
1806
|
padding: ${({$padding:e})=>e}px;
|
|
1807
1807
|
border-radius: 16px;
|
|
1808
|
-
background-color: ${({
|
|
1809
|
-
`,qp=({size:e=Wp.M,
|
|
1808
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1809
|
+
`,qp=({size:e=Wp.M,icon:t,title:o,withCopyTitle:n,badge:i,search:a,actions:r,children:s})=>{const{CopyButton:l}=Sa(),c=e===Wp.S?4:16,d=e===Wp.S?12:16;return $t.createElement(Hp,{$padding:d,$gap:c},$t.createElement(qa,{$gap:16,$justifyContent:"space-between"},$t.createElement(qa,{$gap:8,$alignItems:"center"},$t.createElement(t,{size:24}),$t.createElement(Zn,null,o),n&&$t.createElement(l,{value:o,size:va.XS}),i&&$t.createElement(ti,{...i}),a&&$t.createElement(Np,{...a})),$t.createElement(qa,{$gap:8,$alignItems:"center"},r?.map(e=>{switch(e.type){case Vp.Button:return $t.createElement(yp,{key:e.id,...e.buttonProps,label:e.buttonProps?.label??""});case Vp.ButtonDropData:return $t.createElement(Up,{key:e.id,items:e.dropDataItems??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:t=>e.buttonProps?.onClick?.(t[0]),buttonProps:e.buttonProps});default:return null}}))),s)},Gp=Ft.div`
|
|
1810
1810
|
flex: 1;
|
|
1811
1811
|
align-self: stretch;
|
|
1812
1812
|
display: flex;
|
|
@@ -1814,7 +1814,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1814
1814
|
gap: 8px;
|
|
1815
1815
|
padding: 16px;
|
|
1816
1816
|
border-radius: 12px;
|
|
1817
|
-
background-color: ${({theme:e,$status:t})=>
|
|
1817
|
+
background-color: ${({theme:e,$status:t})=>kn(e,t,t===So.Unknown?"750":"500")};
|
|
1818
1818
|
`,Kp=Ft.div`
|
|
1819
1819
|
display: flex;
|
|
1820
1820
|
align-items: center;
|
|
@@ -1823,8 +1823,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1823
1823
|
height: fit-content;
|
|
1824
1824
|
padding: 8px;
|
|
1825
1825
|
border-radius: 12px;
|
|
1826
|
-
background-color: ${({theme:e,$status:t})=>t===
|
|
1827
|
-
`,Yp=({status:e,icon:t,title:o,description:n})=>{const i=
|
|
1826
|
+
background-color: ${({theme:e,$status:t})=>t===So.Unknown?kn(e,t,"800"):kn(e,t,"900")+Ri.opacity.hex["015"]};
|
|
1827
|
+
`,Yp=({status:e,icon:t,title:o,description:n})=>{const i=Rt(),a=t??Cn(e,i),r=[vo.Default,vo.Info,So.Disabled,So.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return $t.createElement(Gp,{$status:e},$t.createElement(Kp,{$status:e},$t.createElement(a,{size:32,fill:r})),$t.createElement(Ga,{$gap:2,$justifyContent:"center"},$t.createElement(Zn,{size:Xn.M,weight:500,color:r,nowrap:!0},o),$t.createElement(Zn,{size:Xn.XXS,weight:300,color:r,nowrap:!0},n)))},Jp=Ft.div`
|
|
1828
1828
|
flex: 1;
|
|
1829
1829
|
align-self: stretch;
|
|
1830
1830
|
display: flex;
|
|
@@ -1833,7 +1833,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1833
1833
|
padding: 12px;
|
|
1834
1834
|
border-radius: 12px;
|
|
1835
1835
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1836
|
-
`,Xp=["-","N/A"],Qp=({title:e,cells:t})=>{const o=
|
|
1836
|
+
`,Xp=["-","N/A"],Qp=({title:e,cells:t})=>{const o=Rt();return $t.createElement(Jp,null,$t.createElement(Zn,{size:Xn.XXS,color:o.v2.colors.grey[150]},e),$t.createElement(qa,{$gap:32},t.map(t=>$t.createElement(Ga,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!Xp.includes(t.value)?$t.createElement(Zn,{size:t.label?Xn.M:Xn.L},t.value):$t.createElement(as,{scale:.9}),t.label&&$t.createElement(Zn,{size:Xn.XXS},t.label)))))},Zp=Ft(qa)`
|
|
1837
1837
|
width: calc(100% - 20px);
|
|
1838
1838
|
padding: 10px;
|
|
1839
1839
|
border-radius: 6px;
|
|
@@ -1864,7 +1864,6 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1864
1864
|
align-items: center;
|
|
1865
1865
|
justify-content: space-between;
|
|
1866
1866
|
width: calc(100% - 24px);
|
|
1867
|
-
padding: 12px;
|
|
1868
1867
|
`,au=Ft.div`
|
|
1869
1868
|
display: flex;
|
|
1870
1869
|
align-items: center;
|
|
@@ -1881,29 +1880,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1881
1880
|
display: flex;
|
|
1882
1881
|
align-items: center;
|
|
1883
1882
|
gap: 12px;
|
|
1884
|
-
`,lu=({icon:e,title:t,actions:o,onClose:n})=>$t.createElement(iu,null,$t.createElement(au,null,$t.createElement(ru,null,$t.createElement(e,{size:24})),$t.createElement(
|
|
1883
|
+
`,lu=({icon:e,title:t,actions:o,onClose:n})=>$t.createElement(iu,null,$t.createElement(au,null,$t.createElement(ru,null,$t.createElement(e,{size:24})),$t.createElement(Zn,{size:Xn.S},t)),$t.createElement(su,null,o?.length?$t.createElement(Ea,{icon:ht,size:va.M,onClick:()=>alert("todo")}):null,$t.createElement(Ea,{icon:Ye,size:va.M,onClick:n}))),cu=Ft.div`
|
|
1885
1884
|
position: fixed;
|
|
1886
1885
|
top: 0;
|
|
1887
1886
|
bottom: 0;
|
|
1888
1887
|
${({$position:e})=>e}: 0;
|
|
1889
1888
|
z-index: 1000;
|
|
1890
|
-
|
|
1889
|
+
|
|
1890
|
+
display: flex;
|
|
1891
|
+
flex-direction: column;
|
|
1892
|
+
gap: 12px;
|
|
1893
|
+
|
|
1894
|
+
width: calc(${({$width:e})=>e} - 32px);
|
|
1895
|
+
padding: 12px;
|
|
1891
1896
|
border-radius: ${({$position:e})=>"left"===e?"0 20px 20px 0":"20px 0 0 20px"};
|
|
1892
|
-
background: ${({theme:e})=>e.v2.colors.
|
|
1897
|
+
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1893
1898
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1894
1899
|
overflow: hidden;
|
|
1895
1900
|
|
|
1896
|
-
animation-name: ${({$position:e})=>
|
|
1901
|
+
animation-name: ${({$position:e})=>Ri.animations.slide.in[e]};
|
|
1897
1902
|
`,du=Ft.div`
|
|
1898
1903
|
display: flex;
|
|
1899
1904
|
flex-direction: column;
|
|
1900
|
-
gap:
|
|
1905
|
+
gap: 12px;
|
|
1906
|
+
|
|
1901
1907
|
height: calc(100% - ${56}px - 32px);
|
|
1902
|
-
padding: 16px;
|
|
1903
|
-
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1904
|
-
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1905
1908
|
overflow-y: auto;
|
|
1906
|
-
`,pu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(ga(e),e?Vt($t.createElement($t.Fragment,null,!t&&$t.createElement(Ja,{onClick:i.onClose}),$t.createElement(cu,{$position:o,$width:n},$t.createElement(lu,{...i}),$t.createElement(du,
|
|
1909
|
+
`,pu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(ga(e),e?Vt($t.createElement($t.Fragment,null,!t&&$t.createElement(Ja,{onClick:i.onClose}),$t.createElement(cu,{$position:o,$width:n},$t.createElement(lu,{...i}),$t.createElement(du,null,a))),document.body):null),uu=Ft.header`
|
|
1907
1910
|
position: relative;
|
|
1908
1911
|
width: calc(100% - 36px);
|
|
1909
1912
|
padding: 12px 18px;
|
|
@@ -1950,7 +1953,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1950
1953
|
|
|
1951
1954
|
border: 1px solid ${({theme:e,$disabled:t,$error:o})=>t?e.v2.colors.grey[600]:o?e.v2.colors.red[500]:e.v2.colors.silver[500]};
|
|
1952
1955
|
background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
|
|
1953
|
-
${({$disabled:e,$error:t})=>!e&&!t&&
|
|
1956
|
+
${({$disabled:e,$error:t})=>!e&&!t&&_t`
|
|
1954
1957
|
&:hover,
|
|
1955
1958
|
&:active,
|
|
1956
1959
|
&:focus-within {
|
|
@@ -1983,14 +1986,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1983
1986
|
white-space: nowrap;
|
|
1984
1987
|
`,wu=Ft.div`
|
|
1985
1988
|
cursor: pointer;
|
|
1986
|
-
`,ku=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=
|
|
1989
|
+
`,ku=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=ko.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Ri.useTheme(),m=s===ko.Password,[g,x]=yt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return $t.createElement(Ga,{$gap:6},$t.createElement(qa,{$justifyContent:"space-between"},e&&$t.createElement(fu,null,e),$t.createElement(qa,{$gap:10},o&&$t.createElement(br,{text:o,withIcon:!0}),t&&$t.createElement($u,null,"*"))),$t.createElement(bu,{$disabled:p,$error:!!a},n?$t.createElement(n,{size:18,fill:$}):null,$t.createElement(yu,{"data-id":l,type:g||s===ko.Number?ko.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===ko.Number&&(e.target.value=Un(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?$t.createElement(wu,{onClick:()=>x(e=>!e)},g?$t.createElement(nt,{size:18,strokeWidth:2,fill:$}):$t.createElement(it,{size:18,strokeWidth:2,fill:$})):i?$t.createElement(i,{size:18,fill:$}):null),a?$t.createElement(qa,{$gap:4},$t.createElement(je,{size:12,fill:h.v2.colors.red[500]}),$t.createElement(Zn,{size:Xn.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?$t.createElement(qa,{$gap:4},$t.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),$t.createElement(Zn,{size:Xn.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},vu=Lt`
|
|
1987
1990
|
0% {
|
|
1988
1991
|
background-position: 0% 50%;
|
|
1989
1992
|
}
|
|
1990
1993
|
100% {
|
|
1991
1994
|
background-position: 100% 50%;
|
|
1992
1995
|
}
|
|
1993
|
-
`,Cu=Ft(
|
|
1996
|
+
`,Cu=Ft(Zn)`
|
|
1994
1997
|
display: flex;
|
|
1995
1998
|
align-items: center;
|
|
1996
1999
|
gap: 4px;
|
|
@@ -2000,7 +2003,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2000
2003
|
background-clip: text;
|
|
2001
2004
|
color: transparent;
|
|
2002
2005
|
animation: ${vu} 1s reverse linear infinite;
|
|
2003
|
-
`,Eu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=
|
|
2006
|
+
`,Eu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Ri.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return $t.createElement($t.Fragment,null,e?$t.createElement(qa,{$gap:4},t&&$t.createElement(t,null),o?$t.createElement(Cu,{$textColor:s,$stripColor:l,...a},e):$t.createElement(Zn,{color:s,...a},e)):null)},Su=Ft.div`
|
|
2004
2007
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2005
2008
|
top: 50%;
|
|
2006
2009
|
left: 50%;
|
|
@@ -2012,7 +2015,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2012
2015
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
2013
2016
|
overflow: hidden;
|
|
2014
2017
|
|
|
2015
|
-
animation-name: ${
|
|
2018
|
+
animation-name: ${Ri.animations.slide.in.center};
|
|
2016
2019
|
`,Au=Ft.div`
|
|
2017
2020
|
position: relative;
|
|
2018
2021
|
`,Du=Ft.div`
|
|
@@ -2032,12 +2035,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2032
2035
|
display: flex;
|
|
2033
2036
|
align-items: center;
|
|
2034
2037
|
gap: 10px;
|
|
2035
|
-
${({$fullWidth:e})=>e&&
|
|
2038
|
+
${({$fullWidth:e})=>e&&_t`
|
|
2036
2039
|
width: calc(100% - 8px);
|
|
2037
2040
|
`}
|
|
2038
2041
|
padding: 4px;
|
|
2039
2042
|
border-radius: 8px;
|
|
2040
|
-
background-color: ${({theme:e,$status:t})=>
|
|
2043
|
+
background-color: ${({theme:e,$status:t})=>kn(e,t,[vo.Info].includes(t)?"1000":"900")};
|
|
2041
2044
|
`,Ou=Ft.div`
|
|
2042
2045
|
width: 36px;
|
|
2043
2046
|
height: 36px;
|
|
@@ -2045,7 +2048,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2045
2048
|
align-items: center;
|
|
2046
2049
|
justify-content: center;
|
|
2047
2050
|
border-radius: 6px;
|
|
2048
|
-
background-color: ${({theme:e,$status:t})=>
|
|
2051
|
+
background-color: ${({theme:e,$status:t})=>kn(e,t,[vo.Info].includes(t)?"900":"800")};
|
|
2049
2052
|
`,Fu=Ft.div`
|
|
2050
2053
|
margin-left: auto;
|
|
2051
2054
|
margin-right: 8px;
|
|
@@ -2053,7 +2056,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2053
2056
|
&:hover {
|
|
2054
2057
|
transform: scale(1.2);
|
|
2055
2058
|
}
|
|
2056
|
-
`,_u=({status:e,message:t,action:o,fullWidth:n})=>{const i=
|
|
2059
|
+
`,_u=({status:e,message:t,action:o,fullWidth:n})=>{const i=Ri.useTheme(),a=Cn(e,i),r=kn(i,e,e===vo.Default?"300":e===vo.Info?"400":"500");return $t.createElement(zu,{$status:e,$fullWidth:n},$t.createElement("div",null,$t.createElement(Ou,{$status:e},$t.createElement(a,{size:24}))),$t.createElement(Zn,{color:r,size:Xn.XXXS,weight:400},t),o&&$t.createElement(Fu,{onClick:o.onClick},$t.createElement(Zn,{color:r,size:Xn.XXS,weight:500,underline:!0},o.label)))};var Ru;!function(e){e.S="small",e.L="large"}(Ru||(Ru={}));const Bu=Ft.div`
|
|
2057
2060
|
width: fit-content;
|
|
2058
2061
|
display: flex;
|
|
2059
2062
|
align-items: center;
|
|
@@ -2068,11 +2071,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2068
2071
|
border-radius: 100%;
|
|
2069
2072
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2070
2073
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2071
|
-
`,Pu=({label:e,value:t,onChange:o,disabled:n,size:i=Ru.L})=>{const a=
|
|
2074
|
+
`,Pu=({label:e,value:t,onChange:o,disabled:n,size:i=Ru.L})=>{const a=Ri.useTheme(),[r,s]=yt(!1),l=t,c=i===Ru.S?6:8,d=n?a.v2.colors.grey[400]:a.v2.colors.white[500],p=l?"transparent":n?a.v2.colors.grey[700]:r?a.v2.colors.silver[400]:a.v2.colors.silver[600],u=n?a.v2.colors.grey[600]:l?a.v2.colors.purple[500]:a.v2.colors.silver[900];return $t.createElement(Bu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},$t.createElement(Lu,{$size:i,$borderColor:p,$backgroundColor:u},t?$t.createElement(mt,{size:c,fill:d}):null),e&&$t.createElement(Zn,{size:i===Ru.S?Xn.XXS:Xn.XS},e))},Mu=Ft.div`
|
|
2072
2075
|
display: flex;
|
|
2073
2076
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2074
2077
|
gap: ${({$gap:e})=>e}px;
|
|
2075
|
-
`,ju=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>$t.createElement(Mu,{$flexDirection:t===
|
|
2078
|
+
`,ju=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>$t.createElement(Mu,{$flexDirection:t===uo.Horizontal?"row":"column",$gap:t===uo.Horizontal?16:8},e&&$t.createElement(Zn,null,e),i.map(t=>$t.createElement(Pu,{key:`${e}-radio-${t.id}`,...t,value:a[t.id],onChange:e=>{return o=t.id,n=e,void r(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n}))),Uu=Ft.div`
|
|
2076
2079
|
position: relative;
|
|
2077
2080
|
z-index: 0;
|
|
2078
2081
|
display: flex;
|
|
@@ -2096,16 +2099,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2096
2099
|
&:hover {
|
|
2097
2100
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
2098
2101
|
}
|
|
2099
|
-
`,Vu=({options:e=[],selected:t,setSelected:o,disabled:n})=>{const i=
|
|
2100
|
-
max-height: ${({$maxHeight:e})=>e};
|
|
2102
|
+
`,Vu=({options:e=[],selected:t,setSelected:o,disabled:n})=>{const i=Rt(),a=n?i.v2.colors.grey[400]:i.v2.colors.white[500];return $t.createElement(Uu,{$count:e.length},e.map(({value:e,label:i,icon:r},s)=>{const l=t===e;return $t.createElement(Wu,{key:`segment-${i||s}-${e}`,onClick:()=>!n&&o(e),$isSelected:l,$disabled:n},r&&$t.createElement(r,{fill:a}),i&&$t.createElement(Zn,{size:Xn.XS,weight:500,color:a,nowrap:!0},i))}))};var Hu;!function(e){e.Data="data",e.Pretty="pretty"}(Hu||(Hu={}));const qu=Ft.div`
|
|
2103
|
+
// max-height: ${({$maxHeight:e})=>e};
|
|
2104
|
+
height: ${({$maxHeight:e})=>e};
|
|
2101
2105
|
width: 100%;
|
|
2102
2106
|
overflow: auto;
|
|
2103
2107
|
`,Gu=Ft.table`
|
|
2104
2108
|
width: 100%;
|
|
2105
2109
|
|
|
2106
|
-
${({$variant:e})=>{switch(e){case Hu.Data:return
|
|
2110
|
+
${({$variant:e})=>{switch(e){case Hu.Data:return _t`
|
|
2107
2111
|
border-collapse: collapse;
|
|
2108
|
-
`;case Hu.Pretty:return
|
|
2112
|
+
`;case Hu.Pretty:return _t`
|
|
2109
2113
|
border-collapse: separate;
|
|
2110
2114
|
border-spacing: 0 8px;
|
|
2111
2115
|
`;default:return""}}}
|
|
@@ -2120,9 +2124,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2120
2124
|
border: none;
|
|
2121
2125
|
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
2122
2126
|
|
|
2123
|
-
${({$variant:e})=>{
|
|
2127
|
+
${({$variant:e,$backgroundColor:t})=>{if(t)return _t`
|
|
2128
|
+
background-color: ${t};
|
|
2129
|
+
`;switch(e){case Hu.Data:return _t`
|
|
2124
2130
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2125
|
-
`;case Hu.Pretty:return
|
|
2131
|
+
`;case Hu.Pretty:return _t`
|
|
2126
2132
|
background-color: transparent;
|
|
2127
2133
|
`;default:return""}}}
|
|
2128
2134
|
`,Ju=Ft.div`
|
|
@@ -2138,13 +2144,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2138
2144
|
padding: 18px 24px;
|
|
2139
2145
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2140
2146
|
|
|
2141
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Hu.Data:return
|
|
2147
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Hu.Data:return _t`
|
|
2142
2148
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2143
2149
|
border-left: none;
|
|
2144
2150
|
border-right: none;
|
|
2145
2151
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2146
2152
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2147
|
-
`;case Hu.Pretty:return
|
|
2153
|
+
`;case Hu.Pretty:return _t`
|
|
2148
2154
|
border: none;
|
|
2149
2155
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2150
2156
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
@@ -2156,7 +2162,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2156
2162
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2157
2163
|
gap: 4px;
|
|
2158
2164
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2159
|
-
`,eh=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=yt(null);return $t.createElement($t.Fragment,null,o.map((l,c)=>{const{onClick:d,isSelected:p=!1,onSelect:u,onDeselect:h,cells:m}=l,g=r===c,x=!!d,$=n(l),f=(e,t,n)=>({$isLastRow:c===o.length-1,$isFirstCell:t,$isLastCell:n,$hovered:g,$selected:p,$withClick:e,onClick:()=>e&&d?.(),onMouseEnter:()=>e&&s(c),onMouseLeave:()=>e&&s(null)});return $t.createElement("tr",{key:`row-${c}`},a&&$t.createElement(Qu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},$t.createElement(_p,{value:p,onChange:()=>p?h?.():u?.()})),t.map(({key:o,textAlign:n},r)=>{const s=m.find(e=>e.key===o),l=0===r&&!a,d=r===t.length-1;return $t.createElement(Qu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?$t.createElement(qa,{$justifyContent:"right"===n?"flex-end":"flex-start"},$t.createElement(s.component,null)):$t.createElement(
|
|
2165
|
+
`,eh=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=yt(null);return $t.createElement($t.Fragment,null,o.map((l,c)=>{const{onClick:d,isSelected:p=!1,onSelect:u,onDeselect:h,cells:m}=l,g=r===c,x=!!d,$=n(l),f=(e,t,n)=>({$isLastRow:c===o.length-1,$isFirstCell:t,$isLastCell:n,$hovered:g,$selected:p,$withClick:e,onClick:()=>e&&d?.(),onMouseEnter:()=>e&&s(c),onMouseLeave:()=>e&&s(null)});return $t.createElement("tr",{key:`row-${c}`},a&&$t.createElement(Qu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},$t.createElement(_p,{value:p,onChange:()=>p?h?.():u?.()})),t.map(({key:o,textAlign:n},r)=>{const s=m.find(e=>e.key===o),l=0===r&&!a,d=r===t.length-1;return $t.createElement(Qu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?$t.createElement(qa,{$justifyContent:"right"===n?"flex-end":"flex-start"},$t.createElement(s.component,null)):$t.createElement(Zn,{size:Xn.XS,align:n},s?.rawValue||"-"),$.length?$t.createElement(xu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},th=({columnKey:e,sortDirection:t,sortByKey:o,onSort:n})=>{const i=Rt(),a=o===e?i.v2.colors.white[500]:i.v2.colors.grey[400],r=t===ho.Ascending?0:180;return $t.createElement(Ea,{icon:e=>$t.createElement(dt,{fill:a,rotate:r,...e}),onClick:()=>n(e)})},oh=({columnKey:e,filters:t,onFilter:o,rowsUnfiltered:n})=>{const i=Rt(),a=t[e]?.length?i.v2.colors.white[500]:i.v2.colors.grey[400],r=bt(()=>Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e]);return $t.createElement(Up,{items:r,withMultiSelect:!0,selectedIds:t[e]?.map(e=>e.toString())??[],setSelectedIds:t=>o(e,t),defaultOpen:!1,iconButtonProps:{icon:e=>$t.createElement(gt,{fill:a,...e})}})},nh=({variant:e,backgroundColor:t,columns:o,rowsUnfiltered:n,sortDirection:i,sortByKey:a,onSort:r,filters:s,onFilter:l,withCheckboxes:c,partiallySelected:d,allSelected:p,onSelectAll:u})=>$t.createElement("tr",null,c&&$t.createElement(Yu,{key:"checkbox-column",$variant:e,$backgroundColor:t,$minWidth:24,$isFirst:!0,$isLast:!1},$t.createElement(_p,{partiallyChecked:d&&!p,value:p||!1,onChange:u})),o.map(({key:d,label:p,minWidth:u,textAlign:h},m)=>{const g=0===m&&!c,x=m===o.length-1;return $t.createElement(Yu,{key:`column-${d}`,$variant:e,$backgroundColor:t,$minWidth:u,$isFirst:g,$isLast:x},$t.createElement(Zu,{$textAlign:h},$t.createElement(Zn,{size:Xn.XS,align:h},p),$t.createElement(th,{columnKey:d,sortDirection:i,sortByKey:a,onSort:r}),$t.createElement(oh,{columnKey:d,filters:s,onFilter:l,rowsUnfiltered:n})),!x&&e===Hu.Data&&$t.createElement(Ju,null))})),ih=({variant:e,maxHeight:t="unset",headerBackgroundColor:o,isLoading:n,columns:i,rows:a,getRowActions:r,rowActionsPushRightPosition:s,withCheckboxes:l})=>{const[c,d]=yt(ho.Ascending),[p,u]=yt(""),[h,m]=yt({}),g=Et(e=>{u(e),d(e=>e===ho.Ascending?ho.Descending:ho.Ascending)},[]),x=Et((e,t)=>{m(o=>({...o,[e]:t}))},[]),$=bt(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue?.toString()||o.component?.({})?.props?.children?.toString())||""};return(p?[...a].sort((t,o)=>{const n=e(t,p),i=e(o,p);return(c===ho.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)}):a).filter(t=>{for(const[o,n]of Object.entries(h))if(n.length&&!n.includes(e(t,o)))return!1;return!0})},[a,p,c,h]);return $t.createElement(qu,{$maxHeight:t},$t.createElement(Gu,{$variant:e},$t.createElement(Ku,null,$t.createElement(nh,{variant:e,backgroundColor:o,columns:i,rowsUnfiltered:a,sortDirection:c,sortByKey:p,onSort:g,filters:h,onFilter:x,withCheckboxes:l,partiallySelected:a.length>0&&a.some(e=>e.isSelected),allSelected:a.length>0&&a.every(e=>e.isSelected),onSelectAll:e=>{e?a.forEach(e=>e.onSelect?.()):a.forEach(e=>e.onDeselect?.())}})),$t.createElement(Xu,null,$t.createElement(eh,{variant:e,columns:i,rows:$,getRowActions:r||(()=>[]),rowActionsPushRightPosition:s,withCheckboxes:l}))),!$.length&&$t.createElement(Ka,{style:{marginTop:"0.5rem"}},n?$t.createElement(as,{scale:1.2}):$t.createElement(Qs,null)))},ah=Ft.div`
|
|
2160
2166
|
display: flex;
|
|
2161
2167
|
align-items: center;
|
|
2162
2168
|
justify-content: center;
|
|
@@ -2164,10 +2170,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2164
2170
|
width: fit-content;
|
|
2165
2171
|
padding: 8px;
|
|
2166
2172
|
border-radius: 4px;
|
|
2167
|
-
${({$disabled:e,$withClick:t})=>e?
|
|
2173
|
+
${({$disabled:e,$withClick:t})=>e?_t`
|
|
2168
2174
|
cursor: not-allowed;
|
|
2169
2175
|
background-color: ${({theme:e})=>e.v2.colors.grey[800]};
|
|
2170
|
-
`:t?
|
|
2176
|
+
`:t?_t`
|
|
2171
2177
|
cursor: pointer;
|
|
2172
2178
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2173
2179
|
&:hover {
|
|
@@ -2176,10 +2182,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2176
2182
|
&:active {
|
|
2177
2183
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2178
2184
|
}
|
|
2179
|
-
`:
|
|
2185
|
+
`:_t`
|
|
2180
2186
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2181
2187
|
`}
|
|
2182
|
-
`,rh=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=
|
|
2188
|
+
`,rh=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Ri.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return $t.createElement(ah,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&$t.createElement(t,{fill:r,size:16}),$t.createElement(Zn,{color:r,size:Xn.XS,nowrap:!0},e),o&&$t.createElement(o,{fill:r,size:16}))};var sh,lh,ch;!function(e){e.Default="default",e.SuccessError="successError"}(sh||(sh={})),function(e){e.S="small",e.L="large"}(lh||(lh={})),function(e){e.Left="left",e.Right="right"}(ch||(ch={}));const dh=Ft.div`
|
|
2183
2189
|
display: flex;
|
|
2184
2190
|
align-items: center;
|
|
2185
2191
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -2206,11 +2212,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2206
2212
|
border-radius: 100%;
|
|
2207
2213
|
background-color: ${({$color:e})=>e};
|
|
2208
2214
|
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)"};
|
|
2209
|
-
`,hh=({variant:e=sh.Default,size:t=lh.L,label:o,labelAlign:n=ch.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Ye,onBgColor:p,offBgColor:u})=>{const h=
|
|
2215
|
+
`,hh=({variant:e=sh.Default,size:t=lh.L,label:o,labelAlign:n=ch.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Ye,onBgColor:p,offBgColor:u})=>{const h=Rt(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===lh.S?14:18,x=t===lh.S?Xn.XS:Xn.S,$=t===lh.S?8:12;return $t.createElement(dh,{$gap:$},o&&n===ch.Left&&$t.createElement(Zn,{size:x,nowrap:!0},o),$t.createElement(ph,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},$t.createElement(uh,{$color:m,$size:g,$value:a,$disabled:s}),l&&$t.createElement($t.Fragment,null,$t.createElement(c,{size:g,fill:m}),$t.createElement(d,{size:g,fill:m}))),o&&n===ch.Right&&$t.createElement(Zn,{size:x,nowrap:!0},o),i&&$t.createElement(br,{text:i,withIcon:!0}))},mh=Ft.div`
|
|
2210
2216
|
display: flex;
|
|
2211
|
-
flex-direction: ${({$direction:e})=>e===
|
|
2212
|
-
gap: ${({$direction:e})=>e===
|
|
2213
|
-
`,gh=({direction:e=
|
|
2217
|
+
flex-direction: ${({$direction:e})=>e===uo.Horizontal?"row":"column"};
|
|
2218
|
+
gap: ${({$direction:e})=>e===uo.Horizontal?16:8}px;
|
|
2219
|
+
`,gh=({direction:e=uo.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===lh.S?Xn.XS:Xn.S;return $t.createElement(mh,{$direction:e},t&&$t.createElement(Zn,{size:s},t),i.map(e=>$t.createElement(hh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:ch.Right,value:a[e.id],onChange:t=>{return o=e.id,n=t,void r(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))},xh=Ft.div`
|
|
2214
2220
|
min-width: 530px;
|
|
2215
2221
|
`,$h=Ft.div`
|
|
2216
2222
|
display: flex;
|
|
@@ -2224,4 +2230,4 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2224
2230
|
gap: 16px;
|
|
2225
2231
|
padding: 16px 24px;
|
|
2226
2232
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2227
|
-
`,bh=({visual:e,title:t,description:o,onDeny:n,denyLabel:i="Deny",onApprove:a,approveLabel:r="Approve",...s})=>{const l=
|
|
2233
|
+
`,bh=({visual:e,title:t,description:o,onDeny:n,denyLabel:i="Deny",onApprove:a,approveLabel:r="Approve",...s})=>{const l=Rt();return $t.createElement(Tu,{isOpen:!0,onClose:n,...s},$t.createElement(xh,null,$t.createElement($h,null,e&&$t.createElement(e,null),$t.createElement(Zn,{size:Xn.M,weight:500,color:l.v2.colors.white[500]},t),$t.createElement(Ga,{$alignItems:"center",$gap:4},o.split("\n").map(e=>$t.createElement(Zn,{key:e,size:Xn.XS,weight:400,color:l.v2.colors.silver[200]},e)))),(n||a)&&$t.createElement(fh,null,n&&$t.createElement(yp,{variant:$p.Secondary,label:i,onClick:n}),a&&$t.createElement(yp,{variant:$p.Primary,label:r,onClick:a}))))};export{rd as $,Jo as A,ti as B,_p as C,pu as D,oc as E,Ga as F,io as G,ml as H,Ea as I,Wr as J,ro as K,Eu as L,Vi as M,_u as N,So as O,Va as P,ao as Q,wl as R,Np as S,Zn as T,Ha as U,ko as V,bh as W,Nn as X,dd as Y,hp as Z,$d as _,vo as a,ln as a$,wo as a0,ji as a1,Md as a2,Rd as a3,kc as a4,vd as a5,dp as a6,wi as a7,bi as a8,hi as a9,Eo as aA,Cn as aB,xi as aC,eo as aD,Ds as aE,un as aF,Os as aG,Qa as aH,Za as aI,Qc as aJ,dn as aK,er as aL,tc as aM,Qs as aN,xp as aO,sa as aP,Gn as aQ,yd as aR,pa as aS,ki as aT,$i as aU,Ps as aV,jn as aW,en as aX,Id as aY,mn as aZ,cn as a_,Oa as aa,Xo as ab,Wc as ac,yc as ad,Mr as ae,bo as af,mi as ag,ma as ah,pn as ai,ni as aj,nn as ak,ms as al,mc as am,fo as an,fi as ao,cr as ap,Sd as aq,Xa as ar,Nr as as,Yo as at,ia as au,pr as av,an as aw,fs as ax,Pn as ay,br as az,qa as b,Fn as b$,Yd as b0,wa as b1,ui as b2,ka as b3,qo as b4,Qo as b5,to as b6,oo as b7,xa as b8,_a as b9,Zt as bA,np as bB,sc as bC,xn as bD,Fo as bE,Vo as bF,_o as bG,Ho as bH,Oo as bI,Ro as bJ,zo as bK,rp as bL,sn as bM,za as bN,ai as bO,An as bP,$a as bQ,Do as bR,dl as bS,ks as bT,td as bU,En as bV,In as bW,ws as bX,Hs as bY,Gs as bZ,xu as b_,xr as ba,Wd as bb,Ya as bc,Fa as bd,Ln as be,Sl as bf,si as bg,ri as bh,Ko as bi,Ra as bj,Aa as bk,Ei as bl,Go as bm,kr as bn,ss as bo,bs as bp,vs as bq,yo as br,Mn as bs,Qt as bt,Dn as bu,jo as bv,Ta as bw,Tn as bx,Yt as by,ii as bz,Xn as c,el as c$,Wn as c0,La as c1,Ul as c2,Uo as c3,$o as c4,Ua as c5,Ns as c6,rn as c7,On as c8,Sa as c9,Wo as cA,Jt as cB,Zo as cC,hn as cD,gn as cE,$n as cF,fn as cG,bn as cH,wn as cI,kn as cJ,Sn as cK,zn as cL,_n as cM,Bn as cN,Un as cO,Vn as cP,Hn as cQ,qn as cR,Kn as cS,Yn as cT,li as cU,ci as cV,oi as cW,ba as cX,ga as cY,Ia as cZ,rl as c_,va as ca,Ll as cb,di as cc,tn as cd,qr as ce,yn as cf,Es as cg,Zr as ch,no as ci,so as cj,lo as ck,co as cl,po as cm,uo as cn,ho as co,mo as cp,go as cq,xo as cr,Co as cs,Ao as ct,To as cu,Io as cv,No as cw,Lo as cx,Po as cy,Mo as cz,as as d,bc as d0,Oc as d1,Pc as d2,Hc as d3,Jc as d4,Ss as d5,Sc as d6,Li as d7,Pi as d8,Mi as d9,Pr as da,Ja as db,Cp as dc,Ep as dd,Wp as de,zp as df,Bp as dg,Lp as dh,Up as di,mu as dj,ku as dk,Tu as dl,Nu as dm,Ru as dn,Pu as dp,ju as dq,rh as dr,sh as ds,ch as dt,gh as du,Jn as dv,hh as e,lh as f,yp as g,$p as h,Wa as i,qp as j,on as k,Vp as l,fp as m,ih as n,Hu as o,Ri as p,vn as q,Ka as r,Dp as s,nu as t,ua as u,Vu as v,Yp as w,Qp as x,Bo as y,ya as z};
|