@odigos/ui-kit 0.0.148 → 0.0.150
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 +21 -0
- package/lib/chunks/index-13c41ca4.js +3 -0
- package/lib/chunks/index-64bb5a64.js +9 -0
- package/lib/chunks/{ui-components-51dfd29f.js → ui-components-82b524d5.js} +390 -367
- package/lib/components/_v2/modal/index.d.ts +2 -0
- package/lib/components/_v2/note/index.d.ts +6 -0
- package/lib/components/_v2/segment/index.d.ts +2 -1
- package/lib/components/_v2/typography/index.d.ts +1 -0
- package/lib/components/styled.d.ts +4 -1
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/central-connections/index.d.ts +1 -1
- package/lib/containers/_v2/pipeline-collectors/toolbar/index.d.ts +2 -1
- package/lib/containers/v2.js +14 -12
- package/lib/containers.js +20 -20
- package/lib/contexts/index.d.ts +1 -0
- package/lib/contexts/odigos-context.d.ts +13 -0
- package/lib/contexts.js +1 -0
- package/lib/functions/index.d.ts +1 -0
- package/lib/functions/trim-version/index.d.ts +1 -0
- package/lib/functions.js +1 -1
- package/lib/hooks/useActionFormData.d.ts +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets/_v2/index.d.ts +1 -0
- package/lib/snippets/_v2/upgrade-required/index.d.ts +6 -0
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/lib/visuals/index.d.ts +1 -0
- package/lib/visuals/visual-star/index.d.ts +2 -0
- package/lib/visuals.js +3 -3
- package/package.json +10 -5
- package/lib/chunks/index-1ba6021d.js +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as h,PythonLogo as m,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as C,PostgresLogo as E,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as N,AxiomLogo as I,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as _,BonreeLogo as F,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as B,ClickhouseLogo as M,AwsCloudwatchLogo as P,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as W,OpenTelemetryLogo as V,DynatraceLogo as H,ElasticApmLogo as q,ElasticSearchLogo as G,GoogleCloudPlatformLogo as K,GrafanaLogo as J,GreptimeLogo as Y,GroundcoverLogo as X,HoneycombLogo as Z,HyperDxLogo as Q,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as he,OpsVerseLogo as me,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ce,TelemetryHubLogo as Ee,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ne,AwsXrayLogo as Ie,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as _e,ActionIcon as Fe,InstrumentationRuleIcon as Re,LogsIcon as Le,MetricsIcon as Be,TracesIcon as Me,VmLogo as Pe,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 Je,MinusIcon as Ye,ListIcon as Xe,CodeIcon as Ze,ExtendArrowIcon as Qe,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}from"../icons.js";import{create as gt}from"zustand";import xt,{Fragment as $t,useMemo as ft,useState as bt,useEffect as yt,useRef as wt,useCallback as kt,forwardRef as vt,memo as Ct}from"react";import Et from"javascript-time-ago";import{p as St,c as At,s as Dt,u as Tt,e as Nt}from"./vendor-55cc654c.js";import It,{ThemeProvider as zt,keyframes as Ot,useTheme as _t,css as Ft}from"styled-components";import{Handle as Rt,Position as Lt,ReactFlow as Bt,Controls as Mt}from"@xyflow/react";import Pt,{createPortal as jt}from"react-dom";import{Highlight as Ut,themes as Wt}from"prism-react-renderer";import{ErrorBoundary as Vt}from"react-error-boundary";import Ht from"lottie-react";const qt=gt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Gt,Kt,Jt,Yt,Xt,Zt,Qt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,No,Io,zo,Oo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Gt||(Gt={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(Kt||(Kt={})),function(e){e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.FallbackSamplingRatio="fallbackSamplingRatio",e.SamplingPercentage="samplingPercentage",e.EndpointsFilters="endpointsFilters",e.ServicesNameFilters="servicesNameFilters",e.AttributeFilters="attributeFilters"}(Jt||(Jt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Yt||(Yt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Xt||(Xt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(Zt||(Zt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(eo||(eo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(to||(to={})),function(e){e.Ascending="ascending",e.Descending="descending"}(oo||(oo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(no||(no={})),function(e){e.K8s="k8s",e.Vm="vm"}(io||(io={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(ao||(ao={})),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"}(ro||(ro={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(so||(so={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(lo||(lo={})),function(e){e.DataStream="DataStream"}(co||(co={})),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"}(po||(po={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(uo||(uo={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(ho||(ho={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(mo||(mo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(go||(go={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(xo||(xo={})),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"}($o||($o={})),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"}(fo||(fo={})),function(e){e.Labeled="labeled"}(bo||(bo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(yo||(yo={})),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"}(wo||(wo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(ko||(ko={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(vo||(vo={})),function(e){e.HeaderKeys="headerKeys"}(Co||(Co={})),function(e){e.Java="java",e.Golang="golang"}(Eo||(Eo={}));class _o{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class Fo{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(So||(So={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Ao||(Ao={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Do||(Do={})),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"}(To||(To={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(No||(No={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Io||(Io={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(zo||(zo={})),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"}(Oo||(Oo={}));const Ro=s=>{const l=s?.toLowerCase(),c=l?.includes(Gt.Samplers),d=l===Gt.Attributes;return c?e:d?t:{[Kt.K8sAttributes]:n,[Kt.AddClusterInfo]:i,[Kt.DeleteAttributes]:a,[Kt.PiiMasking]:t,[Kt.RenameAttributes]:r,[Kt.ErrorSampler]:e,[Kt.ProbabilisticSampler]:e,[Kt.LatencySampler]:e,[Kt.ServiceNameSampler]:e,[Kt.SpanAttributeSampler]:e}[s]||o},Lo=[{label:"Attributes",icon:Ro(Gt.Attributes),items:[{type:Kt.K8sAttributes,icon:Ro(Kt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Kt.AddClusterInfo,icon:Ro(Kt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/addclusterinfo",docsDescription:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals."},{type:Kt.DeleteAttributes,icon:Ro(Kt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/deleteattribute",docsDescription:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Kt.RenameAttributes,icon:Ro(Kt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/renameattribute",docsDescription:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Kt.PiiMasking,icon:Ro(Kt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Ro(Gt.Samplers),items:[{type:Kt.ErrorSampler,icon:Ro(Gt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Kt.LatencySampler,icon:Ro(Gt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/latencysampler",docsDescription:"This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter."},{type:Kt.ProbabilisticSampler,icon:Ro(Gt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Kt.ServiceNameSampler,icon:Ro(Gt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Kt.SpanAttributeSampler,icon:Ro(Gt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Io.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."}]}],Bo={DETECTED:{TITLE:"Detected by Odigos",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},EXISTS:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},MANAGED:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."},SELF_HOSTED:{TITLE:"Self-hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."}},Mo=e=>({[ko.CodeAttributes]:s,[ko.CustomInstrumentation]:l,[ko.HeadersCollection]:c,[ko.PayloadCollection]:d,[ko.UnknownType]:o}[e]||o),Po=[{type:ko.CodeAttributes,icon:Mo(ko.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:[ro.Go,ro.Python]},{type:ko.CustomInstrumentation,icon:Mo(ko.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:[ro.Go,ro.Java]},{type:ko.HeadersCollection,icon:Mo(ko.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:[ro.Go,ro.Java,ro.JavaScript]},{type:ko.PayloadCollection,icon:Mo(ko.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:[ro.Go]}],jo=[{id:Io.Logs,value:"Logs"},{id:Io.Metrics,value:"Metrics"},{id:Io.Traces,value:"Traces"}],Uo=e=>e.charAt(0).toUpperCase()+e.slice(1),Wo=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 Vo;!function(e){e.SIGNALS="SIGNALS"}(Vo||(Vo={}));const Ho=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Vo.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}},qo=e=>JSON.parse(JSON.stringify(e)),Go=(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},Ko=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Jo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Yo=(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===ho.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Xo="default",Zo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Qo={REQUIRED_FIELDS:"Required fields are missing",FIELD_IS_REQUIRED:"This field is required",FORBIDDEN:"Forbidden",ENTERPRISE_ONLY:(e="This")=>`${e} is an Enterprise feature. Please upgrade your plan.`,DEFINED_FOR_ALL_STREAMS:e=>`${e} are defined for all Data Streams.`,CANNOT_EDIT_RULE:"Cannot edit a system-managed instrumentation rule",CANNOT_DELETE_RULE:"Cannot delete a system-managed instrumentation rule",LATENCY_HTTP_ROUTE:'HTTP route must start with a forward slash "/"',READONLY_WARNING:"You're not allowed to create/update/delete in readonly mode",ILLEGAL_K8S_LABEL:'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',INVALID_VERSION:'Invalid version format, must be in the format of "major.minor.patch" (e.g. 1.0.0)'},en={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Auto-instrument new apps",FUTURE_APPS_DESCRIPTION:"When enabled, new applications will be instrumented automatically and included in the current data stream.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},tn={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"},on=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Xo&&!e.dataStreamNames.length):[],nn=(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?nn(e,n,o):o[n]=e}):o[a]=i:nn(i,a,o)}return o},an=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]}`},rn=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`}},sn=()=>{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)})},ln=e=>{const t=e?.filter(({status:e})=>e===ho.Error),o=e?.filter(({status:e})=>e===ho.Warning),n=e?.filter(({status:e})=>e===go.Disabled),i=e?.filter(({status:e})=>e===go.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?ho.Error:r?ho.Warning:s?ho.Info:void 0}},cn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},dn=e=>({[ro.Java]:p,[ro.Go]:u,[ro.JavaScript]:h,[ro.Python]:m,[ro.DotNet]:g,[ro.CSharp]:x,[ro.CPlusPlus]:$,[ro.Php]:f,[ro.Ruby]:b,[ro.Rust]:y,[ro.Swift]:w,[ro.Elixir]:k,[ro.MySql]:v,[ro.Nginx]:C,[ro.Postgres]:E,[ro.Redis]:S,[ro.Kafka]:A,[ro.Ignored]:o,[ro.Unknown]:o,[ro.Processing]:o,[ro.NoContainers]:o,[ro.NoRunningPods]:o}[e]||o),pn=e=>e?.map(({language:e})=>dn(e))||[],un=(e,t)=>{const o={[wo.Alauda]:D,[wo.AlibabaCloud]:T,[wo.AppDynamics]:N,[wo.Axiom]:I,[wo.AzureBlob]:z,[wo.AzureMonitor]:O,[wo.BetterStack]:_,[wo.Bonree]:F,[wo.Causely]:R,[wo.Checkly]:L,[wo.Chronosphere]:B,[wo.ClickHouse]:M,[wo.CloudWatch]:P,[wo.Coralogix]:j,[wo.Dash0]:U,[wo.Datadog]:W,[wo.Dynamic]:V,[wo.Dynatrace]:H,[wo.ElasticApm]:q,[wo.ElasticSearch]:G,[wo.GoogleCloud]:K,[wo.GoogleCloudOTLP]:K,[wo.GrafanaCloudLoki]:J,[wo.GrafanaCloudPrometheus]:J,[wo.GrafanaCloudTempo]:J,[wo.Greptime]:Y,[wo.Groundcover]:X,[wo.Honeycomb]:Z,[wo.HyperDX]:Q,[wo.Instana]:ee,[wo.Jaeger]:te,[wo.Kafka]:A,[wo.Kloudmate]:oe,[wo.Last9]:ne,[wo.Lightstep]:ie,[wo.LogzIo]:ae,[wo.Loki]:re,[wo.Lumigo]:se,[wo.Middleware]:le,[wo.NewRelic]:ce,[wo.Observe]:de,[wo.Odigos]:pe,[wo.OneUptime]:ue,[wo.OpenObserve]:he,[wo.Opsverse]:me,[wo.Oracle]:ge,[wo.OTLP]:V,[wo.OTLPHttp]:V,[wo.Prometheus]:xe,[wo.Qryn]:$e,[wo.QrynOss]:fe,[wo.Quickwit]:be,[wo.S3]:ye,[wo.Seq]:we,[wo.Signoz]:ke,[wo.Splunk]:ve,[wo.SplunkSapm]:ve,[wo.SplunkOtlp]:ve,[wo.SumoLogic]:Ce,[wo.TelemetryHub]:Ee,[wo.Tempo]:Se,[wo.Tingyun]:Ae,[wo.Traceloop]:De,[wo.Uptrace]:Te,[wo.VictoriaMetrics]:Ne,[wo.VictoriaMetricsCloud]:Ne,[wo.XRay]:Ie}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},hn=e=>({[lo.Namespace]:ze,[lo.Source]:Oe,[lo.Destination]:_e,[lo.Action]:Fe,[lo.InstrumentationRule]:Re}[e]),mn=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,gn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case lo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case lo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case lo.Action:const n=e;a=n.type,r=n.name;break;case lo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case lo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},xn=(e,t)=>{if(t===lo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},$n=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?ro.Processing:ro.NoRunningPods;const n=o?.filter(e=>e.language!==ro.Ignored);if(!n.length)return ro.NoContainers;const i=n.find(e=>e.language!==ro.Unknown);return i?i.language:ro.Unknown},fn=(e,t,o)=>(t===lo.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},bn=e=>({[Io.Logs]:Le,[Io.Metrics]:Be,[Io.Traces]:Me}[e]),yn=e=>e?{[io.K8s]:n,[io.Vm]:Pe}[e]:pe,wn=e=>e?{[io.K8s]:"Kubernetes Cluster",[io.Vm]:"Virtual Machine"}[e]:"Unknown",kn=(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(...kn(e,t,o)),i}):[]},vn=(e,t)=>{if(t===lo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},Cn=(e,t,o)=>{switch(t){case ho.Default:return e.v2.colors.purple[o];case ho.Info:return e.v2.colors.blue[o];case ho.Error:return e.v2.colors.red[o];case ho.Warning:return e.v2.colors.yellow[o];case ho.Success:return e.v2.colors.green[o];case xo.Disabled:case xo.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},En=e=>{switch(e){case Ao.Updating:case Do.Pending:case To.ContainerCreating:case No.Waiting:return ho.Info;case Ao.Healthy:case Do.Succeeded:case Do.Running:case To.Running:case No.Running:return ho.Success;case Ao.Degraded:return ho.Warning;case Ao.Failed:case Do.Failed:case To.Error:case To.CrashLoopBackOff:case To.CreateContainerError:case To.CreateContainerConfigError:case To.ErrImagePull:case To.ErrImageNeverPull:case To.ImagePullBackOff:case To.InvalidImageName:case To.RegistryUnavailable:case To.NetworkNotReady:case To.OOMKilled:case To.ContainerCannotRun:case No.Terminated:case To.DeadlineExceeded:case To.StartError:return ho.Error;case Ao.Down:case To.Completed:return xo.Disabled;case Ao.Unknown:case Do.Unknown:default:return xo.Unknown}},Sn=(e,t)=>({[ho.Default]:o=>pe({fill:Cn(t,e,"300"),...o}),[ho.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[ho.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[ho.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[ho.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[xo.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[xo.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),An=e=>{switch(e){case Oo.Success:return ho.Success;case Oo.Error:case Oo.Failure:return ho.Error;case Oo.Notice:return ho.Warning;case Oo.Unsupported:case Oo.Unknown:return ho.Info;case Oo.Irrelevant:case Oo.Disabled:return go.Disabled;case Oo.Waiting:return go.Loading;case Oo.Pending:default:return ho.Default}},Dn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Tn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Nn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const In=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Nn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},zn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==ho.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},On=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),_n=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Fn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Rn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Ln=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Bn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Mn=e=>Bn.test(e),Pn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",jn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Pn(t),reason:o?Pn(o):"",message:n,lastTransitionTime:i}))||[],Un=(e,t)=>{const o=Nn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Wn=e=>e?Object.keys(e).filter(t=>e[t]):[],Vn=e=>e.replace(/[^\d]/g,""),Hn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},qn=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},Gn=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=>Gn(e)))}else if("object"==typeof n&&null!==n){const e=Gn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Kn=(e,t=2)=>JSON.stringify(e||{},null,t),Jn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Yn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Xn={[ro.Go]:"Go",[ro.Java]:"Java",[ro.JavaScript]:"Node.js",[ro.Python]:"Python",[ro.DotNet]:".NET",[ro.CSharp]:"C#",[ro.CPlusPlus]:"C++",[ro.Php]:"PHP",[ro.Ruby]:"Ruby",[ro.Rust]:"Rust",[ro.Swift]:"Swift",[ro.Elixir]:"Elixir",[ro.MySql]:"MySQL",[ro.Nginx]:"Nginx",[ro.Postgres]:"PostgreSQL",[ro.Redis]:"Redis",[ro.Kafka]:"Kafka",[ro.Ignored]:"Ignored",[ro.Unknown]:"Unknown",[ro.Processing]:"Processing",[ro.NoContainers]:"No Containers",[ro.NoRunningPods]:"No Running Pods"},Zn=[{id:ro.Go,value:Xn[ro.Go],icon:dn(ro.Go)},{id:ro.Java,value:Xn[ro.Java],icon:dn(ro.Java)},{id:ro.JavaScript,value:Xn[ro.JavaScript],icon:dn(ro.JavaScript)},{id:ro.Python,value:Xn[ro.Python],icon:dn(ro.Python)},{id:ro.Php,value:Xn[ro.Php],icon:dn(ro.Php)},{id:ro.Ruby,value:Xn[ro.Ruby],icon:dn(ro.Ruby)},{id:ro.Rust,value:Xn[ro.Rust],icon:dn(ro.Rust)},{id:ro.DotNet,value:Xn[ro.DotNet],icon:dn(ro.DotNet)},{id:ro.CSharp,value:Xn[ro.CSharp],icon:dn(ro.CSharp)},{id:ro.CPlusPlus,value:Xn[ro.CPlusPlus],icon:dn(ro.CPlusPlus)},{id:ro.Swift,value:Xn[ro.Swift],icon:dn(ro.Swift)},{id:ro.Elixir,value:Xn[ro.Elixir],icon:dn(ro.Elixir)}],Qn=6048e5,ei=gt()(St(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Zo.DARK_MODE,storage:"undefined"!=typeof window?At(()=>localStorage):void 0})),ti={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},oi=gt(e=>({...ti,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(ti)})),ni=gt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ii=gt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===lo.Namespace?"namespacesLoading":t===lo.Source?"sourcesLoading":t===lo.Destination?"destinationsLoading":t===lo.Action?"actionsLoading":t===lo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(mn(t))===JSON.stringify(mn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===lo.Source?JSON.stringify(mn(o))===JSON.stringify(mn(e)):mn(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:[]})}})),ai=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),ri=gt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:ai})),si=gt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),li=gt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),ci=gt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),di=(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},pi=gt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>di(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>di(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===lo.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}})),ui=gt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),hi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},mi=(e,t)=>e.destinationType.type!==t.destinationType.type,gi=gt(e=>({...hi,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=>mi(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=>mi(e,t))})),clearStore:()=>e(()=>({...hi}))})),xi={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"}},$i={v2:xi.v2,darkMode:!0,colors:{...xi.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:xi.font_family},fi={v2:xi.v2,darkMode:!1,colors:{...xi.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:xi.font_family},bi=e=>e?$i:fi;var yi=Object.freeze({__proto__:null,baseTheme:xi,darkModeTheme:$i,getTheme:bi,lightModeTheme:fi});Dt('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const wi={in:{left:Ot`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,CodeAttributesIcon as s,CustomInstrumentationIcon as l,HeadersCollectionIcon as c,PayloadCollectionIcon as d,JavaLogo as p,GoLogo as u,NodejsLogo as h,PythonLogo as m,DotnetLogo as g,CSharpLogo as x,CPlusPlusLogo as $,PhpLogo as f,RubyLogo as b,RustLogo as y,SwiftLogo as w,ElixirLogo as k,MysqlLogo as v,NginxLogo as C,PostgresLogo as E,RedisLogo as S,KafkaLogo as A,AlaudaLogo as D,AlibabaCloudLogo as T,AppDynamicsLogo as N,AxiomLogo as I,AzureBlobLogo as z,AzureMonitorLogo as O,BetterStackLogo as _,BonreeLogo as F,CauselyLogo as R,ChecklyLogo as L,ChronosphereLogo as B,ClickhouseLogo as P,AwsCloudwatchLogo as M,CoralogixLogo as j,Dash0Logo as U,DatadogLogo as W,OpenTelemetryLogo as V,DynatraceLogo as H,ElasticApmLogo as q,ElasticSearchLogo as G,GoogleCloudPlatformLogo as K,GrafanaLogo as J,GreptimeLogo as Y,GroundcoverLogo as X,HoneycombLogo as Q,HyperDxLogo as Z,InstanaLogo as ee,JaegerLogo as te,KloudmateLogo as oe,Last9Logo as ne,LightstepLogo as ie,LogzioLogo as ae,LokiLogo as re,LumigoLogo as se,MiddlewareLogo as le,NewRelicLogo as ce,ObserveLogo as de,OdigosLogo as pe,OneUptimeLogo as ue,OpenObserveLogo as he,OpsVerseLogo as me,OracleLogo as ge,PrometheusLogo as xe,QrynLogo as $e,GigapipeLogo as fe,QuickwitLogo as be,AwsS3Logo as ye,SeqLogo as we,SignozLogo as ke,SplunkLogo as ve,SumoLogicLogo as Ce,TelemetryHubLogo as Ee,TempoLogo as Se,TingyunLogo as Ae,TraceloopLogo as De,UptraceLogo as Te,VictoriaMetricsLogo as Ne,AwsXrayLogo as Ie,NamespacesIcon as ze,SourceIcon as Oe,DestinationIcon as _e,ActionIcon as Fe,InstrumentationRuleIcon as Re,LogsIcon as Le,MetricsIcon as Be,TracesIcon as Pe,VmLogo as Me,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Je,MinusIcon as Ye,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}from"../icons.js";import{create as gt}from"zustand";import xt,{Fragment as $t,useMemo as ft,useState as bt,useEffect as yt,useRef as wt,useCallback as kt,forwardRef as vt,memo as Ct}from"react";import Et from"javascript-time-ago";import{p as St,c as At,s as Dt,u as Tt,e as Nt}from"./vendor-55cc654c.js";import It,{ThemeProvider as zt,keyframes as Ot,useTheme as _t,css as Ft}from"styled-components";import{Handle as Rt,Position as Lt,ReactFlow as Bt,Controls as Pt}from"@xyflow/react";import Mt,{createPortal as jt}from"react-dom";import{Highlight as Ut,themes as Wt}from"prism-react-renderer";import{ErrorBoundary as Vt}from"react-error-boundary";import Ht from"lottie-react";const qt=gt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})}));var Gt,Kt,Jt,Yt,Xt,Qt,Zt,eo,to,oo,no,io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,No,Io,zo,Oo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(Gt||(Gt={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(Kt||(Kt={})),function(e){e.CollectContainerAttributes="collectContainerAttributes",e.CollectReplicaSetAttributes="collectReplicaSetAttributes",e.CollectWorkloadId="collectWorkloadId",e.CollectClusterId="collectClusterId",e.LabelsAttributes="labelsAttributes",e.AnnotationsAttributes="annotationsAttributes",e.ClusterAttributes="clusterAttributes",e.OverwriteExistingValues="overwriteExistingValues",e.AttributeNamesToDelete="attributeNamesToDelete",e.Renames="renames",e.PiiCategories="piiCategories",e.FallbackSamplingRatio="fallbackSamplingRatio",e.SamplingPercentage="samplingPercentage",e.EndpointsFilters="endpointsFilters",e.ServicesNameFilters="servicesNameFilters",e.AttributeFilters="attributeFilters"}(Jt||(Jt={})),function(e){e.Pod="pod",e.Namespace="namespace"}(Yt||(Yt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(Xt||(Xt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(Qt||(Qt={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(Zt||(Zt={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(eo||(eo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(to||(to={})),function(e){e.Ascending="ascending",e.Descending="descending"}(oo||(oo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(no||(no={})),function(e){e.K8s="k8s",e.Vm="vm"}(io||(io={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(ao||(ao={})),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"}(ro||(ro={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(so||(so={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(lo||(lo={})),function(e){e.DataStream="DataStream"}(co||(co={})),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"}(po||(po={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(uo||(uo={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(ho||(ho={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(mo||(mo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(go||(go={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(xo||(xo={})),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"}($o||($o={})),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"}(fo||(fo={})),function(e){e.Labeled="labeled"}(bo||(bo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(yo||(yo={})),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"}(wo||(wo={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(ko||(ko={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(vo||(vo={})),function(e){e.HeaderKeys="headerKeys"}(Co||(Co={})),function(e){e.Java="java",e.Golang="golang"}(Eo||(Eo={}));class _o{className;methodName;constructor(e,t){this.className=e,this.methodName=t}Verify(){return!!this.className&&!!this.methodName}toString(){return this.Verify()?`${this.className}.${this.methodName}`:"[Faulty Java Probe]"}}class Fo{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(So||(So={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Ao||(Ao={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Do||(Do={})),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"}(To||(To={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(No||(No={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Io||(Io={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.DeploymentConfig="DeploymentConfig"}(zo||(zo={})),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"}(Oo||(Oo={}));const Ro=s=>{const l=s?.toLowerCase(),c=l?.includes(Gt.Samplers),d=l===Gt.Attributes;return c?e:d?t:{[Kt.K8sAttributes]:n,[Kt.AddClusterInfo]:i,[Kt.DeleteAttributes]:a,[Kt.PiiMasking]:t,[Kt.RenameAttributes]:r,[Kt.ErrorSampler]:e,[Kt.ProbabilisticSampler]:e,[Kt.LatencySampler]:e,[Kt.ServiceNameSampler]:e,[Kt.SpanAttributeSampler]:e}[s]||o},Lo=[{label:"Attributes",icon:Ro(Gt.Attributes),items:[{type:Kt.K8sAttributes,icon:Ro(Kt.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:Kt.AddClusterInfo,icon:Ro(Kt.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/addclusterinfo",docsDescription:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals."},{type:Kt.DeleteAttributes,icon:Ro(Kt.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/deleteattribute",docsDescription:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Kt.RenameAttributes,icon:Ro(Kt.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Io.Traces,Io.Metrics,Io.Logs],docsEndpoint:"/pipeline/actions/attributes/renameattribute",docsDescription:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition."},{type:Kt.PiiMasking,icon:Ro(Kt.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:Ro(Gt.Samplers),items:[{type:Kt.ErrorSampler,icon:Ro(Gt.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:Kt.LatencySampler,icon:Ro(Gt.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/latencysampler",docsDescription:"This action is an Endpoint Action that samples traces based on their duration for a specific service and endpoint (HTTP route) filter."},{type:Kt.ProbabilisticSampler,icon:Ro(Gt.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:Kt.ServiceNameSampler,icon:Ro(Gt.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Io.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:Kt.SpanAttributeSampler,icon:Ro(Gt.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Io.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."}]}],Bo={DETECTED:{TITLE:"Detected by Odigos",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},EXISTS:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},MANAGED:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."},SELF_HOSTED:{TITLE:"Self-hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."}},Po=e=>({[ko.CodeAttributes]:s,[ko.CustomInstrumentation]:l,[ko.HeadersCollection]:c,[ko.PayloadCollection]:d,[ko.UnknownType]:o}[e]||o),Mo=[{type:ko.CodeAttributes,icon:Po(ko.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:[ro.Go,ro.Python]},{type:ko.CustomInstrumentation,icon:Po(ko.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:[ro.Go,ro.Java]},{type:ko.HeadersCollection,icon:Po(ko.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:[ro.Go,ro.Java,ro.JavaScript]},{type:ko.PayloadCollection,icon:Po(ko.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:[ro.Go]}],jo=[{id:Io.Logs,value:"Logs"},{id:Io.Metrics,value:"Metrics"},{id:Io.Traces,value:"Traces"}],Uo=e=>e.charAt(0).toUpperCase()+e.slice(1),Wo=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 Vo;!function(e){e.SIGNALS="SIGNALS"}(Vo||(Vo={}));const Ho=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Vo.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}},qo=e=>JSON.parse(JSON.stringify(e)),Go=(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},Ko=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},Jo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],Yo=(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===ho.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Xo="default",Qo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Zo={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)'},en={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Auto-instrument new apps",FUTURE_APPS_DESCRIPTION:"When enabled, new applications will be instrumented automatically and included in the current data stream.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},tn={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"},on=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Xo&&!e.dataStreamNames.length):[],nn=(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?nn(e,n,o):o[n]=e}):o[a]=i:nn(i,a,o)}return o},an=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]}`},rn=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`}},sn=()=>{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)})},ln=e=>{const t=e?.filter(({status:e})=>e===ho.Error),o=e?.filter(({status:e})=>e===ho.Warning),n=e?.filter(({status:e})=>e===go.Disabled),i=e?.filter(({status:e})=>e===go.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?ho.Error:r?ho.Warning:s?ho.Info:void 0}},cn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},dn=e=>({[ro.Java]:p,[ro.Go]:u,[ro.JavaScript]:h,[ro.Python]:m,[ro.DotNet]:g,[ro.CSharp]:x,[ro.CPlusPlus]:$,[ro.Php]:f,[ro.Ruby]:b,[ro.Rust]:y,[ro.Swift]:w,[ro.Elixir]:k,[ro.MySql]:v,[ro.Nginx]:C,[ro.Postgres]:E,[ro.Redis]:S,[ro.Kafka]:A,[ro.Ignored]:o,[ro.Unknown]:o,[ro.Processing]:o,[ro.NoContainers]:o,[ro.NoRunningPods]:o}[e]||o),pn=e=>e?.map(({language:e})=>dn(e))||[],un=(e,t)=>{const o={[wo.Alauda]:D,[wo.AlibabaCloud]:T,[wo.AppDynamics]:N,[wo.Axiom]:I,[wo.AzureBlob]:z,[wo.AzureMonitor]:O,[wo.BetterStack]:_,[wo.Bonree]:F,[wo.Causely]:R,[wo.Checkly]:L,[wo.Chronosphere]:B,[wo.ClickHouse]:P,[wo.CloudWatch]:M,[wo.Coralogix]:j,[wo.Dash0]:U,[wo.Datadog]:W,[wo.Dynamic]:V,[wo.Dynatrace]:H,[wo.ElasticApm]:q,[wo.ElasticSearch]:G,[wo.GoogleCloud]:K,[wo.GoogleCloudOTLP]:K,[wo.GrafanaCloudLoki]:J,[wo.GrafanaCloudPrometheus]:J,[wo.GrafanaCloudTempo]:J,[wo.Greptime]:Y,[wo.Groundcover]:X,[wo.Honeycomb]:Q,[wo.HyperDX]:Z,[wo.Instana]:ee,[wo.Jaeger]:te,[wo.Kafka]:A,[wo.Kloudmate]:oe,[wo.Last9]:ne,[wo.Lightstep]:ie,[wo.LogzIo]:ae,[wo.Loki]:re,[wo.Lumigo]:se,[wo.Middleware]:le,[wo.NewRelic]:ce,[wo.Observe]:de,[wo.Odigos]:pe,[wo.OneUptime]:ue,[wo.OpenObserve]:he,[wo.Opsverse]:me,[wo.Oracle]:ge,[wo.OTLP]:V,[wo.OTLPHttp]:V,[wo.Prometheus]:xe,[wo.Qryn]:$e,[wo.QrynOss]:fe,[wo.Quickwit]:be,[wo.S3]:ye,[wo.Seq]:we,[wo.Signoz]:ke,[wo.Splunk]:ve,[wo.SplunkSapm]:ve,[wo.SplunkOtlp]:ve,[wo.SumoLogic]:Ce,[wo.TelemetryHub]:Ee,[wo.Tempo]:Se,[wo.Tingyun]:Ae,[wo.Traceloop]:De,[wo.Uptrace]:Te,[wo.VictoriaMetrics]:Ne,[wo.VictoriaMetricsCloud]:Ne,[wo.XRay]:Ie}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},hn=e=>({[lo.Namespace]:ze,[lo.Source]:Oe,[lo.Destination]:_e,[lo.Action]:Fe,[lo.InstrumentationRule]:Re}[e]),mn=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,gn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case lo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case lo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case lo.Action:const n=e;a=n.type,r=n.name;break;case lo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case lo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},xn=(e,t)=>{if(t===lo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},$n=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?ro.Processing:ro.NoRunningPods;const n=o?.filter(e=>e.language!==ro.Ignored);if(!n.length)return ro.NoContainers;const i=n.find(e=>e.language!==ro.Unknown);return i?i.language:ro.Unknown},fn=(e,t,o)=>(t===lo.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},bn=e=>({[Io.Logs]:Le,[Io.Metrics]:Be,[Io.Traces]:Pe}[e]),yn=e=>e?{[io.K8s]:n,[io.Vm]:Me}[e]:pe,wn=e=>e?{[io.K8s]:"Kubernetes Cluster",[io.Vm]:"Virtual Machine"}[e]:"Unknown",kn=(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(...kn(e,t,o)),i}):[]},vn=(e,t)=>{if(t===lo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},Cn=(e,t,o)=>{switch(t){case ho.Default:return e.v2.colors.purple[o];case ho.Info:return e.v2.colors.blue[o];case ho.Error:return e.v2.colors.red[o];case ho.Warning:return e.v2.colors.yellow[o];case ho.Success:return e.v2.colors.green[o];case xo.Disabled:case xo.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},En=e=>{switch(e){case Ao.Updating:case Do.Pending:case To.ContainerCreating:case No.Waiting:return ho.Info;case Ao.Healthy:case Do.Succeeded:case Do.Running:case To.Running:case No.Running:return ho.Success;case Ao.Degraded:return ho.Warning;case Ao.Failed:case Do.Failed:case To.Error:case To.CrashLoopBackOff:case To.CreateContainerError:case To.CreateContainerConfigError:case To.ErrImagePull:case To.ErrImageNeverPull:case To.ImagePullBackOff:case To.InvalidImageName:case To.RegistryUnavailable:case To.NetworkNotReady:case To.OOMKilled:case To.ContainerCannotRun:case No.Terminated:case To.DeadlineExceeded:case To.StartError:return ho.Error;case Ao.Down:case To.Completed:return xo.Disabled;case Ao.Unknown:case Do.Unknown:default:return xo.Unknown}},Sn=(e,t)=>({[ho.Default]:o=>pe({fill:Cn(t,e,"300"),...o}),[ho.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[ho.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[ho.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[ho.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[xo.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[xo.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),An=e=>{switch(e){case Oo.Success:return ho.Success;case Oo.Error:case Oo.Failure:return ho.Error;case Oo.Notice:return ho.Warning;case Oo.Unsupported:case Oo.Unknown:return ho.Info;case Oo.Irrelevant:case Oo.Disabled:return go.Disabled;case Oo.Waiting:return go.Loading;case Oo.Pending:default:return ho.Default}},Dn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Tn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Nn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const In=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Nn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},zn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==ho.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},On=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),_n=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Fn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Rn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Ln=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Bn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Pn=e=>Bn.test(e),Mn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",jn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Mn(t),reason:o?Mn(o):"",message:n,lastTransitionTime:i}))||[],Un=(e,t)=>{const o=Nn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Wn=e=>e?Object.keys(e).filter(t=>e[t]):[],Vn=e=>e.replace(/[^\d]/g,""),Hn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},qn=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},Gn=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=>Gn(e)))}else if("object"==typeof n&&null!==n){const e=Gn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Kn=(e,t=2)=>JSON.stringify(e||{},null,t),Jn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Yn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Xn=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)},Qn={[ro.Go]:"Go",[ro.Java]:"Java",[ro.JavaScript]:"Node.js",[ro.Python]:"Python",[ro.DotNet]:".NET",[ro.CSharp]:"C#",[ro.CPlusPlus]:"C++",[ro.Php]:"PHP",[ro.Ruby]:"Ruby",[ro.Rust]:"Rust",[ro.Swift]:"Swift",[ro.Elixir]:"Elixir",[ro.MySql]:"MySQL",[ro.Nginx]:"Nginx",[ro.Postgres]:"PostgreSQL",[ro.Redis]:"Redis",[ro.Kafka]:"Kafka",[ro.Ignored]:"Ignored",[ro.Unknown]:"Unknown",[ro.Processing]:"Processing",[ro.NoContainers]:"No Containers",[ro.NoRunningPods]:"No Running Pods"},Zn=[{id:ro.Go,value:Qn[ro.Go],icon:dn(ro.Go)},{id:ro.Java,value:Qn[ro.Java],icon:dn(ro.Java)},{id:ro.JavaScript,value:Qn[ro.JavaScript],icon:dn(ro.JavaScript)},{id:ro.Python,value:Qn[ro.Python],icon:dn(ro.Python)},{id:ro.Php,value:Qn[ro.Php],icon:dn(ro.Php)},{id:ro.Ruby,value:Qn[ro.Ruby],icon:dn(ro.Ruby)},{id:ro.Rust,value:Qn[ro.Rust],icon:dn(ro.Rust)},{id:ro.DotNet,value:Qn[ro.DotNet],icon:dn(ro.DotNet)},{id:ro.CSharp,value:Qn[ro.CSharp],icon:dn(ro.CSharp)},{id:ro.CPlusPlus,value:Qn[ro.CPlusPlus],icon:dn(ro.CPlusPlus)},{id:ro.Swift,value:Qn[ro.Swift],icon:dn(ro.Swift)},{id:ro.Elixir,value:Qn[ro.Elixir],icon:dn(ro.Elixir)}],ei=6048e5,ti=gt()(St(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Qo.DARK_MODE,storage:"undefined"!=typeof window?At(()=>localStorage):void 0})),oi={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},ni=gt(e=>({...oi,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(oi)})),ii=gt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),ai=gt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===lo.Namespace?"namespacesLoading":t===lo.Source?"sourcesLoading":t===lo.Destination?"destinationsLoading":t===lo.Action?"actionsLoading":t===lo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(mn(t))===JSON.stringify(mn(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===lo.Namespace?"namespaces":t===lo.Source?"sources":t===lo.Destination?"destinations":t===lo.Action?"actions":t===lo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===lo.Source?JSON.stringify(mn(o))===JSON.stringify(mn(e)):mn(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:[]})}})),ri=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),si=gt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),errors:[],setErrors:t=>e({errors:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],errors:[],onlyErrors:!1}),getEmptyState:ri})),li=gt(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),ci=gt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),di=gt((e,t)=>({notifications:[],addNotification:o=>{const n=new Date,i=`${n.getTime().toString()}${o.target?`#${o.target}`:""}`,{notifications:a}=t();a.some(e=>e.type===o.type&&e.title===o.title&&e.message===o.message&&!e.dismissed)||e(e=>({notifications:[{...o,id:i,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&(e.notifications[o].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const o=e.notifications.findIndex(e=>e.id===t);return-1!==o&&e.notifications.splice(o,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}})),pi=(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},ui=gt((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>pi(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>pi(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===lo.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}})),hi=gt(e=>({selectedConnection:null,setSelectedConnection:t=>e({selectedConnection:t}),selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),mi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},gi=(e,t)=>e.destinationType.type!==t.destinationType.type,xi=gt(e=>({...mi,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=>gi(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=>gi(e,t))})),clearStore:()=>e(()=>({...mi}))})),$i={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"}},fi={v2:$i.v2,darkMode:!0,colors:{...$i.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:$i.font_family},bi={v2:$i.v2,darkMode:!1,colors:{...$i.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:$i.font_family},yi=e=>e?fi:bi;var wi=Object.freeze({__proto__:null,baseTheme:$i,darkModeTheme:fi,getTheme:yi,lightModeTheme:bi});Dt('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const ki={in:{left:Ot`
|
|
2
2
|
from { transform: translateX(-100%); }
|
|
3
3
|
to { transform: translateX(0); }
|
|
4
4
|
`,right:Ot`
|
|
@@ -28,7 +28,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
28
28
|
`,center:Ot`
|
|
29
29
|
from { transform: translate(-50%, -50%); }
|
|
30
30
|
to { transform: translate(-50%, 100%); }
|
|
31
|
-
`}},
|
|
31
|
+
`}},vi={in:Ot`
|
|
32
32
|
from {
|
|
33
33
|
width: 0%;
|
|
34
34
|
}
|
|
@@ -42,7 +42,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
42
42
|
to {
|
|
43
43
|
width: 0%;
|
|
44
44
|
}
|
|
45
|
-
`},
|
|
45
|
+
`},Ci=Ot`
|
|
46
46
|
0% {
|
|
47
47
|
transform: scale(1);
|
|
48
48
|
opacity: 1;
|
|
@@ -51,14 +51,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
51
51
|
transform: scale(2);
|
|
52
52
|
opacity: 0;
|
|
53
53
|
}
|
|
54
|
-
`,
|
|
54
|
+
`,Ei=Ot`
|
|
55
55
|
0% {
|
|
56
56
|
background-position: -500px 0;
|
|
57
57
|
}
|
|
58
58
|
100% {
|
|
59
59
|
background-position: 500px 0;
|
|
60
60
|
}
|
|
61
|
-
`,
|
|
61
|
+
`,Si={in:Ot`
|
|
62
62
|
from {
|
|
63
63
|
opacity: 0;
|
|
64
64
|
}
|
|
@@ -72,7 +72,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
72
72
|
to {
|
|
73
73
|
opacity: 0;
|
|
74
74
|
}
|
|
75
|
-
`},
|
|
75
|
+
`},Ai={Provider:({children:e})=>{const{darkMode:t}=ti();return xt.createElement(zt,{theme:yi(t)},e)},useTheme:_t,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:wi,animations:Object.freeze({__proto__:null,fade:Si,ping:Ci,progress:vi,shimmer:Ei,slide:ki})};var Di,Ti;!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"}(Di||(Di={})),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"}(Ti||(Ti={}));const Ni=It.p`
|
|
76
76
|
margin: 0;
|
|
77
77
|
color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
|
|
78
78
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
@@ -88,7 +88,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
88
88
|
overflow: hidden;
|
|
89
89
|
text-overflow: ellipsis;
|
|
90
90
|
`}
|
|
91
|
-
|
|
91
|
+
|
|
92
|
+
${({$underline:e})=>e&&Ft`
|
|
93
|
+
text-decoration: underline;
|
|
94
|
+
`}
|
|
95
|
+
`,Ii=({children:e,variant:t=Di.P,color:o,size:n=Ti.S,weight:i=400,align:a="left",lineHeight:r,transform:s,nowrap:l,underline:c,...d})=>xt.createElement(Ni,{as:t,$color:o,$size:n,$weight:i,$align:a,$lineHeight:r,$transform:s,$nowrap:l,$underline:c,...d},e),zi=It.div`
|
|
92
96
|
display: flex;
|
|
93
97
|
align-items: center;
|
|
94
98
|
justify-content: center;
|
|
@@ -97,7 +101,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
97
101
|
padding: 4px 8px;
|
|
98
102
|
border-radius: 100px;
|
|
99
103
|
background-color: ${({$backgroundColor:e})=>e};
|
|
100
|
-
`,
|
|
104
|
+
`,Oi=({label:e,leftIcon:t,rightIcon:o,status:n,useSecondaryTone:i=!1})=>{const a=Ai.useTheme(),r=n?[xo.Disabled].includes(n)?Cn(a,n,"700"):[xo.Unknown].includes(n)?Cn(a,n,"600"):Cn(a,n,i?"700":"500"):a.v2.colors.grey[200],s=[xo.Disabled].includes(n)?a.v2.colors.grey[400]:[ho.Error,ho.Warning,ho.Success].includes(n)?a.v2.colors.black[500]:a.v2.colors.white[500];return xt.createElement(zi,{$backgroundColor:r},t&&xt.createElement(t,{fill:s,size:14}),xt.createElement(Ii,{color:s,size:Ti.XXS,nowrap:!0},e),o&&xt.createElement(o,{fill:s,size:14}))},_i=It.div`
|
|
101
105
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
102
106
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
103
107
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -108,15 +112,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
108
112
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
109
113
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
110
114
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
111
|
-
`,
|
|
115
|
+
`,Fi=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(">","")}})},Ri=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Li=(e,t)=>{const o=Fi(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Ri(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 xt.createElement($t,{key:e},xt.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 xt.createElement($t,{key:e},xt.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},Bi=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=Ai.useTheme(),u=ft(()=>(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 xt.createElement(_i,{$color:t,$size:o,$weight:n,$align:i,$family:a,$opacity:r,$decoration:s,$transform:l,$nowrap:c,...d},u.length?u.map((e,t)=>xt.createElement($t,{key:`text-${t}-${e}`},Li(e,p),t!==u.length-1?xt.createElement("br",null):null)):e)},Pi=It.div`
|
|
112
116
|
padding: 4px 0 0 0;
|
|
113
|
-
`,Mi=It(
|
|
117
|
+
`,Mi=It(Bi)`
|
|
114
118
|
font-size: 12px;
|
|
115
119
|
color: ${({theme:e})=>e.text.error};
|
|
116
|
-
`,
|
|
120
|
+
`,ji=({children:e})=>xt.createElement(Pi,null,xt.createElement(Mi,null,e)),Ui=It.div`
|
|
117
121
|
position: relative;
|
|
118
122
|
width: 100%;
|
|
119
|
-
`,
|
|
123
|
+
`,Wi=It.div`
|
|
120
124
|
width: calc(100% - 16px);
|
|
121
125
|
display: flex;
|
|
122
126
|
align-items: center;
|
|
@@ -133,7 +137,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
133
137
|
&:focus-within {
|
|
134
138
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
135
139
|
}
|
|
136
|
-
`,
|
|
140
|
+
`,Vi=It.input`
|
|
137
141
|
flex: 1;
|
|
138
142
|
border: none;
|
|
139
143
|
outline: none;
|
|
@@ -154,7 +158,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
154
158
|
&:disabled {
|
|
155
159
|
cursor: not-allowed;
|
|
156
160
|
}
|
|
157
|
-
`,
|
|
161
|
+
`,Hi=It.ul`
|
|
158
162
|
position: absolute;
|
|
159
163
|
max-height: 500px;
|
|
160
164
|
top: 32px;
|
|
@@ -165,7 +169,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
165
169
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
166
170
|
z-index: 9999;
|
|
167
171
|
padding: 12px;
|
|
168
|
-
`,
|
|
172
|
+
`,qi=It.li`
|
|
169
173
|
width: calc(100% - 24px);
|
|
170
174
|
padding: 8px 12px;
|
|
171
175
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -177,25 +181,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
177
181
|
&:hover {
|
|
178
182
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
179
183
|
}
|
|
180
|
-
`,qi=It.div`
|
|
181
|
-
width: 100%;
|
|
182
184
|
`,Gi=It.div`
|
|
183
|
-
display: flex;
|
|
184
185
|
width: 100%;
|
|
185
186
|
`,Ki=It.div`
|
|
187
|
+
display: flex;
|
|
188
|
+
width: 100%;
|
|
189
|
+
`,Ji=It.div`
|
|
186
190
|
width: 1px;
|
|
187
191
|
height: 52px;
|
|
188
192
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
189
193
|
position: absolute;
|
|
190
194
|
left: 33px;
|
|
191
|
-
`,
|
|
195
|
+
`,Yi=It.div`
|
|
192
196
|
display: flex;
|
|
193
197
|
flex-direction: column;
|
|
194
198
|
gap: 4px;
|
|
195
|
-
`,
|
|
199
|
+
`,Xi=It(Bi)`
|
|
196
200
|
flex: 1;
|
|
197
201
|
font-size: 14px;
|
|
198
|
-
`,
|
|
202
|
+
`,Qi=It(Bi)`
|
|
199
203
|
color: ${({theme:e})=>e.text.grey};
|
|
200
204
|
font-size: 10px;
|
|
201
205
|
line-height: 150%;
|
|
@@ -204,7 +208,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
204
208
|
margin: 4px 0 0 0;
|
|
205
209
|
list-style: none;
|
|
206
210
|
width: 100%;
|
|
207
|
-
`,
|
|
211
|
+
`,ea=(e,t)=>t?e.reduce((e,o)=>{if(o.items){const n=ea(o.items,t);n.length&&e.push({...o,items:n})}else o.label.toLowerCase().includes(t.toLowerCase())&&e.push(o);return e},[]):e,ta=({placeholder:e="Type to search...",options:t,selectedOption:o,onOptionSelect:n,defaultText:i,onTextChange:a,style:r,disabled:s,errorMessage:l,...c})=>{const[d,p]=bt(o?.label||i||""),[u,h]=bt(ea(t,d)),[m,g]=bt(!1);bt(-1),yt(()=>h(ea(t,d)),[t]);const x=o?.icon,$=e=>{e&&(p(e.label),a?.(e.label)),g(!e),n?.(e)};return xt.createElement(Ui,{style:r},xt.createElement(Wi,{$hasError:!!l},x&&xt.createElement(x,null),xt.createElement(Vi,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const o=e.target.value,n=ea(t,o),i=1===n.length&&n[0].label===o?n[0]:void 0;p(o),a?.(o),h(n),$(i)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:s,onBlur:()=>!s&&g(!1),onFocus:()=>!s&&g(!0),...c})),m&&u.length?xt.createElement(Hi,null,u.map(e=>xt.createElement(oa,{key:e.type||e.label,option:e,onClick:$}))):null,l&&xt.createElement(ji,null,l))},oa=({option:e,renderIcon:t=!0,onClick:o})=>{const n=!!e.items&&e.items.length>0,i=e.icon;return xt.createElement(qi,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:o(e)},i&&t&&xt.createElement(i,null),xt.createElement(Gi,null,xt.createElement(Yi,null,xt.createElement(Xi,null,e.label),xt.createElement(Qi,null,e.description)),n&&xt.createElement(Zi,null,e.items?.map(e=>xt.createElement(Ki,{key:e.type||e.label},xt.createElement(Ji,null),xt.createElement(oa,{option:e,renderIcon:!1,onClick:o}))))))},na=It.span`
|
|
208
212
|
display: flex;
|
|
209
213
|
align-items: center;
|
|
210
214
|
justify-content: center;
|
|
@@ -216,15 +220,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
216
220
|
gap: 2px;
|
|
217
221
|
|
|
218
222
|
border-radius: 50px;
|
|
219
|
-
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?"":Ai.opacity.hex["050"]):t?"transparent":e.colors.border};
|
|
220
224
|
background-color: ${({theme:e,$filled:t,$status:o})=>t?o?e.colors[o]:e.colors.majestic_blue:"transparent"};
|
|
221
225
|
color: ${({theme:e,$filled:t,$status:o})=>t&&o?e.text.secondary:t?e.text.white:o?e.text[o]:e.text.grey};
|
|
222
226
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
223
227
|
font-size: 12px;
|
|
224
228
|
white-space: nowrap;
|
|
225
229
|
|
|
226
|
-
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+
|
|
227
|
-
`,
|
|
230
|
+
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+Ai.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+Ai.opacity.hex["020"]};\n }`}
|
|
231
|
+
`,ia=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=Ai.useTheme(),r=o&&n?Sn(o,a):null;return xt.createElement(na,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&xt.createElement(r,null),e)},aa=It.div`
|
|
228
232
|
height: fit-content;
|
|
229
233
|
border: 2px solid transparent;
|
|
230
234
|
padding: 2px;
|
|
@@ -234,15 +238,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
234
238
|
&:focus-within {
|
|
235
239
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
236
240
|
}
|
|
237
|
-
`,
|
|
238
|
-
border: 1px solid ${({theme:e})=>e.text.secondary+
|
|
241
|
+
`,ra={primary:Ft`
|
|
242
|
+
border: 1px solid ${({theme:e})=>e.text.secondary+Ai.opacity.hex["024"]};
|
|
239
243
|
background: ${({theme:e})=>e.colors.secondary};
|
|
240
244
|
color: ${({theme:e})=>e.colors.primary};
|
|
241
245
|
&:hover {
|
|
242
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
246
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["080"]};
|
|
243
247
|
}
|
|
244
248
|
&:active {
|
|
245
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
249
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["060"]};
|
|
246
250
|
}
|
|
247
251
|
`,secondary:Ft`
|
|
248
252
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -250,17 +254,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
250
254
|
color: ${({theme:e})=>e.colors.secondary};
|
|
251
255
|
&:hover {
|
|
252
256
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
253
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
257
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["010"]};
|
|
254
258
|
}
|
|
255
259
|
&:active {
|
|
256
260
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
257
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
261
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["015"]};
|
|
258
262
|
}
|
|
259
263
|
`,tertiary:Ft`
|
|
260
264
|
border-color: transparent;
|
|
261
265
|
background: transparent;
|
|
262
266
|
&:hover {
|
|
263
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
267
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+Ai.opacity.hex["040"]};
|
|
264
268
|
}
|
|
265
269
|
&:active {
|
|
266
270
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
@@ -269,21 +273,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
269
273
|
border-color: transparent;
|
|
270
274
|
background: ${({theme:e})=>e.text.error};
|
|
271
275
|
&:hover {
|
|
272
|
-
background: ${({theme:e})=>e.text.error+
|
|
276
|
+
background: ${({theme:e})=>e.text.error+Ai.opacity.hex["090"]};
|
|
273
277
|
}
|
|
274
278
|
&:active {
|
|
275
|
-
background: ${({theme:e})=>e.text.error+
|
|
279
|
+
background: ${({theme:e})=>e.text.error+Ai.opacity.hex["080"]};
|
|
276
280
|
}
|
|
277
281
|
`,warning:Ft`
|
|
278
282
|
border-color: transparent;
|
|
279
283
|
background: ${({theme:e})=>e.text.warning};
|
|
280
284
|
&:hover {
|
|
281
|
-
background: ${({theme:e})=>e.text.warning+
|
|
285
|
+
background: ${({theme:e})=>e.text.warning+Ai.opacity.hex["090"]};
|
|
282
286
|
}
|
|
283
287
|
&:active {
|
|
284
|
-
background: ${({theme:e})=>e.text.warning+
|
|
288
|
+
background: ${({theme:e})=>e.text.warning+Ai.opacity.hex["080"]};
|
|
285
289
|
}
|
|
286
|
-
`},
|
|
290
|
+
`},sa=It.button`
|
|
287
291
|
height: 36px;
|
|
288
292
|
border-radius: 32px;
|
|
289
293
|
cursor: pointer;
|
|
@@ -297,27 +301,38 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
297
301
|
text-decoration: underline;
|
|
298
302
|
font-weight: 600;
|
|
299
303
|
outline: none;
|
|
300
|
-
${({$variant:e})=>e&&
|
|
304
|
+
${({$variant:e})=>e&&ra[e]}
|
|
301
305
|
${({disabled:e,$variant:t})=>e&&Ft`
|
|
302
306
|
opacity: 0.5;
|
|
303
307
|
cursor: not-allowed;
|
|
304
308
|
|
|
305
309
|
${"primary"===t?Ft`
|
|
306
310
|
color: ${({theme:e})=>e.colors.secondary};
|
|
307
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
311
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["010"]};
|
|
308
312
|
&:hover {
|
|
309
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
313
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["015"]};
|
|
310
314
|
}
|
|
311
315
|
`:""}
|
|
312
316
|
`}
|
|
313
|
-
`,
|
|
317
|
+
`,la=({children:e,variant:t="primary",onClick:o,...n})=>{const i=wt(null);return xt.createElement(aa,{$variant:t},xt.createElement(sa,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},ca=It.div`
|
|
314
318
|
flex: 1;
|
|
315
319
|
align-self: stretch;
|
|
316
320
|
display: flex;
|
|
317
321
|
flex-direction: column;
|
|
318
322
|
gap: 24px;
|
|
319
323
|
padding: 24px;
|
|
320
|
-
|
|
324
|
+
overflow-x: scroll;
|
|
325
|
+
`,da=It.div`
|
|
326
|
+
position: relative;
|
|
327
|
+
|
|
328
|
+
// inherit all the properties of the parent (PageContent)
|
|
329
|
+
flex: inherit;
|
|
330
|
+
align-self: inherit;
|
|
331
|
+
display: inherit;
|
|
332
|
+
flex-direction: inherit;
|
|
333
|
+
gap: inherit;
|
|
334
|
+
overflow-x: inherit;
|
|
335
|
+
`,pa=It.div`
|
|
321
336
|
display: flex;
|
|
322
337
|
flex-direction: row;
|
|
323
338
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -325,7 +340,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
325
340
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
326
341
|
gap: ${({$gap:e=2})=>e}px;
|
|
327
342
|
padding: ${({$padding:e="unset"})=>e};
|
|
328
|
-
`,
|
|
343
|
+
`,ua=It.div`
|
|
329
344
|
display: flex;
|
|
330
345
|
flex-direction: column;
|
|
331
346
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -333,43 +348,43 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
333
348
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
334
349
|
gap: ${({$gap:e=2})=>e}px;
|
|
335
350
|
padding: ${({$padding:e="unset"})=>e};
|
|
336
|
-
`,
|
|
351
|
+
`,ha=It(ua)`
|
|
337
352
|
width: ${({$width:e})=>e||"100%"};
|
|
338
353
|
height: ${({$height:e})=>e||"unset"};
|
|
339
354
|
align-items: center;
|
|
340
355
|
justify-content: center;
|
|
341
|
-
`,
|
|
356
|
+
`,ma=It.div`
|
|
342
357
|
display: flex;
|
|
343
358
|
flex-direction: column;
|
|
344
359
|
padding: 12px;
|
|
345
360
|
overflow-y: scroll;
|
|
346
|
-
`,
|
|
347
|
-
position: fixed;
|
|
361
|
+
`,ga=It.div`
|
|
362
|
+
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
348
363
|
top: 0;
|
|
349
364
|
left: 0;
|
|
350
365
|
right: 0;
|
|
351
366
|
bottom: 0;
|
|
352
367
|
z-index: 1000;
|
|
353
|
-
background: rgba(0, 0, 0, 0.
|
|
354
|
-
backdrop-filter: blur(
|
|
355
|
-
`,
|
|
368
|
+
background: rgba(0, 0, 0, 0.8);
|
|
369
|
+
backdrop-filter: blur(10px);
|
|
370
|
+
`,xa=It.div`
|
|
356
371
|
width: 800px;
|
|
357
372
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
358
373
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
359
374
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
360
375
|
padding: 0 2px;
|
|
361
376
|
overflow-y: scroll;
|
|
362
|
-
|
|
377
|
+
`,$a=It(ua)`
|
|
363
378
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
364
379
|
width: 100%;
|
|
365
|
-
`,
|
|
380
|
+
`,fa=It(pa)`
|
|
366
381
|
gap: 16px;
|
|
367
382
|
padding: 16px;
|
|
368
|
-
|
|
383
|
+
`,ba=It.div`
|
|
369
384
|
width: 100%;
|
|
370
385
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
371
386
|
overflow-y: auto;
|
|
372
|
-
`,
|
|
387
|
+
`,ya=e=>{function t(){return void 0===e?{}:qo(e)}const[o,n]=bt(t()),[i,a]=bt({}),r=ft(()=>void 0!==e&&JSON.stringify(o)!==JSON.stringify(e),[e,o]);return yt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,isFormDirty:r,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=qo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:()=>{n(t()),a({})}}},wa={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}},ka=()=>{const{addNotification:e}=di(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=ya(wa);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":On(t)&&(n[e]=Zo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:ho.Warning,title:o.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...qo(wa),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case Jt.CollectContainerAttributes:case Jt.CollectReplicaSetAttributes:case Jt.CollectWorkloadId:case Jt.CollectClusterId:case Jt.LabelsAttributes:case Jt.AnnotationsAttributes:case Jt.ClusterAttributes:case Jt.OverwriteExistingValues:case Jt.AttributeNamesToDelete:case Jt.Renames:case Jt.PiiCategories:case Jt.FallbackSamplingRatio:case Jt.SamplingPercentage:case Jt.EndpointsFilters:case Jt.ServicesNameFilters:case Jt.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},va=e=>{yt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Ca=()=>{const{setCurrentModal:e}=ci(),{setDrawerType:t,setDrawerEntityId:o}=ii(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=qt();return{onClickNode:(r,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(a===l?(n(null),i(null)):(n(c),i(l)),p){case lo.Source:case lo.Destination:case lo.Action:case lo.InstrumentationRule:t(p),o(d);break;case yo.AddSource:e(lo.Source);break;case yo.AddDestination:e(lo.Destination);break;case yo.AddAction:e(lo.Action);break;case yo.AddRule:e(lo.InstrumentationRule)}}}},Ea=()=>{const{setDrawerType:e,setDrawerEntityId:t}=ii(),{markAsDismissed:o,markAsSeen:n}=di();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case lo.InstrumentationRule:e(lo.InstrumentationRule),t(xn(l,lo.InstrumentationRule));break;case lo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(lo.Source),t(xn(l,lo.Source));break;case lo.Action:e(lo.Action),t(xn(l,lo.Action));break;case lo.Destination:case"Destination":e(lo.Destination),t(xn(l,lo.Destination))}n(r),c&&o(r)}}},Sa=()=>{const{selectedConnection:e}=hi();return{selectedConnection:e,isVm:e?.type===io.Vm}},Aa=()=>{const e=wt(null),[t,o]=bt(0),[n,i]=bt(0);return yt(()=>{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 Da;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Da||(Da={}));const Ta=It.div`
|
|
373
388
|
width: ${({$size:e})=>1.5*e}px;
|
|
374
389
|
height: ${({$size:e})=>1.5*e}px;
|
|
375
390
|
border-radius: 100%;
|
|
@@ -380,11 +395,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
380
395
|
&:hover {
|
|
381
396
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
382
397
|
}
|
|
383
|
-
`,Da=({icon:e,size:t=Sa.S,onClick:o,disabled:n})=>xt.createElement("div",null,xt.createElement(Aa,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ta=({onDone:e}={})=>{const[t,o]=bt(!1),[n,i]=bt(-1),a=kt(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:kt(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Da,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Na=e=>{const{addNotification:t}=ci(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=fa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=Qo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Qo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:ho.Warning,title:e.alertTitle,message:Qo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...qo(e),name:t};n(void 0,void 0,o)}}},Ia={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},za=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=ci(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=fa(Ia),[c,d]=bt([]),[p,u]=bt([]);return yt(()=>{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===po.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),yt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),yt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Qo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:ho.Warning,title:e.alertTitle,message:Qo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const a={...qo(Ia),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Oa=({items:e,rowHeight:t})=>{const o=wt(null),n=Tt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},_a={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[So.HttpRequest]:null,[So.HttpResponse]:null,[So.DbQuery]:null,[So.Messaging]:null},codeAttributes:{[vo.Column]:null,[vo.FilePath]:null,[vo.Function]:null,[vo.LineNumber]:null,[vo.Namespace]:null,[vo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Eo.Java]:null,[Eo.Golang]:null}},Fa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(_a);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={...qo(_a),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[So.HttpRequest]:i[So.HttpRequest]?{}:null,[So.HttpResponse]:i[So.HttpResponse]?{}:null,[So.DbQuery]:i[So.DbQuery]?{}:null,[So.Messaging]:i[So.Messaging]?{}:null}),a&&(l.codeAttributes={[vo.Column]:a[vo.Column]||null,[vo.FilePath]:a[vo.FilePath]||null,[vo.Function]:a[vo.Function]||null,[vo.LineNumber]:a[vo.LineNumber]||null,[vo.Namespace]:a[vo.Namespace]||null,[vo.StackTrace]:a[vo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Eo.Java]:s[Eo.Java]||null,[Eo.Golang]:s[Eo.Golang]||null}),o(void 0,void 0,l)}}},Ra=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(yt(()=>{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),La=(e,t)=>{yt(()=>{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])},Ba=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=wt(null),[i,a]=bt(!1),[r,s]=bt({top:0,left:0});return La(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})}}},Ma=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Pa={otelServiceName:"",currentStreamName:""},ja=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=fa(Pa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...qo(Pa),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Ua=(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}},Wa=(e,t,o)=>({...Ua(e,t,o),currentStreamName:t}),Va=(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}},Ha=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ii(),{selectedStreamName:n}=oi(),i=wt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=gi(),[d,p]=bt(s),[u,h]=bt(""),[m,g]=bt(!1),[x,$]=bt([]),[f,b]=bt(""),[y,w]=bt(r),[k,v]=bt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Wa(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=Wa(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Ua(e,n));$(e=>[...e,a]),l({...gi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Wa(e,n,o))}))}h("")}};yt(()=>(i.current=!0,o?.length&&!gi.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]||Va(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]=bt(""),[A,D]=bt(lo.Source),[T,N]=bt(!1),[I,z]=bt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,lo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,lo.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:Va(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const qa=()=>{const e=wt(new Et(Nt.locale));return{formatTimeAgo:kt(t=>{try{return"string"==typeof t&&(t=(t=t.replace("t","T").replace("z","Z")).split("Z")[0]),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Ga=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
398
|
+
`,Na=({icon:e,size:t=Da.S,onClick:o,disabled:n})=>xt.createElement("div",null,xt.createElement(Ta,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ia=({onDone:e}={})=>{const[t,o]=bt(!1),[n,i]=bt(-1),a=kt(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:kt(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Na,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},za=e=>{const{addNotification:t}=di(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=ya(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=Zo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Zo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:ho.Warning,title:e.alertTitle,message:Zo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...qo(e),name:t};n(void 0,void 0,o)}}},Oa={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},_a=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=di(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=ya(Oa),[c,d]=bt([]),[p,u]=bt([]);return yt(()=>{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===po.Dropdown){const e=Nn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Nn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Nn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),yt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),yt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Zo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:ho.Warning,title:e.alertTitle,message:Zo.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={...qo(Oa),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Nn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Fa=({items:e,rowHeight:t})=>{const o=wt(null),n=Tt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},Ra={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[So.HttpRequest]:null,[So.HttpResponse]:null,[So.DbQuery]:null,[So.Messaging]:null},codeAttributes:{[vo.Column]:null,[vo.FilePath]:null,[vo.Function]:null,[vo.LineNumber]:null,[vo.Namespace]:null,[vo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Eo.Java]:null,[Eo.Golang]:null}},La=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ya(Ra);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={...qo(Ra),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[So.HttpRequest]:i[So.HttpRequest]?{}:null,[So.HttpResponse]:i[So.HttpResponse]?{}:null,[So.DbQuery]:i[So.DbQuery]?{}:null,[So.Messaging]:i[So.Messaging]?{}:null}),a&&(l.codeAttributes={[vo.Column]:a[vo.Column]||null,[vo.FilePath]:a[vo.FilePath]||null,[vo.Function]:a[vo.Function]||null,[vo.LineNumber]:a[vo.LineNumber]||null,[vo.Namespace]:a[vo.Namespace]||null,[vo.StackTrace]:a[vo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Eo.Java]:s[Eo.Java]||null,[Eo.Golang]:s[Eo.Golang]||null}),o(void 0,void 0,l)}}},Ba=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(yt(()=>{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),Pa=(e,t)=>{yt(()=>{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])},Ma=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=wt(null),[i,a]=bt(!1),[r,s]=bt({top:0,left:0});return Pa(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})}}},ja=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Nn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ua={otelServiceName:"",currentStreamName:""},Wa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ya(Ua);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...qo(Ua),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Va=(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}},Ha=(e,t,o)=>({...Va(e,t,o),currentStreamName:t}),qa=(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}},Ga=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ai(),{selectedStreamName:n}=ni(),i=wt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=xi(),[d,p]=bt(s),[u,h]=bt(""),[m,g]=bt(!1),[x,$]=bt([]),[f,b]=bt(""),[y,w]=bt(r),[k,v]=bt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Ha(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=Ha(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),C=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Va(e,n));$(e=>[...e,a]),l({...xi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),v(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Ha(e,n,o))}))}h("")}};yt(()=>(i.current=!0,o?.length&&!xi.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]||qa(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]=bt(""),[A,D]=bt(lo.Source),[T,N]=bt(!1),[I,z]=bt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,lo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,lo.Source)&&(!T||t.selected)&&(e=>!I||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,I]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const a=o?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(n)||!i.selected&&a?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||f;if(!o)return;const i=[...k[o]||[]],a=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:n};i[a]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||f;if(!i)return;const a=o.find(e=>e.name===t);a&&w(t=>({...t,[i]:qa(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:N,showRunningOnly:I,setShowRunningOnly:z}};try{Et.addDefaultLocale(Nt)}catch(e){}const Ka=()=>{const e=wt(new Et(Nt.locale));return{formatTimeAgo:kt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Ja=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
384
399
|
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
385
400
|
animation-duration: ${n}ms;
|
|
386
401
|
animation-fill-mode: forwards;
|
|
387
|
-
`;return kt(({children:e,enter:t,...o})=>{const[a,r]=bt(!1);return yt(()=>{const e=setTimeout(()=>r(t),n+50);return()=>clearTimeout(e)},[t,n]),t||a?xt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},
|
|
402
|
+
`;return kt(({children:e,enter:t,...o})=>{const[a,r]=bt(!1);return yt(()=>{const e=setTimeout(()=>r(t),n+50);return()=>clearTimeout(e)},[t,n]),t||a?xt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},Ya=It.div`
|
|
388
403
|
position: fixed;
|
|
389
404
|
top: 50%;
|
|
390
405
|
left: 50%;
|
|
@@ -394,27 +409,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
394
409
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
395
410
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
396
411
|
border-radius: 40px;
|
|
397
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
398
|
-
`,
|
|
412
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Ai.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
413
|
+
`,Xa=It.div`
|
|
399
414
|
display: flex;
|
|
400
415
|
justify-content: space-between;
|
|
401
416
|
align-items: center;
|
|
402
417
|
height: 80px;
|
|
403
418
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
404
419
|
padding: 0 24px;
|
|
405
|
-
`,
|
|
420
|
+
`,Qa=It.div`
|
|
406
421
|
cursor: pointer;
|
|
407
422
|
display: flex;
|
|
408
423
|
align-items: center;
|
|
409
424
|
gap: 8px;
|
|
410
|
-
`,
|
|
425
|
+
`,Za=It.div`
|
|
411
426
|
display: flex;
|
|
412
427
|
align-items: center;
|
|
413
428
|
gap: 8px;
|
|
414
|
-
`,
|
|
429
|
+
`,er=It(ha)`
|
|
415
430
|
min-width: 350px;
|
|
416
431
|
min-height: 150px;
|
|
417
|
-
`,
|
|
432
|
+
`,tr=It.div`
|
|
418
433
|
position: absolute;
|
|
419
434
|
left: 50%;
|
|
420
435
|
transform: translateX(-50%);
|
|
@@ -423,24 +438,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
423
438
|
justify-content: center;
|
|
424
439
|
width: 100%;
|
|
425
440
|
pointer-events: none;
|
|
426
|
-
`,
|
|
441
|
+
`,or=It(Bi)`
|
|
427
442
|
text-transform: uppercase;
|
|
428
443
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
429
444
|
pointer-events: auto;
|
|
430
|
-
`,
|
|
445
|
+
`,nr=It(Bi)`
|
|
431
446
|
text-transform: uppercase;
|
|
432
447
|
font-weight: 500;
|
|
433
448
|
font-size: 14px;
|
|
434
449
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
435
450
|
text-decoration: underline;
|
|
436
451
|
cursor: pointer;
|
|
437
|
-
`,
|
|
452
|
+
`,ir=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>{Ba({key:"Escape",active:e&&r},()=>i()),va(e);const s=Ja({container:Ya,animateIn:Ai.animations.slide.in.center,animateOut:Ai.animations.slide.out.center});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ga,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),xt.createElement(s,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:""),enter:e},o&&xt.createElement(Xa,null,xt.createElement(Qa,{onClick:i},xt.createElement(Je,null),xt.createElement(nr,null,"Cancel")),xt.createElement(tr,null,xt.createElement(or,null,o.title)),xt.createElement(Za,null,n)),xt.createElement(er,null,a))),document.body):null},ar=It.div`
|
|
438
453
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
439
454
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
440
455
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
441
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+
|
|
456
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Ai.opacity.hex["050"]};
|
|
442
457
|
opacity: ${({$opacity:e})=>e||1};
|
|
443
|
-
`,
|
|
458
|
+
`,rr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>xt.createElement(ar,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),sr=It.div`
|
|
444
459
|
position: absolute;
|
|
445
460
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
446
461
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -455,24 +470,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
455
470
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
456
471
|
|
|
457
472
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
458
|
-
`,
|
|
473
|
+
`,lr=It.div`
|
|
459
474
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
460
475
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
461
|
-
`,
|
|
476
|
+
`,cr=It.div`
|
|
462
477
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
463
|
-
`,
|
|
478
|
+
`,dr=It.div`
|
|
464
479
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
465
480
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
466
|
-
`,
|
|
481
|
+
`,pr=vt(({isOpen:e,asPortal:t,...o},n)=>{const i=ft(()=>{const{children:e,top:i,bottom:a,left:r,right:s,borderRadius:l,padding:c,maxWidth:d,width:p,header:u,footer:h,withPointerEvents:m,...g}=o;return xt.createElement(sr,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&xt.createElement(lr,{$padding:c},u),xt.createElement(cr,{$padding:c},e),h&&xt.createElement(dr,{$padding:c},h))},[n,o,t]);return e?t?Mt.createPortal(i,document.body):i:null});pr.displayName=pr.name;const ur=It.div`
|
|
467
482
|
position: relative;
|
|
468
483
|
display: flex;
|
|
469
484
|
align-items: center;
|
|
470
485
|
gap: 4px;
|
|
471
486
|
// cursor: help;
|
|
472
|
-
`,
|
|
487
|
+
`,hr=It(Bi)`
|
|
473
488
|
word-break: break-word;
|
|
474
489
|
white-space: pre-wrap;
|
|
475
|
-
`,
|
|
490
|
+
`,mr=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=Ai.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Ma({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=ft(()=>!!Fi(n||"")?.length,[n]),h=e=>{const{type:t,clientX:o,clientY:n}=e;u?p(d.left||o,d.top||n):p(o,n),c("mouseleave"!==t)};return n?xt.createElement(ur,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&xt.createElement(qe,{fill:r.v2.colors.silver[200]}),xt.createElement(pr,{ref:s,isOpen:l,top:d.top,left:d.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?h:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!o)&&xt.createElement(pa,{style:{marginBottom:"4px"},$gap:4},t&&xt.createElement(t,{key:"icon",size:12,fill:r.text.secondary}),o&&xt.createElement(Bi,{key:"title",size:12,color:r.text.secondary},o)),xt.createElement(hr,{size:12,color:r.text.info},n),!!i&&xt.createElement(Bi,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):xt.createElement(xt.Fragment,null,a)},gr=It.button`
|
|
476
491
|
position: relative;
|
|
477
492
|
width: ${({$size:e})=>e}px;
|
|
478
493
|
height: ${({$size:e})=>e}px;
|
|
@@ -484,9 +499,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
484
499
|
justify-content: center;
|
|
485
500
|
cursor: pointer;
|
|
486
501
|
&:hover {
|
|
487
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+
|
|
502
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Ai.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
488
503
|
}
|
|
489
|
-
`,
|
|
504
|
+
`,xr=It.div`
|
|
490
505
|
position: absolute;
|
|
491
506
|
top: ${({$size:e})=>e/5}px;
|
|
492
507
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -501,17 +516,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
501
516
|
inset: 0;
|
|
502
517
|
border-radius: 100%;
|
|
503
518
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
504
|
-
animation: ${
|
|
519
|
+
animation: ${Ai.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
505
520
|
}
|
|
506
|
-
|
|
521
|
+
`,$r=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>xt.createElement(mr,{text:o},xt.createElement(gr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&xt.createElement(xr,{$size:n,$color:a}),e)),fr=It.div`
|
|
507
522
|
position: relative;
|
|
508
523
|
&.animated {
|
|
509
524
|
overflow: hidden;
|
|
510
525
|
padding-bottom: 1px;
|
|
511
526
|
border-radius: 32px;
|
|
512
|
-
animation: ${({$isLeaving:e})=>e?
|
|
527
|
+
animation: ${({$isLeaving:e})=>e?Ai.animations.slide.out.bottom:Ai.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
513
528
|
}
|
|
514
|
-
|
|
529
|
+
`,br=It.div`
|
|
515
530
|
position: absolute;
|
|
516
531
|
bottom: -1px;
|
|
517
532
|
left: 0;
|
|
@@ -520,8 +535,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
520
535
|
height: 100%;
|
|
521
536
|
border-radius: 32px;
|
|
522
537
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
523
|
-
animation: ${
|
|
524
|
-
`,
|
|
538
|
+
animation: ${Ai.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
539
|
+
`,yr=It.div`
|
|
525
540
|
display: flex;
|
|
526
541
|
align-items: center;
|
|
527
542
|
flex: 1;
|
|
@@ -529,20 +544,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
529
544
|
padding: 0 12px;
|
|
530
545
|
border-radius: 32px;
|
|
531
546
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
532
|
-
`,
|
|
547
|
+
`,wr=It.div`
|
|
533
548
|
display: flex;
|
|
534
549
|
align-items: center;
|
|
535
550
|
margin: 0 auto 0 0;
|
|
536
551
|
padding: 8px 0;
|
|
537
552
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
538
553
|
min-height: 12px;
|
|
539
|
-
`,
|
|
554
|
+
`,kr=It(Bi)`
|
|
540
555
|
font-size: 14px;
|
|
541
556
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
542
|
-
`,
|
|
557
|
+
`,vr=It(Bi)`
|
|
543
558
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
544
559
|
font-size: 12px;
|
|
545
|
-
`,
|
|
560
|
+
`,Cr=It(pa)``,Er=It(Bi)`
|
|
546
561
|
text-transform: uppercase;
|
|
547
562
|
text-decoration: underline;
|
|
548
563
|
font-size: 12px;
|
|
@@ -553,34 +568,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
553
568
|
transform: scale(1.1);
|
|
554
569
|
transition: transform 0.3s;
|
|
555
570
|
}
|
|
556
|
-
`,
|
|
571
|
+
`,Sr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Ai.useTheme(),[d,p]=bt(!1),u=wt(null),h=wt(null),m=e=>{a&&(p(!0),a({asSeen:e?.asSeen}))};yt(()=>(u.current=setTimeout(()=>m({asSeen:!1}),r),()=>{u.current&&clearTimeout(u.current)}),[r]);const g=t||Sn(e,c);return xt.createElement(fr,{className:a?"animated":"",$duration:r,$isLeaving:d,onMouseEnter:()=>{u.current&&clearTimeout(u.current),h.current&&(h.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(h.current){const e=h.current.offsetWidth/h.current.parentElement.offsetWidth*r;u.current=setTimeout(()=>m({asSeen:!1}),e),h.current.style.animationPlayState="running"}}},xt.createElement(yr,{"data-id":"toast",$type:e,style:l},xt.createElement(g,{fill:c.text[e]}),xt.createElement(wr,{$withAction:!!i,$overrideMaxWidth:s},o&&xt.createElement(kr,{$type:e},o),o&&n&&xt.createElement(rr,{orientation:"vertical",type:e}),n&&xt.createElement(vr,{$type:e},n)),(!!i||!!a)&&xt.createElement(Cr,null,i&&xt.createElement(Er,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&xt.createElement($r,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},xt.createElement(Je,{size:12})))),a&&xt.createElement(br,{ref:h,$duration:r,$type:e}))},Ar=It.div`
|
|
557
572
|
padding: 24px 32px;
|
|
558
|
-
`,
|
|
573
|
+
`,Dr=It.div`
|
|
559
574
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
560
|
-
`,
|
|
575
|
+
`,Tr=It(Bi)`
|
|
561
576
|
font-size: 20px;
|
|
562
577
|
line-height: 28px;
|
|
563
|
-
`,
|
|
578
|
+
`,Nr=It(Bi)`
|
|
564
579
|
color: ${({theme:e})=>e.text.grey};
|
|
565
580
|
width: 416px;
|
|
566
581
|
font-style: normal;
|
|
567
582
|
font-weight: 300;
|
|
568
583
|
line-height: 24px;
|
|
569
|
-
`,
|
|
584
|
+
`,Ir=It.div`
|
|
570
585
|
display: flex;
|
|
571
586
|
justify-content: space-between;
|
|
572
587
|
gap: 12px;
|
|
573
|
-
`,
|
|
588
|
+
`,zr=It(la)`
|
|
574
589
|
width: 250px;
|
|
575
|
-
`,
|
|
590
|
+
`,Or=It.div`
|
|
576
591
|
margin-bottom: 12px;
|
|
577
|
-
`,
|
|
592
|
+
`,_r=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Ba({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return xt.createElement(ir,{isOpen:e,noOverlay:t,onClose:l},xt.createElement(Ar,null,xt.createElement(Tr,null,o),xt.createElement(Dr,{$withNote:!!i},xt.createElement(Nr,null,n)),!!i&&xt.createElement(Or,null,xt.createElement(Sr,{type:i.type,title:i.title,message:i.message})),xt.createElement(Ir,null,xt.createElement(zr,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),xt.createElement(zr,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Fr=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>xt.createElement(_r,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:ho.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),Rr=It.div`
|
|
578
593
|
display: flex;
|
|
579
594
|
align-items: center;
|
|
580
595
|
gap: 8px;
|
|
581
596
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
582
597
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
583
|
-
`,
|
|
598
|
+
`,Lr=It.div`
|
|
584
599
|
width: 18px;
|
|
585
600
|
height: 18px;
|
|
586
601
|
border-radius: 6px;
|
|
@@ -588,15 +603,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
588
603
|
display: flex;
|
|
589
604
|
align-items: center;
|
|
590
605
|
justify-content: center;
|
|
591
|
-
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+
|
|
606
|
+
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+Ai.opacity.hex["020"]};
|
|
592
607
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
593
608
|
transition: border 0.3s;
|
|
594
609
|
&:hover {
|
|
595
610
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
596
611
|
}
|
|
597
|
-
`,
|
|
612
|
+
`,Br=({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=Ai.useTheme(),[p,u]=bt(n);return yt(()=>u(n),[n]),xt.createElement(ua,null,xt.createElement(Rr,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},xt.createElement(Lr,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?xt.createElement(Ye,{fill:d.text.white}):p?xt.createElement(Ge,{fill:d.text.white}):null),e&&xt.createElement(mr,{text:o,withIcon:!0},xt.createElement(Bi,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&xt.createElement(ji,null,l))},Pr=It(pa)`
|
|
598
613
|
gap: 0;
|
|
599
|
-
`,
|
|
614
|
+
`,Mr=It.button`
|
|
600
615
|
padding: 4px 8px;
|
|
601
616
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
602
617
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -608,22 +623,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
608
623
|
&:hover {
|
|
609
624
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
610
625
|
}
|
|
611
|
-
`,
|
|
626
|
+
`,jr=({isPrettyMode:e,setIsPrettyMode:t})=>xt.createElement(Pr,null,xt.createElement(Mr,{$position:"left",$selected:e,onClick:()=>t(!0)},xt.createElement(Xe,null)),xt.createElement(Mr,{$position:"right",$selected:!e,onClick:()=>t(!1)},xt.createElement(Qe,null))),Ur=It.table`
|
|
612
627
|
border-collapse: collapse;
|
|
613
628
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
614
|
-
`,
|
|
629
|
+
`,Wr=It.tbody``,Vr=It.tr`
|
|
615
630
|
td:first-child {
|
|
616
631
|
padding-left: 0 !important;
|
|
617
632
|
}
|
|
618
633
|
td:last-child {
|
|
619
634
|
padding-right: 0 !important;
|
|
620
635
|
}
|
|
621
|
-
`,
|
|
636
|
+
`,Hr=It.td`
|
|
622
637
|
vertical-align: top;
|
|
623
638
|
padding: 4px 6px;
|
|
624
|
-
`,
|
|
639
|
+
`,qr=It(Bi)`
|
|
625
640
|
white-space: nowrap;
|
|
626
|
-
`,
|
|
641
|
+
`,Gr=It.span`
|
|
627
642
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
628
643
|
overflow-wrap: break-word;
|
|
629
644
|
word-break: break-word;
|
|
@@ -631,56 +646,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
631
646
|
/* Fallback for older browsers */
|
|
632
647
|
-ms-word-break: break-all;
|
|
633
648
|
font-size: 12px;
|
|
634
|
-
`,
|
|
649
|
+
`,Kr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=Ai.useTheme(),r=o?Wt[o]:a?Wt.palenight:Wt.vsLight;let s="";if("json"===e){const e=Nn(t,{}),o=Gn(e);s=Kn(n?nn(o):o)}else s=t;return i&&"json"===e?xt.createElement(Jr,{darkMode:a,str:s}):xt.createElement(Ut,{theme:r||(a?Wt.palenight:Wt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>xt.createElement("pre",null,o.map((o,n)=>xt.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>xt.createElement(Gr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},Jr=({darkMode:e,str:t})=>{const o=Ai.useTheme();return xt.createElement(Ut,{theme:e?Wt.palenight:Wt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>xt.createElement(Ur,null,xt.createElement(Wr,null,n.map((n,i)=>{const a=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],n=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(n.split("@")[0])&&(o[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:n}})})(n),r=e({line:a});return 1===a.length&&"property"===a[0].types[0]?xt.createElement($t,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>xt.createElement(Vr,{...e},xt.createElement(Hr,null),xt.createElement(Hr,null)));return xt.createElement($t,null,n.map((e,n)=>xt.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),xt.createElement(Vr,{...r},xt.createElement(Hr,null,xt.createElement(qr,null,a[0].content)),xt.createElement(Hr,null))):2===a.length?xt.createElement(Vr,{key:`line-${i}`,...r},a.map((e,n)=>{const{text:a,components:r}=((e,t)=>{const[o,...n]=e.split("@");return{text:o,components:n?.map((e,o)=>{if(!e.includes("="))return null;const[n,i]=e.split("=");switch(n){case"tooltip":return xt.createElement(mr,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return xt.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=Sn(i,t);return e||(e=Sn(ho.Warning,t)),xt.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return xt.createElement(Hr,{key:`line-${i}-token-${n}`},xt.createElement(pa,null,xt.createElement(pa,null,r),xt.createElement(Gr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},Yr={cm:!0,mm:!0,in:!0,px:!0,pt:!0,pc:!0,em:!0,ex:!0,ch:!0,rem:!0,vw:!0,vh:!0,vmin:!0,vmax:!0,"%":!0};function Xr(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const n=(e.match(/[^0-9]*$/)||"").toString();return Yr[n]?{value:t,unit:n}:{value:t,unit:"px"}}function Qr(e){const t=Xr(e);return`${t.value}${t.unit}`}const Zr=(()=>{const e="react-spinners-FadeLoader-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(n,0),e})(),es=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=Ai.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=Xr(2),d=c+4.2,p=d/2+d/5.5,u=4*d*o,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:o,...a,...i},m=(e,t)=>({position:"absolute",width:Qr(1.5),height:Qr(4),borderRadius:Qr(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${Zr} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return xt.createElement("span",{style:h,...r},xt.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),xt.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),xt.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),xt.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},ts=It.div`
|
|
635
650
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
636
651
|
display: flex;
|
|
637
652
|
align-items: center;
|
|
638
653
|
justify-content: center;
|
|
639
|
-
`,
|
|
654
|
+
`,os=({extend:e,size:t=14,align:o="center"})=>xt.createElement(ts,{$align:o},xt.createElement(Ze,{size:t,rotate:e?180:0})),ns=It.div`
|
|
640
655
|
border-radius: 24px;
|
|
641
|
-
background-color: ${({theme:e,$status:t})=>t===ho.Error?e.text.error+
|
|
656
|
+
background-color: ${({theme:e,$status:t})=>t===ho.Error?e.text.error+Ai.opacity.hex["010"]:t===ho.Warning?e.text.warning+Ai.opacity.hex["010"]:e.colors.secondary+Ai.opacity.hex["005"]};
|
|
642
657
|
&:hover {
|
|
643
|
-
background-color: ${({theme:e,$status:t})=>t===ho.Error?e.text.error+
|
|
658
|
+
background-color: ${({theme:e,$status:t})=>t===ho.Error?e.text.error+Ai.opacity.hex["020"]:t===ho.Warning?e.text.warning+Ai.opacity.hex["020"]:e.colors.secondary+Ai.opacity.hex["010"]};
|
|
644
659
|
}
|
|
645
660
|
cursor: pointer;
|
|
646
661
|
transition: background 0.3s;
|
|
647
|
-
`,
|
|
662
|
+
`,is=It.div`
|
|
648
663
|
display: flex;
|
|
649
664
|
align-items: center;
|
|
650
665
|
gap: 12px;
|
|
651
666
|
padding: 12px 18px;
|
|
652
|
-
`,
|
|
667
|
+
`,as=It.div`
|
|
653
668
|
display: flex;
|
|
654
669
|
flex-direction: column;
|
|
655
670
|
gap: 8px;
|
|
656
671
|
padding: 6px 18px 12px 18px;
|
|
657
|
-
`,
|
|
672
|
+
`,rs=It.div`
|
|
658
673
|
display: flex;
|
|
659
674
|
align-items: center;
|
|
660
675
|
gap: 12px;
|
|
661
|
-
`,
|
|
676
|
+
`,ss=It(Bi)`
|
|
662
677
|
white-space: nowrap;
|
|
663
|
-
`,
|
|
678
|
+
`,ls=It(ua)`
|
|
664
679
|
width: 16px;
|
|
665
|
-
`,
|
|
680
|
+
`,cs=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Ai.useTheme(),[a,r]=bt(!1),s=ft(()=>jn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=ft(()=>ln(s),[s]);yt(()=>{r(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?ho.Error:p?ho.Warning:u?ho.Info:ho.Success,x=Sn(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=kt(()=>r(e=>!e),[]);return xt.createElement(ns,{onClick:w,$status:g},xt.createElement(is,null,m?xt.createElement(es,null):xt.createElement(x,null),xt.createElement(Bi,{color:f,size:14},$),xt.createElement(Bi,{color:y,size:12,family:"secondary"},b),xt.createElement(os,{extend:a,align:"right"})),a&&xt.createElement(as,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===go.Loading?()=>xt.createElement(es,{scale:.8}):e===go.Disabled?Sn(ho.Info,i):Sn(e,i),l=e===go.Disabled?i.text.info:e===ho.Error?i.text.error:e===ho.Warning?i.text.warning:i.text.info,c=e===go.Disabled?i.text.info_secondary:e===ho.Error?i.text.error_secondary:e===ho.Warning?i.text.warning_secondary:i.text.info_secondary;return xt.createElement(rs,{key:`condition-${r}`},xt.createElement(ls,null,xt.createElement(s,null)),xt.createElement(pa,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},xt.createElement(Bi,{color:l,size:12},xt.createElement(ss,{color:c,size:12,weight:700},t),n||o),xt.createElement(ss,{color:l,size:12},new Date(a).toLocaleString())))})))},ds=It.div`
|
|
666
681
|
display: flex;
|
|
667
682
|
align-items: center;
|
|
668
683
|
gap: ${({$size:e})=>e/3}px;
|
|
669
684
|
padding: ${({$size:e,$withBorder:t,$withBackground:o})=>t||o?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
670
685
|
width: ${({$width:e})=>e||"fit-content"};
|
|
671
686
|
border-radius: 360px;
|
|
672
|
-
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+
|
|
673
|
-
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+
|
|
674
|
-
`,
|
|
687
|
+
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Ai.opacity.hex["050"]}`:"none"};
|
|
688
|
+
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Ai.opacity.hex["030"]} 100%)`:"transparent"};
|
|
689
|
+
`,ps=It.div`
|
|
675
690
|
display: flex;
|
|
676
691
|
align-items: center;
|
|
677
|
-
`,
|
|
692
|
+
`,us=It.div`
|
|
678
693
|
display: flex;
|
|
679
694
|
align-items: center;
|
|
680
|
-
`,
|
|
695
|
+
`,hs=({title:e,subtitle:t,status:o=ho.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Ai.useTheme(),u=[go.Loading,go.Disabled].includes(o)?ho.Info:o,h=n?()=>xt.createElement(n,{size:l+2,fill:p.text[u]}):o===go.Loading?()=>xt.createElement(es,{scale:.8}):()=>Sn(u,p)?.({size:l+2});return xt.createElement(ds,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&xt.createElement(ps,null,xt.createElement(h,null)),(!!e||!!t)&&xt.createElement(us,null,!!e&&xt.createElement(Bi,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&xt.createElement(rr,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&xt.createElement(Bi,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},ms=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=_t();return xt.createElement(la,{onClick:t,variant:o,...i},xt.createElement(et,{fill:"primary"===o?a.text.primary:a.text.info}),xt.createElement(Bi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||tn.ADD))},gs=It(pa)`
|
|
681
696
|
width: 100%;
|
|
682
697
|
border-radius: 8px;
|
|
683
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
698
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["010"]};
|
|
684
699
|
pre {
|
|
685
700
|
color: ${({theme:e})=>e.text.default};
|
|
686
701
|
font-size: 12px;
|
|
@@ -688,7 +703,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
688
703
|
width: 100%;
|
|
689
704
|
padding-left: 12px;
|
|
690
705
|
}
|
|
691
|
-
`,
|
|
706
|
+
`,xs=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Ia();return xt.createElement(gs,null,xt.createElement("pre",null,e),xt.createElement($r,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?xt.createElement(Ge,null):xt.createElement(Ke,null)))},$s=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=_t();return xt.createElement(la,{onClick:t,variant:o,...n},xt.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),xt.createElement(Bi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||tn.EDIT))},fs=({onClick:e})=>xt.createElement(Sr,{type:ho.Default,icon:je,message:en.QUICK_BACK_TO_SUMMARY,action:{label:en.GO_TO_SUMMARY,onClick:e}}),bs=It(Bi)`
|
|
692
707
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
693
708
|
white-space: nowrap;
|
|
694
709
|
overflow-x: auto;
|
|
@@ -698,15 +713,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
698
713
|
content: '';
|
|
699
714
|
display: block;
|
|
700
715
|
}
|
|
701
|
-
`,
|
|
716
|
+
`,ys=({maxWidth:e,text:t,textSize:o=16,textColor:n})=>{const[i,a]=bt(!1),r=wt(null);return yt(()=>{if(r.current){const{clientWidth:t}=r.current;a(t<1.05*(e-o)&&t>.95*(e-o))}},[e,o,t]),xt.createElement(pa,{$gap:0},t&&xt.createElement(mr,{text:i?t:void 0},xt.createElement(bs,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&xt.createElement(bs,{$maxWidth:o,size:o,color:n},"..."))},ws=({src:e="",alt:t="",size:n=16})=>{const[i,a]=bt(!1);return e&&!i?xt.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>a(!0)}):xt.createElement(o,{size:n})},ks=It.div`
|
|
702
717
|
display: flex;
|
|
703
718
|
align-items: center;
|
|
704
719
|
justify-content: center;
|
|
705
720
|
width: ${({$size:e})=>e}px;
|
|
706
721
|
height: ${({$size:e})=>e}px;
|
|
707
722
|
border-radius: 8px;
|
|
708
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
709
|
-
`,
|
|
723
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ai.opacity.hex["030"]} 100%)`}};
|
|
724
|
+
`,vs=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>xt.createElement(ks,{$status:i,$size:a},t?xt.createElement(ws,{src:t,alt:n,size:a-12}):e?xt.createElement(e,{size:a-12}):xt.createElement(o,{size:a-12})),Cs=It.div`
|
|
710
725
|
position: relative;
|
|
711
726
|
display: flex;
|
|
712
727
|
flex-wrap: wrap;
|
|
@@ -714,7 +729,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
714
729
|
justify-content: center;
|
|
715
730
|
width: ${({$size:e})=>e}px;
|
|
716
731
|
height: ${({$size:e})=>e}px;
|
|
717
|
-
`,
|
|
732
|
+
`,Es=It.div`
|
|
718
733
|
position: absolute;
|
|
719
734
|
top: ${({$top:e})=>e}px;
|
|
720
735
|
left: ${({$left:e})=>e}px;
|
|
@@ -725,94 +740,94 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
725
740
|
width: ${({$size:e})=>e}px;
|
|
726
741
|
height: ${({$size:e})=>e}px;
|
|
727
742
|
border-radius: 100%;
|
|
728
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
729
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
730
|
-
`,
|
|
743
|
+
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Ai.opacity.hex["030"]};
|
|
744
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Ai.opacity.hex["030"]} 100%)`}};
|
|
745
|
+
`,Ss=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=Ai.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return xt.createElement(Ss,{icons:t.map(e=>()=>xt.createElement(ws,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return xt.createElement(vs,{icon:e[0],status:o,size:n});const s=t=>e.length<=2?.5*r:0===t||1===t?0:1.15*r,l=e=>0===e?0:1===e?1.15*r:1.15*r*.5;return xt.createElement(Cs,{$status:o,$size:n},e.map((t,n)=>n>2?null:xt.createElement(Es,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?xt.createElement(Bi,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):xt.createElement(t,{size:r}))))},As=jo.map(({id:e})=>e),Ds=({monitors:e=As,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=Ai.useTheme(),r=i||a.text.grey;return xt.createElement(pa,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=Uo(i),s=bn(i);return s?xt.createElement(mr,{key:i,text:t?a:""},xt.createElement(pa,{$gap:n/3},xt.createElement(s,{size:o?n+2:n,fill:r}),o&&xt.createElement(Bi,{size:n,color:r},a))):null}))},Ts=It.div`
|
|
731
746
|
visibility: hidden;
|
|
732
|
-
`,
|
|
747
|
+
`,Ns=It.div`
|
|
733
748
|
display: flex;
|
|
734
749
|
flex-direction: column;
|
|
735
750
|
align-self: stretch;
|
|
736
751
|
padding: 16px;
|
|
737
752
|
width: calc(100% - 32px);
|
|
738
753
|
border-radius: 16px;
|
|
739
|
-
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+
|
|
754
|
+
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+Ai.opacity.hex["010"]:e.colors.secondary+Ai.opacity.hex["005"])};
|
|
740
755
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
741
756
|
|
|
742
757
|
${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?Ft`
|
|
743
758
|
&:hover {
|
|
744
759
|
cursor: pointer;
|
|
745
|
-
background-color: ${o||(t?e.text[t]+
|
|
746
|
-
${
|
|
760
|
+
background-color: ${o||(t?e.text[t]+Ai.opacity.hex["020"]:e.colors.secondary+Ai.opacity.hex["010"])};
|
|
761
|
+
${Ts} {
|
|
747
762
|
visibility: visible;
|
|
748
763
|
}
|
|
749
764
|
}
|
|
750
|
-
`:`\n &:hover {\n ${
|
|
751
|
-
`,
|
|
765
|
+
`:`\n &:hover {\n ${Ts} {\n visibility: visible;\n }\n }\n `}
|
|
766
|
+
`,Is=It.div`
|
|
752
767
|
display: flex;
|
|
753
768
|
align-items: center;
|
|
754
769
|
gap: 8px;
|
|
755
770
|
margin-left: auto;
|
|
756
|
-
`,
|
|
771
|
+
`,zs=It(Bi)`
|
|
757
772
|
margin-right: 16px;
|
|
758
|
-
`,
|
|
773
|
+
`,Os=It(Bi)`
|
|
759
774
|
font-size: 10px;
|
|
760
775
|
color: ${({theme:e})=>e.text.grey};
|
|
761
|
-
`,
|
|
776
|
+
`,_s=({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=Ai.useTheme(),[S,A]=bt(k||!1),[D,T]=bt(0),N=wt(null),I=wt(null),z=wt(null);return yt(()=>{if(N.current){const e=N.current.clientWidth,t=I.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),xt.createElement(Ns,{ref:N,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},xt.createElement(pa,{$gap:8},xt.createElement(pa,{$gap:16},b?xt.createElement(es,null):x?xt.createElement(Br,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?xt.createElement(Ss,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?xt.createElement(vs,{icon:a,src:s,status:c}):null),xt.createElement(ua,{$gap:4},e&&xt.createElement(ys,{maxWidth:D,text:e,textSize:14}),xt.createElement(pa,{$gap:4},t&&xt.createElement(ys,{maxWidth:D-(z.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&xt.createElement(pa,{$gap:4,ref:z},t&&xt.createElement(Os,null,"•"),xt.createElement(Ds,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?xt.createElement(pa,{$gap:4},g?.map((e,t)=>xt.createElement($t,{key:`componentsUnderTitles-${t}`},e))):null),xt.createElement(Is,{ref:I},!!o&&xt.createElement(Ts,null,xt.createElement(zs,{size:14,family:"secondary"},o)),i&&i(),w&&xt.createElement($t,null,xt.createElement(rr,{orientation:"vertical",length:"16px",margin:"0 2px"}),xt.createElement($r,{onClick:()=>A(e=>!e)},xt.createElement(os,{extend:S}))))),S&&v&&xt.createElement(ua,null,xt.createElement(rr,{margin:"16px 0"}),v()))},Fs=It(pa)`
|
|
762
777
|
width: 100%;
|
|
763
778
|
justify-content: space-between;
|
|
764
|
-
`,
|
|
779
|
+
`,Rs=It(Bi)`
|
|
765
780
|
font-size: 12px;
|
|
766
781
|
color: ${({theme:e})=>e.text.grey};
|
|
767
|
-
`,
|
|
782
|
+
`,Ls=It(Bi)`
|
|
768
783
|
font-size: 10px;
|
|
769
784
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
770
|
-
`,
|
|
785
|
+
`,Bs=It.div`
|
|
771
786
|
display: flex;
|
|
772
787
|
align-items: center;
|
|
773
788
|
gap: 8px;
|
|
774
789
|
margin-left: auto;
|
|
775
|
-
`,
|
|
790
|
+
`,Ps=It(Bi)`
|
|
776
791
|
font-size: 12px;
|
|
777
792
|
text-align: right;
|
|
778
|
-
`,
|
|
793
|
+
`,Ms=({title:e,subTitle:t,tooltip:o,value:n})=>xt.createElement(Fs,null,xt.createElement(ua,{$gap:4},xt.createElement(mr,{text:o||""},e&&xt.createElement(Rs,{key:"title"},e),t&&xt.createElement(Ls,{key:"subtitle"},t))),xt.createElement(Bs,null,n?.status?xt.createElement(hs,{status:"transitioning"===n.status?go.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):xt.createElement(Ps,null,n?.text||"-"))),js=It(ua)`
|
|
779
794
|
width: 100%;
|
|
780
|
-
`,
|
|
795
|
+
`,Us=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=ft(()=>{const e=[];return o?.name&&e.push(xt.createElement(hs,{key:"started",status:Rn(o.value)?Hn(o.value)?ho.Success:ho.Error:ho.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push(xt.createElement(hs,{key:"ready",status:Rn(n.value)?Hn(n.value)?ho.Success:ho.Error:ho.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return xt.createElement(_s,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>xt.createElement(hs,{status:ho.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>xt.createElement(js,{$gap:24},i.map((e,t)=>xt.createElement(js,{key:`process-${t}`,$gap:8},xt.createElement(Ms,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===ho.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>xt.createElement(Ms,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Ws=It.div`
|
|
781
796
|
display: flex;
|
|
782
797
|
flex-direction: column;
|
|
783
798
|
align-items: center;
|
|
784
|
-
`,
|
|
799
|
+
`,Vs=It.div`
|
|
785
800
|
display: flex;
|
|
786
801
|
align-items: center;
|
|
787
802
|
gap: 8px;
|
|
788
|
-
`,
|
|
803
|
+
`,Hs=It(Bi)`
|
|
789
804
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
790
|
-
`,
|
|
805
|
+
`,qs=It(Bi)`
|
|
791
806
|
color: ${({theme:e})=>e.colors.border};
|
|
792
807
|
font-size: 14px;
|
|
793
808
|
font-weight: 200;
|
|
794
809
|
line-height: 20px;
|
|
795
810
|
text-align: center;
|
|
796
|
-
`,
|
|
811
|
+
`,Gs=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=Ai.useTheme();return xt.createElement(Ws,null,xt.createElement(Vs,null,xt.createElement(ot,{fill:o.text.dark_grey}),xt.createElement(Hs,null,e)),t&&xt.createElement(qs,null,t))},Ks=It(ua)`
|
|
797
812
|
max-width: 300px;
|
|
798
813
|
padding: 12px;
|
|
799
814
|
border-radius: 12px;
|
|
800
815
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
801
816
|
justify-content: center;
|
|
802
|
-
`,
|
|
817
|
+
`,Js=Ct(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return xt.createElement(Ks,{"data-id":e},xt.createElement(Gs,{title:o,subTitle:n}))});Js.displayName=Js.name;const Ys=It.div`
|
|
803
818
|
padding: 6px;
|
|
804
819
|
border-radius: 12px;
|
|
805
820
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
806
821
|
cursor: pointer;
|
|
807
|
-
`,
|
|
822
|
+
`,Xs=It.div`
|
|
808
823
|
position: relative;
|
|
809
|
-
`,
|
|
824
|
+
`,Qs=It(pa)`
|
|
810
825
|
position: absolute;
|
|
811
826
|
bottom: -24px;
|
|
812
827
|
left: 50%;
|
|
813
828
|
transform: translateX(-50%);
|
|
814
829
|
gap: 4px;
|
|
815
|
-
`,
|
|
830
|
+
`,Zs=It.div`
|
|
816
831
|
position: absolute;
|
|
817
832
|
bottom: 100%;
|
|
818
833
|
left: 100%;
|
|
@@ -821,12 +836,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
821
836
|
border-radius: 16px;
|
|
822
837
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
823
838
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
824
|
-
`,
|
|
839
|
+
`,el=({title:e,value:t})=>{const o=_t();return xt.createElement(pa,{$justifyContent:"space-between"},xt.createElement(Bi,{size:12,color:o.text.info},e),xt.createElement(Bi,{size:12,family:"secondary"},t))},tl=Ct(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=qt(),c=_t(),d=n===ho.Error?Sn(n,c):null;return xt.createElement(xt.Fragment,null,xt.createElement(Rt,{type:"source",position:Lt.Bottom,style:{visibility:"hidden"}}),xt.createElement(Rt,{type:"target",position:Lt.Top,style:{visibility:"hidden"}}),xt.createElement(Xs,{"data-id":e},xt.createElement(Ys,null,xt.createElement(Ss,{id:o,icons:a,status:n})),xt.createElement(Qs,null,d&&xt.createElement(d,null),xt.createElement(ys,{maxWidth:100,text:i})),s===fo.MapItem&&l===e&&xt.createElement(Zs,null,xt.createElement(pa,{$gap:12},xt.createElement(Ss,{id:o,icons:a,status:n}),xt.createElement(Bi,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>xt.createElement("div",{key:`from-${o}-to-${e}`},xt.createElement(rr,null),xt.createElement(el,{title:"Connected Service",value:e}),xt.createElement(el,{title:"Outgoing Requests",value:t}),xt.createElement(el,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):xt.createElement(xt.Fragment,null,xt.createElement(rr,null),xt.createElement(Gs,{title:"No outgoing connections",subTitle:" "})))))});tl.displayName=tl.name;const ol=It.div`
|
|
825
840
|
height: calc(100vh - 160px);
|
|
826
841
|
.react-flow__attribution {
|
|
827
842
|
visibility: hidden;
|
|
828
843
|
}
|
|
829
|
-
`,
|
|
844
|
+
`,nl=It.div`
|
|
830
845
|
button {
|
|
831
846
|
padding: 8px;
|
|
832
847
|
margin: 8px;
|
|
@@ -840,13 +855,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
840
855
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
841
856
|
}
|
|
842
857
|
}
|
|
843
|
-
`,
|
|
858
|
+
`,il={[fo.MapItem]:tl,[fo.NoData]:Js},al=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=Ca(),{setActiveNodeType:s,setActiveNodeId:l}=qt();return xt.createElement(ol,null,xt.createElement(Bt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:il,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},xt.createElement(nl,null,xt.createElement(Pt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},rl=It.div`
|
|
844
859
|
display: flex;
|
|
845
860
|
|
|
846
861
|
align-items: center;
|
|
847
862
|
gap: 6px;
|
|
848
863
|
margin-bottom: 4px;
|
|
849
|
-
`,
|
|
864
|
+
`,sl=It(Bi)`
|
|
850
865
|
font-size: 14px;
|
|
851
866
|
opacity: 0.8;
|
|
852
867
|
line-height: 22px;
|
|
@@ -854,16 +869,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
854
869
|
white-space: nowrap;
|
|
855
870
|
text-overflow: ellipsis;
|
|
856
871
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
857
|
-
`,
|
|
872
|
+
`,ll=It(Bi)`
|
|
858
873
|
font-size: 12px;
|
|
859
874
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
860
875
|
opacity: 0.8;
|
|
861
|
-
`,
|
|
876
|
+
`,cl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?xt.createElement(rl,{style:n},xt.createElement(mr,{text:o,withIcon:!0},xt.createElement(sl,{$status:i},e),!t&&xt.createElement(ll,null,"(optional)"))):null,dl=It.div`
|
|
862
877
|
display: flex;
|
|
863
878
|
flex-direction: column;
|
|
864
879
|
position: relative;
|
|
865
880
|
width: 100%;
|
|
866
|
-
`,
|
|
881
|
+
`,pl=It.div`
|
|
867
882
|
width: 100%;
|
|
868
883
|
display: flex;
|
|
869
884
|
align-items: center;
|
|
@@ -889,7 +904,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
889
904
|
&:focus-within {
|
|
890
905
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
891
906
|
}
|
|
892
|
-
`,
|
|
907
|
+
`,ul=It.input`
|
|
893
908
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
894
909
|
flex: 1;
|
|
895
910
|
min-width: 150px;
|
|
@@ -918,13 +933,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
918
933
|
-webkit-appearance: none;
|
|
919
934
|
margin: 0;
|
|
920
935
|
}
|
|
921
|
-
`,
|
|
936
|
+
`,hl=It.div`
|
|
922
937
|
display: flex;
|
|
923
938
|
align-items: center;
|
|
924
939
|
margin-left: 12px;
|
|
925
|
-
`,
|
|
940
|
+
`,ml=It(hl)`
|
|
926
941
|
cursor: pointer;
|
|
927
|
-
`,
|
|
942
|
+
`,gl=It.button`
|
|
928
943
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
929
944
|
border: none;
|
|
930
945
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -939,15 +954,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
939
954
|
background-color: ${({theme:e})=>e.colors.border};
|
|
940
955
|
cursor: not-allowed;
|
|
941
956
|
}
|
|
942
|
-
`,
|
|
957
|
+
`,xl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=uo.Text,name:p,status:u,...h})=>{const m=Ai.useTheme(),g=d===uo.Password,[x,$]=bt(!1);return xt.createElement(dl,null,xt.createElement(cl,{title:a,required:s,tooltip:r,status:u}),xt.createElement(pl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?xt.createElement(ml,{onClick:()=>$(e=>!e)},x?xt.createElement(nt,{size:14,fill:m.text.grey}):xt.createElement(it,{size:14,fill:m.text.grey})):e?xt.createElement(hl,null,xt.createElement(e,{size:14,fill:m.text.grey})):null,xt.createElement(ul,{"data-id":p,type:x||d===uo.Number?uo.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===uo.Number&&(e.target.value=Vn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&xt.createElement(gl,{onClick:o,disabled:h.disabled},t)),!!i&&xt.createElement(ji,null,i))},$l=It.div`
|
|
943
958
|
display: flex;
|
|
944
959
|
flex-direction: column;
|
|
945
960
|
min-width: 120px;
|
|
946
961
|
width: 100%;
|
|
947
962
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
948
|
-
`,
|
|
963
|
+
`,fl=It.div`
|
|
949
964
|
position: relative;
|
|
950
|
-
|
|
965
|
+
`,bl=It.div`
|
|
951
966
|
display: flex;
|
|
952
967
|
align-items: center;
|
|
953
968
|
justify-content: space-between;
|
|
@@ -973,14 +988,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
973
988
|
&:hover {
|
|
974
989
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
975
990
|
}
|
|
976
|
-
`,
|
|
991
|
+
`,yl=It.div`
|
|
977
992
|
display: flex;
|
|
978
993
|
align-items: center;
|
|
979
994
|
gap: 4px;
|
|
980
|
-
`,
|
|
995
|
+
`,wl=({options:e,value:t,onSelect:o,onDeselect:n,title:i,tooltip:a,placeholder:r,disabled:s=!1,isMulti:l=!1,showSearch:c=!1,required:d=!1,errorMessage:p,hasError:u=!1,status:h})=>{const[m,g]=bt(!1),[x,$]=bt(!1),f=wt(null);Pa(f,()=>g(!1));const b=()=>{(()=>{if(f.current){const e=f.current.getBoundingClientRect().bottom+300>window.innerHeight;$(e)}})(),g(e=>!e)},y=Array.isArray(t)?t.length:0;return xt.createElement($l,{$disabled:s},xt.createElement(cl,{title:i,required:d,tooltip:a,status:h}),xt.createElement(fl,{ref:f},xt.createElement(bl,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},xt.createElement(El,{value:t,placeholder:r,onDeselect:n}),xt.createElement(yl,null,l&&xt.createElement(ia,{label:y,filled:!!y}),xt.createElement(os,{extend:m}))),m&&xt.createElement(Dl,{openUpwards:x,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&xt.createElement(ji,null,p))},kl=It(yl)`
|
|
981
996
|
max-width: calc(100% - 50px);
|
|
982
997
|
overflow-x: auto;
|
|
983
|
-
`,
|
|
998
|
+
`,vl=It(Bi)`
|
|
984
999
|
display: flex;
|
|
985
1000
|
align-items: center;
|
|
986
1001
|
gap: 2px;
|
|
@@ -995,7 +1010,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
995
1010
|
transition: transform 0.3s;
|
|
996
1011
|
}
|
|
997
1012
|
}
|
|
998
|
-
`,
|
|
1013
|
+
`,Cl=It(Bi)``,El=({value:e,placeholder:t,onDeselect:o})=>{const n=Ai.useTheme();return Array.isArray(e)?e.length?xt.createElement(kl,null,e.map(e=>xt.createElement(vl,{key:`multi-label-${e.id}`,size:14},e.value,xt.createElement(rr,{orientation:"vertical",length:"10px",margin:"0 4px"}),xt.createElement(Je,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):xt.createElement(Cl,{size:14,color:n.text.darker_grey},t):xt.createElement(Cl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Sl=It.div`
|
|
999
1014
|
position: absolute;
|
|
1000
1015
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1001
1016
|
left: 0;
|
|
@@ -1010,11 +1025,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1010
1025
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1011
1026
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1012
1027
|
border-radius: 24px;
|
|
1013
|
-
`,
|
|
1028
|
+
`,Al=It.div`
|
|
1014
1029
|
display: flex;
|
|
1015
1030
|
flex-direction: column;
|
|
1016
1031
|
align-items: center;
|
|
1017
|
-
`,
|
|
1032
|
+
`,Dl=({openUpwards:e,options:t,value:o,onSelect:n,onDeselect:i,isMulti:a,showSearch:r})=>{const[s,l]=bt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return xt.createElement(Sl,{$openUpwards:e},r&&xt.createElement(Al,null,xt.createElement(xl,{placeholder:"Search...",icon:at,value:s,onChange:e=>l(e.target.value)}),xt.createElement(rr,{thickness:1,margin:"8px 0 0 0"})),0===c.length?xt.createElement(Gs,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>xt.createElement(Nl,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Tl=It.div`
|
|
1018
1033
|
padding: 8px 12px;
|
|
1019
1034
|
cursor: pointer;
|
|
1020
1035
|
display: flex;
|
|
@@ -1023,23 +1038,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1023
1038
|
border-radius: 32px;
|
|
1024
1039
|
&:hover,
|
|
1025
1040
|
&.selected {
|
|
1026
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1041
|
+
background: ${({theme:e})=>e.colors.majestic_blue+Ai.opacity.hex["024"]};
|
|
1027
1042
|
}
|
|
1028
|
-
`,
|
|
1043
|
+
`,Nl=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Ai.useTheme(),r=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):i?.(e);return o?xt.createElement(Tl,{className:r?"selected":"",onClick:()=>s(!r)},xt.createElement(Br,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):xt.createElement(Tl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},xt.createElement(pa,{$gap:8},e.icon&&xt.createElement(e.icon,null),xt.createElement(Bi,{size:14},e.value)),r&&xt.createElement(Ge,null))},Il=It(ua)`
|
|
1029
1044
|
gap: 12px;
|
|
1030
|
-
`,
|
|
1045
|
+
`,zl=It(pa)`
|
|
1031
1046
|
width: 100%;
|
|
1032
1047
|
gap: 12px;
|
|
1033
1048
|
align-items: flex-end;
|
|
1034
|
-
`,
|
|
1049
|
+
`,Ol=({clientX:e=0,flipX:t,clientY:o=0,flipY:n,isOpen:i,onClose:a,onSave:r,withDelete:s,onDelete:l,title:c,titleTooltip:d,warning:p,children:u})=>{const h=Ai.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Ma({onClickOutside:a});return Ba({key:"Enter",active:i},r),yt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:xt.createElement(pr,{ref:m,isOpen:i,top:n?void 0:g.top,bottom:n?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},xt.createElement(Il,null,xt.createElement(mr,{text:d,withIcon:!0},xt.createElement(Bi,{size:14},c)),xt.createElement(zl,null,u,xt.createElement(pa,{$gap:6},xt.createElement($r,{withBorder:!0,onClick:a,tooltip:"Cancel"},xt.createElement(Je,null)),xt.createElement($r,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},xt.createElement(Ge,{fill:h.text.primary})),s&&xt.createElement($r,{onClick:l,tooltip:"Undo"},xt.createElement(rt,null)))),p&&xt.createElement(Sr,{type:ho.Warning,message:p})))},_l=It.div`
|
|
1035
1050
|
position: relative;
|
|
1036
|
-
`,
|
|
1051
|
+
`,Fl=({defaultLanguage:e=ro.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=di(),{formData:i,handleFormChange:a,resetFormData:r}=ya({language:e,version:t}),[s,l]=bt(!1),c=()=>{l(!1),r()};return xt.createElement(_l,null,xt.createElement($r,{tooltip:en.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},xt.createElement(tt,null)),xt.createElement(Ol,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Pn(i.version)?(o(i),c()):n({type:ho.Warning,message:Zo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:en.OVERRIDE_RUNTIME_DETAILS,warning:en.OVERRIDE_RUNTIME_WARNING},xt.createElement(wl,{title:en.LANGUAGE,options:Zn,value:Zn.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),xt.createElement(xl,{title:en.RUNTIME_VERSION,placeholder:en.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Rl=It(pa)`
|
|
1037
1052
|
width: 100%;
|
|
1038
1053
|
justify-content: center;
|
|
1039
|
-
`,
|
|
1054
|
+
`,Ll=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Ai.useTheme(),c=i?ho.Success:a?ho.Info:ho.Warning,d=i?mo.INSTRUMENTED:a?mo.NOT_INSTRUMENTED:mo.INSTRUMENTING;return xt.createElement(_s,{title:e,subTitle:`${t?Qn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:dn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>xt.createElement(Rl,null,xt.createElement(Bi,{size:12,family:"secondary",color:l.text.info},Mn(a)))},renderActions:()=>xt.createElement(xt.Fragment,null,xt.createElement(hs,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&xt.createElement(hs,{status:ho.Default,forceIcon:st,title:en.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&xt.createElement(Fl,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Bl=It.tr`
|
|
1040
1055
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1041
1056
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1042
|
-
`,
|
|
1057
|
+
`,Pl=It.td`
|
|
1043
1058
|
position: relative;
|
|
1044
1059
|
width: fit-content;
|
|
1045
1060
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1047,7 +1062,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1047
1062
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1048
1063
|
font-size: 14px;
|
|
1049
1064
|
white-space: nowrap;
|
|
1050
|
-
`,
|
|
1065
|
+
`,Ml=It(Bi)`
|
|
1051
1066
|
font-size: 14px;
|
|
1052
1067
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1053
1068
|
line-height: 16px;
|
|
@@ -1060,7 +1075,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1060
1075
|
display: -webkit-box;
|
|
1061
1076
|
-webkit-line-clamp: 2;
|
|
1062
1077
|
-webkit-box-orient: vertical;
|
|
1063
|
-
`,
|
|
1078
|
+
`,jl=It.div`
|
|
1064
1079
|
position: absolute;
|
|
1065
1080
|
top: 0;
|
|
1066
1081
|
left: 0;
|
|
@@ -1068,57 +1083,57 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1068
1083
|
width: ${({$width:e})=>e}px;
|
|
1069
1084
|
height: ${({$height:e})=>e}px;
|
|
1070
1085
|
border-radius: 16px;
|
|
1071
|
-
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+
|
|
1072
|
-
`,
|
|
1086
|
+
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Ai.opacity.hex["020"]:e.colors.majestic_blue+Ai.opacity.hex["030"]:o?e.text[o]+Ai.opacity.hex["010"]:e.colors.secondary+Ai.opacity.hex["005"]};
|
|
1087
|
+
`,Ul=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=Aa(),[c,d]=bt(!1);return xt.createElement(Bl,{ref:r,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:a},t.map(({key:t},n)=>{const a=o.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:d,withTooltip:p,icon:u,component:h}=a;return xt.createElement(Pl,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?xt.createElement(vs,{icon:u}):h?xt.createElement(h,null):xt.createElement(mr,{text:p&&r?String(r):""},xt.createElement(Ml,{$color:d},On(r)?"-":r)),0===n&&xt.createElement(jl,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Wl=It.div`
|
|
1073
1088
|
width: 100%;
|
|
1074
|
-
`,
|
|
1089
|
+
`,Vl=It.table`
|
|
1075
1090
|
position: relative;
|
|
1076
1091
|
z-index: 0;
|
|
1077
1092
|
width: 100%;
|
|
1078
1093
|
border-collapse: separate;
|
|
1079
1094
|
border-spacing: 0 12px;
|
|
1080
|
-
`,
|
|
1095
|
+
`,Hl=It.thead`
|
|
1081
1096
|
// only supported with "border-collapse: collapse;"
|
|
1082
1097
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1083
1098
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1084
|
-
`,
|
|
1099
|
+
`,ql=It.th`
|
|
1085
1100
|
// only required with "border-collapse: separate;"
|
|
1086
1101
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1087
1102
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1088
1103
|
|
|
1089
1104
|
padding: 8px;
|
|
1090
|
-
`,
|
|
1105
|
+
`,Gl=It(pa)`
|
|
1091
1106
|
cursor: pointer;
|
|
1092
1107
|
&:hover {
|
|
1093
1108
|
* {
|
|
1094
1109
|
color: ${({theme:e})=>e.text.secondary};
|
|
1095
1110
|
}
|
|
1096
1111
|
}
|
|
1097
|
-
`,
|
|
1112
|
+
`,Kl=It(Bi)`
|
|
1098
1113
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1099
1114
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1100
1115
|
text-transform: uppercase;
|
|
1101
1116
|
font-size: 12px;
|
|
1102
1117
|
font-weight: 500;
|
|
1103
1118
|
text-wrap: nowrap;
|
|
1104
|
-
`,
|
|
1119
|
+
`,Jl=It.tbody``,Yl=({columns:e,rows:t})=>{const[o,n]=bt(oo.Ascending),[i,a]=bt("name"),r=kt(e=>{i===e?n(e=>e===oo.Ascending?oo.Descending:oo.Ascending):(a(e),n(oo.Ascending))},[i]),s=ft(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const a=n(e,i),r=n(t,i);return(o===oo.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(a,r)}):t).map(({status:t,faded:o,cells:n,onClick:i},a)=>xt.createElement(Ul,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return xt.createElement(Wl,null,xt.createElement(Vl,null,xt.createElement(Hl,null,xt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>xt.createElement(ql,{key:`column-${e}`},o?xt.createElement(Gl,{onClick:()=>r(e)},xt.createElement(lt,null),xt.createElement(Kl,null,t)):xt.createElement(Kl,null,t))))),xt.createElement(Jl,null,s)))};var Xl;!function(e){e.Code="code",e.Table="table",e.Badge="badge",e.Loader="loader",e.Divider="divider",e.Monitors="monitors",e.CopyText="copy-text",e.ActiveStatus="active-status"}(Xl||(Xl={}));const Ql=It.div`
|
|
1105
1120
|
display: flex;
|
|
1106
1121
|
flex-wrap: wrap;
|
|
1107
1122
|
gap: 16px 32px;
|
|
1108
1123
|
width: 100%;
|
|
1109
|
-
`,
|
|
1124
|
+
`,Zl=It.div`
|
|
1110
1125
|
display: flex;
|
|
1111
1126
|
flex-direction: column;
|
|
1112
1127
|
gap: 2px;
|
|
1113
1128
|
width: ${({$width:e})=>e};
|
|
1114
|
-
`,
|
|
1129
|
+
`,ec=It(Bi)`
|
|
1115
1130
|
color: ${({theme:e})=>e.text.grey};
|
|
1116
1131
|
font-size: 10px;
|
|
1117
1132
|
line-height: 16px;
|
|
1118
|
-
`,
|
|
1133
|
+
`,tc=It(Bi)`
|
|
1119
1134
|
font-size: 12px;
|
|
1120
1135
|
white-space: pre-wrap;
|
|
1121
|
-
`,
|
|
1136
|
+
`,oc=({data:e})=>xt.createElement(Ql,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>xt.createElement(Zl,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Xl.Code,Xl.Table].includes(e)?"inherit":e&&[Xl.Loader,Xl.Divider,Xl.CopyText].includes(e)?"100%":"unset"},xt.createElement(mr,{text:n,withIcon:!0},xt.createElement(pa,{$alignItems:"center",$gap:4},o&&xt.createElement(o,{size:14}),!!t&&xt.createElement(ec,{transform:"capitalize"},t))),xt.createElement(nc,{type:e,value:i})))),nc=({type:e,value:t})=>{const o=Ai.useTheme();switch(e){case Xl.Divider:return xt.createElement(rr,{length:"100%",margin:"0"});case Xl.Loader:return xt.createElement(ha,null,xt.createElement(es,{scale:1.2}));case Xl.Monitors:return xt.createElement(Ds,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Xl.Badge:{const{label:e,filled:o,...n}=Nn(t,{label:"-",filled:!1});return xt.createElement(ia,{label:e,filled:o,...n})}case Xl.Code:{const{language:e,code:o,...n}=Nn(t,{language:"",code:""});return xt.createElement(Kr,{language:e,code:o,...n})}case Xl.Table:{const{columns:e,rows:o,...n}=Nn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return xt.createElement(Yl,{columns:e,rows:o,...n})}case Xl.ActiveStatus:return xt.createElement(hs,{status:"true"==t?ho.Success:ho.Error,title:"true"==t?en.ENABLED:en.DISABLED,size:10,withIcon:!0,withBorder:!0});case Xl.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return xt.createElement(xs,{value:e})}default:return xt.createElement(tc,null,qn("string"==typeof t?t||"-":""))}},ic=It.div`
|
|
1122
1137
|
display: flex;
|
|
1123
1138
|
flex-direction: column;
|
|
1124
1139
|
align-items: flex-start;
|
|
@@ -1127,90 +1142,90 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1127
1142
|
padding: 24px;
|
|
1128
1143
|
border-radius: 24px;
|
|
1129
1144
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1130
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+
|
|
1145
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Ai.opacity.hex["010"]:"transparent"};
|
|
1131
1146
|
transition: background-color 0.3s;
|
|
1132
|
-
`,
|
|
1147
|
+
`,ac=It.div`
|
|
1133
1148
|
width: 100%;
|
|
1134
1149
|
display: flex;
|
|
1135
1150
|
flex-direction: column;
|
|
1136
1151
|
gap: 4px;
|
|
1137
1152
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1138
|
-
`,
|
|
1153
|
+
`,rc=It(Bi)`
|
|
1139
1154
|
width: 100%;
|
|
1140
1155
|
display: flex;
|
|
1141
1156
|
align-items: center;
|
|
1142
1157
|
gap: 8px;
|
|
1143
1158
|
font-size: 16px;
|
|
1144
|
-
`,
|
|
1159
|
+
`,sc=It(Bi)`
|
|
1145
1160
|
font-size: 12px;
|
|
1146
1161
|
color: ${({theme:e})=>e.text.grey};
|
|
1147
|
-
`,
|
|
1162
|
+
`,lc=It(pa)`
|
|
1148
1163
|
margin-left: auto;
|
|
1149
1164
|
gap: 8px;
|
|
1150
|
-
`,
|
|
1165
|
+
`,cc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=bt(r),[p,u]=bt(!1);return xt.createElement(ic,{$hovered:p},e||o||n||i?xt.createElement(ac,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},xt.createElement(pa,null,xt.createElement(pa,{$alignItems:"center",$gap:8},o&&xt.createElement(pa,{$alignItems:"center"},xt.createElement(o,{size:20})),!!e&&xt.createElement(rc,{transform:"capitalize"},e),t===go.Loading?xt.createElement(es,null):void 0!==t&&xt.createElement(ia,{label:t})),(!!i||a)&&xt.createElement(lc,null,"function"==typeof i?xt.createElement(i,{hovered:p}):i,a&&xt.createElement(os,{extend:c}))),!!n&&xt.createElement(sc,null,n)):null,(!a||a&&c)&&(l||xt.createElement(oc,{data:s})))},dc=It.div`
|
|
1151
1166
|
visibility: hidden;
|
|
1152
|
-
`,
|
|
1167
|
+
`,pc=It(pa)`
|
|
1153
1168
|
align-self: stretch;
|
|
1154
1169
|
width: calc(100% - 32px);
|
|
1155
1170
|
padding: 16px;
|
|
1156
1171
|
border-radius: 16px;
|
|
1157
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1172
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["005"]};
|
|
1158
1173
|
${({theme:e,$withClick:t})=>t?Ft`
|
|
1159
1174
|
&:hover {
|
|
1160
1175
|
cursor: pointer;
|
|
1161
|
-
background-color: ${e.colors.secondary+
|
|
1162
|
-
${
|
|
1176
|
+
background-color: ${e.colors.secondary+Ai.opacity.hex["010"]};
|
|
1177
|
+
${dc} {
|
|
1163
1178
|
visibility: visible;
|
|
1164
1179
|
}
|
|
1165
1180
|
}
|
|
1166
|
-
`:`\n &:hover {\n ${
|
|
1167
|
-
`,
|
|
1181
|
+
`:`\n &:hover {\n ${dc} {\n visibility: visible;\n }\n }\n `}
|
|
1182
|
+
`,uc=It(pa)`
|
|
1168
1183
|
margin-left: auto;
|
|
1169
1184
|
gap: 8px;
|
|
1170
|
-
`,
|
|
1185
|
+
`,hc=It(Bi)`
|
|
1171
1186
|
font-size: 10px;
|
|
1172
1187
|
color: ${({theme:e})=>e.text.grey};
|
|
1173
|
-
`,
|
|
1188
|
+
`,mc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Ai.useTheme(),[s,l]=bt(0),c=wt(null),d=wt(null);return yt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),xt.createElement(pc,{ref:c,$gap:8,$withClick:!!i,onClick:i},xt.createElement(Ss,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&xt.createElement(ys,{maxWidth:s/2,text:e,textSize:14}),e&&t&&xt.createElement(hc,null,"•"),t&&xt.createElement(ys,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),xt.createElement(uc,{ref:d},a&&xt.createElement(xt.Fragment,null,xt.createElement(rr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},gc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===lo.Source?"uninstrument":"delete";return xt.createElement(_r,{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:ho.Warning,title:`You're about to ${s} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:r}})},xc=It(la)`
|
|
1174
1189
|
display: flex;
|
|
1175
1190
|
align-items: center;
|
|
1176
1191
|
justify-content: center;
|
|
1177
1192
|
font-size: 14px;
|
|
1178
1193
|
gap: 6px;
|
|
1179
1194
|
min-width: 100px;
|
|
1180
|
-
|
|
1195
|
+
`,$c=({endpoint:e="/",variant:t="secondary"})=>xt.createElement(xc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},xt.createElement(ct,{size:18}),"Docs"),fc=It(pa)`
|
|
1181
1196
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1182
|
-
|
|
1197
|
+
`,bc=It.div`
|
|
1183
1198
|
display: flex;
|
|
1184
1199
|
align-items: center;
|
|
1185
1200
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1186
1201
|
cursor: pointer;
|
|
1187
|
-
`,
|
|
1202
|
+
`,yc=It(Bi)`
|
|
1188
1203
|
padding: 12px;
|
|
1189
1204
|
font-size: 14px;
|
|
1190
1205
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1191
|
-
`,
|
|
1206
|
+
`,wc=({tabs:e,hideBorder:t=!1})=>e?.length?xt.createElement(fc,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>xt.createElement(bc,{key:`tab-${e}`,onClick:o,$selected:n},xt.createElement(yc,{$selected:n},e),t&&xt.createElement(t,null)))):null,kc=It.section`
|
|
1192
1207
|
padding: 0px 32px;
|
|
1193
1208
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1194
|
-
`,
|
|
1209
|
+
`,vc=It.div`
|
|
1195
1210
|
height: 76px;
|
|
1196
1211
|
display: flex;
|
|
1197
1212
|
justify-content: space-between;
|
|
1198
1213
|
flex-shrink: 0;
|
|
1199
1214
|
align-self: stretch;
|
|
1200
|
-
`,
|
|
1215
|
+
`,Cc=It.div`
|
|
1201
1216
|
display: flex;
|
|
1202
1217
|
align-items: center;
|
|
1203
1218
|
gap: ${({$gap:e})=>e||16}px;
|
|
1204
|
-
`,
|
|
1219
|
+
`,Ec=It(Bi)`
|
|
1205
1220
|
font-size: 18px;
|
|
1206
1221
|
line-height: 26px;
|
|
1207
1222
|
max-width: ${({$maxWidth:e})=>e};
|
|
1208
1223
|
overflow: hidden;
|
|
1209
1224
|
white-space: nowrap;
|
|
1210
1225
|
text-overflow: ellipsis;
|
|
1211
|
-
`,
|
|
1226
|
+
`,Sc=It(la)`
|
|
1212
1227
|
gap: 8px;
|
|
1213
|
-
`,
|
|
1228
|
+
`,Ac=It(la)``,Dc=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>xt.createElement(kc,null,xt.createElement(vc,null,xt.createElement(Cc,null,o?.length||n?.length?xt.createElement(Ss,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?xt.createElement(r,null):r||null)||xt.createElement(mr,{text:a||i,withIcon:!!a},i&&xt.createElement(Ec,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),xt.createElement(Cc,{$gap:2},s,l.map((e,t)=>xt.createElement(Sc,{key:`header-action-button-${t}`,...e})),xt.createElement(Ac,{"data-id":"drawer-close",variant:"secondary",onClick:e},xt.createElement(Je,{size:12})))),xt.createElement(wc,{tabs:c,hideBorder:!0})),Tc=It.div`
|
|
1214
1229
|
display: flex;
|
|
1215
1230
|
justify-content: space-between;
|
|
1216
1231
|
gap: 8px;
|
|
@@ -1218,16 +1233,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1218
1233
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1219
1234
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1220
1235
|
transform: translateY(100%);
|
|
1221
|
-
`,
|
|
1236
|
+
`,Nc=It(pa)`
|
|
1222
1237
|
margin-right: auto;
|
|
1223
|
-
`,
|
|
1238
|
+
`,Ic=It(pa)`
|
|
1224
1239
|
margin: 0 auto;
|
|
1225
|
-
`,
|
|
1240
|
+
`,zc=It(pa)`
|
|
1226
1241
|
margin-left: auto;
|
|
1227
|
-
`,
|
|
1242
|
+
`,Oc=It(la)`
|
|
1228
1243
|
min-width: 140px;
|
|
1229
1244
|
font-size: 14px;
|
|
1230
|
-
`,
|
|
1245
|
+
`,_c=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>{const i=Ja({container:Tc,animateIn:Ai.animations.slide.in.bottom,animateOut:Ai.animations.slide.out.bottom});return xt.createElement(i,{enter:e},xt.createElement(Nc,null,t.map((e,t)=>xt.createElement(Oc,{key:`footer-left-button-${t}`,...e}))),xt.createElement(Ic,null,o.map((e,t)=>xt.createElement(Oc,{key:`footer-center-button-${t}`,...e}))),xt.createElement(zc,null,n.map((e,t)=>xt.createElement(Oc,{key:`footer-right-button-${t}`,...e}))))},Fc=It.div`
|
|
1231
1246
|
position: fixed;
|
|
1232
1247
|
top: 0;
|
|
1233
1248
|
bottom: 0;
|
|
@@ -1235,55 +1250,55 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1235
1250
|
z-index: 1000;
|
|
1236
1251
|
width: ${({$width:e})=>e};
|
|
1237
1252
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1238
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+
|
|
1253
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Ai.opacity.hex["010"]};
|
|
1239
1254
|
overflow-y: auto;
|
|
1240
|
-
`,
|
|
1255
|
+
`,Rc=It.div`
|
|
1241
1256
|
display: flex;
|
|
1242
1257
|
flex-direction: column;
|
|
1243
1258
|
height: 100%;
|
|
1244
|
-
`,
|
|
1259
|
+
`,Lc=It.div`
|
|
1245
1260
|
flex-grow: 1;
|
|
1246
1261
|
padding: 24px 32px;
|
|
1247
1262
|
overflow-y: auto;
|
|
1248
|
-
`,
|
|
1263
|
+
`,Bc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>{Ba({key:"Escape",active:e&&o},()=>t()),va(e);const l=Ja({container:Fc,animateIn:Ai.animations.slide.in[n],animateOut:Ai.animations.slide.out[n]});return e?Mt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ga,{hidden:!e,onClick:t}),xt.createElement(l,{"data-id":"drawer",enter:e,$position:n,$width:i},xt.createElement(Rc,null,xt.createElement(Dc,{onClose:t,width:i,...r}),xt.createElement(Lc,null,a),xt.createElement(_c,{...s})))),document.body):null},Pc=({error:e})=>{const t=Ai.useTheme(),o={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return xt.createElement("div",{style:o.container},xt.createElement("h2",null,"Something went wrong!"),xt.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),xt.createElement("details",{style:o.errorStackWrapper},xt.createElement("summary",null,"Stack Trace"),xt.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),xt.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),xt.createElement(la,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Mc=({children:e})=>xt.createElement(Vt,{FallbackComponent:e=>xt.createElement(Ai.Provider,null,xt.createElement(Pc,{...e}))},e),jc=It(pa)`
|
|
1249
1264
|
position: relative;
|
|
1250
1265
|
width: calc(100% - 24px);
|
|
1251
1266
|
padding: 12px;
|
|
1252
1267
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1253
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1254
|
-
`,
|
|
1268
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Ai.opacity.hex["050"]};
|
|
1269
|
+
`,Uc=It(pa)`
|
|
1255
1270
|
margin-right: auto;
|
|
1256
1271
|
margin-left: 32px;
|
|
1257
1272
|
gap: 12px;
|
|
1258
|
-
`,
|
|
1273
|
+
`,Wc=It(pa)`
|
|
1259
1274
|
margin-left: auto;
|
|
1260
1275
|
margin-right: 32px;
|
|
1261
1276
|
gap: 12px;
|
|
1262
|
-
`,
|
|
1277
|
+
`,Vc=It(pa)`
|
|
1263
1278
|
position: absolute;
|
|
1264
1279
|
left: 50%;
|
|
1265
1280
|
transform: translateX(-50%);
|
|
1266
1281
|
gap: 12px;
|
|
1267
|
-
`,
|
|
1282
|
+
`,Hc=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(jc,null,xt.createElement(Uc,null,e.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(Vc,null,t.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(Wc,null,o.map((e,t)=>e&&xt.createElement($t,{key:t},e)))),qc=It(Bi)`
|
|
1268
1283
|
color: ${({theme:e})=>e.text.grey};
|
|
1269
|
-
`,
|
|
1284
|
+
`,Gc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>xt.createElement(pa,{$gap:6},e&&xt.createElement(e,null),xt.createElement(qc,{size:14},t),void 0!==o&&xt.createElement(mr,{text:n},xt.createElement(ia,{label:o})),i&&xt.createElement(es,null)),Kc=It.div`
|
|
1270
1285
|
width: fit-content;
|
|
1271
1286
|
height: fit-content;
|
|
1272
1287
|
padding: 4px;
|
|
1273
1288
|
gap: 4px;
|
|
1274
1289
|
border-radius: 32px;
|
|
1275
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1290
|
+
border: 1px solid ${({theme:e})=>e.colors.border+Ai.opacity.hex["070"]};
|
|
1276
1291
|
|
|
1277
1292
|
display: flex;
|
|
1278
1293
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1279
1294
|
align-items: center;
|
|
1280
1295
|
justify-content: center;
|
|
1281
|
-
`,
|
|
1296
|
+
`,Jc=It.div`
|
|
1282
1297
|
width: 32px;
|
|
1283
1298
|
height: 32px;
|
|
1284
1299
|
|
|
1285
1300
|
border-radius: 100%;
|
|
1286
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+
|
|
1301
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+Ai.opacity.hex["070"]:e.colors.secondary+Ai.opacity.hex["012"]};
|
|
1287
1302
|
transition: background-color 0.3s;
|
|
1288
1303
|
|
|
1289
1304
|
display: flex;
|
|
@@ -1291,63 +1306,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1291
1306
|
justify-content: center;
|
|
1292
1307
|
|
|
1293
1308
|
cursor: pointer;
|
|
1294
|
-
`,
|
|
1309
|
+
`,Yc=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>xt.createElement(Kc,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(mr,{key:`main-nav-icon-${i}`,text:n},xt.createElement(Jc,{$selected:t,onClick:o},xt.createElement(e,{size:20})))),!!o.length&&!!n.length&&xt.createElement(rr,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(mr,{key:`sub-nav-icon-${i}`,text:n},xt.createElement(Jc,{$selected:t,onClick:o},xt.createElement(e,{size:20}))))),Xc=It.div`
|
|
1295
1310
|
display: flex;
|
|
1296
1311
|
flex-direction: column;
|
|
1297
1312
|
width: 100%;
|
|
1298
|
-
`,
|
|
1313
|
+
`,Qc=It.div`
|
|
1299
1314
|
display: flex;
|
|
1300
1315
|
flex-direction: column;
|
|
1301
1316
|
gap: 8px;
|
|
1302
|
-
`,
|
|
1317
|
+
`,Zc=It.div`
|
|
1303
1318
|
display: flex;
|
|
1304
1319
|
align-items: center;
|
|
1305
1320
|
gap: 16px;
|
|
1306
|
-
`,
|
|
1321
|
+
`,ed=It($r)`
|
|
1307
1322
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1308
1323
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1309
|
-
`,
|
|
1324
|
+
`,td=({initialValues:e=[],value:t,onChange:o,title:n,tooltip:i,required:a,errorMessage:r})=>{const[s,l]=bt(t||e);yt(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=wt(JSON.stringify(c));yt(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,o&&o(c))},[c,o]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return xt.createElement(Xc,null,xt.createElement(cl,{title:n,required:a,tooltip:i}),xt.createElement(Qc,null,s.map((e,t)=>{const o=t===s.length-1;return xt.createElement(Zc,{key:`input-list-${t}`},xt.createElement(xl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:On(e)&&!u&&o}),t===s.length-1&&xt.createElement(ed,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},xt.createElement(et,null)),xt.createElement(ed,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},xt.createElement(rt,null)))})),!!r&&xt.createElement(ji,null,r))},od=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:h,type:m,componentType:g,options:x,renderCondition:$}=e,f=o[c];return $&&!$(o)?null:xt.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===po.Dropdown){const e=x?.find(e=>e.id===f);return xt.createElement(wl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:x||[],value:e,onSelect:e=>r(c,e.id,n),onDeselect:()=>r(c,"",n),hasError:!!s&&(!h||h&&On(f))})}{const e=i>1&&n===i-1&&0===t&&On(f);return xt.createElement(xl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:m,required:h,autoFocus:e,value:f,onChange:({target:{value:e}})=>r(c,e,n),style:{maxWidth:a,paddingLeft:10},hasError:!!s&&(!h||h&&On(f))})}})())},nd=It.div`
|
|
1310
1325
|
display: flex;
|
|
1311
1326
|
flex-direction: column;
|
|
1312
1327
|
width: 100%;
|
|
1313
|
-
`,
|
|
1328
|
+
`,id=It.button`
|
|
1314
1329
|
margin-top: ${({$marginTop:e})=>e};
|
|
1315
1330
|
background: none;
|
|
1316
1331
|
border: none;
|
|
1317
1332
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1318
1333
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1319
|
-
`,
|
|
1334
|
+
`,ad=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=bt({}),[c,d]=bt(o||t),p=ft(()=>new Map(e.map(e=>[e.keyName,e])),[e]);yt(()=>{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&&On(o))return!1}return!0}),h=wt(JSON.stringify(u)),m=u.length!==c.length,g=`${Math.floor(640/((a||e.length)+.4))}px`;yt(()=>{const e=JSON.stringify(u);h.current!==e&&(h.current=e,n&&n(u))},[u,n]);const x=(e,t,o)=>{d(n=>{const i=qo(n);return i[o][e]=t,i})},$=ft(()=>{if(a){const t=[];for(let o=0;;o+=a){const n=e.slice(o,o+a);if(!n.length)break;t.push(n)}return t}return[e]},[a,e]);return xt.createElement(nd,null,xt.createElement(cl,{title:r}),xt.createElement("table",{style:{borderCollapse:"collapse"}},!a&&xt.createElement("thead",null,xt.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>xt.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},xt.createElement(cl,{title:e,required:o,tooltip:t}))),xt.createElement("th",null))),xt.createElement("tbody",null,c.map((t,o)=>xt.createElement($t,{key:`input-table-row-${o}`},a&&o>0?xt.createElement("tr",null,xt.createElement("td",{colSpan:$.length},xt.createElement(rr,null))):null,$.map((n,r)=>xt.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>xt.createElement(od,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&xt.createElement("td",null,xt.createElement(id,{$marginTop:a?"24px":"0",onClick:()=>{return t=o,void(c.length>1?d(e=>e.filter((e,o)=>o!==t)):e.forEach(({keyName:e,type:o})=>x(e,o===uo.Number?"0":"",t)));var t}},xt.createElement(rt,null))))))))),!!i&&xt.createElement(ji,null,i),xt.createElement(ms,{onClick:()=>{d(e=>{const t=qo(e);return t.push(qo(s)),t})},disabled:m}))},rd=It.div`
|
|
1320
1335
|
display: flex;
|
|
1321
1336
|
flex-direction: column;
|
|
1322
1337
|
width: 100%;
|
|
1323
|
-
`,
|
|
1338
|
+
`,sd=It.div`
|
|
1324
1339
|
display: flex;
|
|
1325
1340
|
flex-direction: column;
|
|
1326
1341
|
gap: 8px;
|
|
1327
|
-
`,
|
|
1342
|
+
`,ld=It.div`
|
|
1328
1343
|
display: flex;
|
|
1329
1344
|
align-items: center;
|
|
1330
1345
|
gap: 8px;
|
|
1331
|
-
`,
|
|
1346
|
+
`,cd=It.div`
|
|
1332
1347
|
width: 100%;
|
|
1333
1348
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1334
|
-
`,
|
|
1349
|
+
`,dd=It($r)`
|
|
1335
1350
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1336
1351
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1337
|
-
`,
|
|
1352
|
+
`,pd={key:"",value:""},ud=({initialKeyValuePairs:e=[],value:t,onChange:o,title:n,tooltip:i,disabled:a,required:r,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=bt(t||e);yt(()=>{p.length||u([{...pd}])},[]);const h=p.filter(({key:e,value:t})=>!On(e.trim())&&!On(t.trim())),m=wt(JSON.stringify(h));yt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,o&&o(h))},[h,o]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},x=p.length<=1,$=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=a||x&&$;return xt.createElement(rd,null,xt.createElement(cl,{title:n,required:r,tooltip:i}),xt.createElement(sd,null,p.map(({key:e,value:t},o)=>xt.createElement(ld,{key:`key-value-input-list-${o}`},xt.createElement(cd,{$maxWidth:d},xt.createElement(xl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:On(t)&&!x&&o===p.length-1})),xt.createElement(cd,{$maxWidth:o===p.length-1?d-38:d},xt.createElement(xl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&On(t)),autoFocus:!1})),o===p.length-1&&xt.createElement(dd,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...pd}),t})}},xt.createElement(et,null)),xt.createElement(dd,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},xt.createElement(rt,null))))),!!s&&xt.createElement(ji,null,s))},hd=Ot`
|
|
1338
1353
|
0% {
|
|
1339
1354
|
background-position: 0% 50%;
|
|
1340
1355
|
}
|
|
1341
1356
|
100% {
|
|
1342
1357
|
background-position: 100% 50%;
|
|
1343
1358
|
}
|
|
1344
|
-
`,
|
|
1359
|
+
`,md=It(Bi)`
|
|
1345
1360
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1346
1361
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1347
1362
|
background-clip: text;
|
|
1348
1363
|
color: transparent;
|
|
1349
|
-
animation: ${
|
|
1350
|
-
`,
|
|
1364
|
+
animation: ${hd} 1s reverse linear infinite;
|
|
1365
|
+
`,gd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Ai.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return xt.createElement(md,{$textColor:a,$stripColor:r,...n},e)},xd=It.div`
|
|
1351
1366
|
display: flex;
|
|
1352
1367
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1353
1368
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1356,51 +1371,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1356
1371
|
border-radius: 32px;
|
|
1357
1372
|
padding: 8px;
|
|
1358
1373
|
`}
|
|
1359
|
-
|
|
1374
|
+
`,$d=(e,t)=>!t?.length||!!t?.find(t=>t===e),fd=({isVertical:e,title:t="Monitors",required:o,errorMessage:n,allowedSignals:i,selectedSignals:a,setSelectedSignals:r})=>{const[s,l]=bt(1===a.length),c=wt(JSON.stringify(a));return yt(()=>{const e=a;e.length||jo.forEach(({id:t})=>{$d(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,r(e),l(1===e.length)),()=>{c.current=""}},[i]),xt.createElement("div",null,t&&xt.createElement(cl,{title:t,required:o}),xt.createElement(xd,{$isVertical:e,$hasError:!!n},jo.map(e=>{const t=$d(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?xt.createElement(Br,{key:e.id,title:e.value,disabled:!t||s&&o,value:o,onChange:t=>((e,t)=>{const o=e,n=t?[...a,o]:a.filter(e=>e!==o);r(n),l(1===n.length)})(e.id,t)}):null})),!!n&&xt.createElement(ji,null,n))},bd=It.div`
|
|
1360
1375
|
display: flex;
|
|
1361
1376
|
gap: 8px;
|
|
1362
1377
|
align-items: center;
|
|
1363
|
-
`,
|
|
1378
|
+
`,yd=It(la)`
|
|
1364
1379
|
display: flex;
|
|
1365
1380
|
align-items: center;
|
|
1366
1381
|
justify-content: center;
|
|
1367
1382
|
gap: 8px;
|
|
1368
1383
|
min-width: 90px;
|
|
1369
|
-
`,
|
|
1384
|
+
`,wd=({buttons:e})=>{const t=Ai.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?xt.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?xt.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return xt.createElement(bd,null,e.map((e,t)=>xt.createElement(mr,{key:t,text:e.tooltip||""},xt.createElement(yd,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},o({button:e,index:t})&&n({button:e,rotate:0}),e.label,!o({button:e,index:t})&&n({button:e,rotate:180})))))},kd=It.div`
|
|
1370
1385
|
height: ${({$height:e})=>e}px;
|
|
1371
1386
|
width: 100%;
|
|
1372
1387
|
overflow: auto;
|
|
1373
|
-
`,
|
|
1388
|
+
`,vd=It.div`
|
|
1374
1389
|
height: ${({$height:e})=>e}px;
|
|
1375
1390
|
width: 100%;
|
|
1376
1391
|
position: relative;
|
|
1377
|
-
`,
|
|
1392
|
+
`,Cd=It.div`
|
|
1378
1393
|
height: ${({$height:e})=>e}px;
|
|
1379
1394
|
width: 100%;
|
|
1380
1395
|
position: absolute;
|
|
1381
1396
|
top: 0;
|
|
1382
1397
|
left: 0;
|
|
1383
1398
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1384
|
-
`,
|
|
1399
|
+
`,Ed=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:a}=Fa({items:o,rowHeight:t});return xt.createElement(kd,{ref:n,$height:e},xt.createElement(vd,{$height:i},a.map(({key:e,index:t,size:n,start:i})=>{const a=t>o.length-1,r=o[t];return xt.createElement(Cd,{key:e,$height:n,$yOffset:i},a?xt.createElement(ha,null,xt.createElement(gd,null)):r)})))},Sd=It.div`
|
|
1385
1400
|
display: flex;
|
|
1386
1401
|
justify-content: space-between;
|
|
1387
1402
|
align-items: center;
|
|
1388
1403
|
gap: 16px;
|
|
1389
|
-
`,
|
|
1404
|
+
`,Ad=It.div`
|
|
1390
1405
|
display: flex;
|
|
1391
1406
|
flex-direction: column;
|
|
1392
1407
|
gap: 4px;
|
|
1393
|
-
`,
|
|
1408
|
+
`,Dd=It.div`
|
|
1394
1409
|
display: flex;
|
|
1395
1410
|
align-items: center;
|
|
1396
1411
|
gap: 8px;
|
|
1397
|
-
`,
|
|
1412
|
+
`,Td=It(Bi)``,Nd=It(Bi)``,Id=({title:e,description:t,badgeLabel:o,icon:n,actionButton:i,size:a="medium"})=>{const r="small"===a?16:"medium"===a?20:24,s="small"===a?12:"medium"===a?14:16;return xt.createElement(Sd,null,xt.createElement(Ad,null,xt.createElement(Dd,null,n&&xt.createElement(n,{size:r}),xt.createElement(Td,{weight:300,size:r},e),void 0!==o&&xt.createElement(ia,{label:o,filled:!!o})),xt.createElement(Nd,{weight:200,opacity:.8,size:s},t)),i&&xt.createElement("div",null,i))},zd=It.div`
|
|
1398
1413
|
position: relative;
|
|
1399
1414
|
gap: 0;
|
|
1400
1415
|
z-index: 0;
|
|
1401
1416
|
display: grid;
|
|
1402
1417
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1403
|
-
`,
|
|
1418
|
+
`,Od=It.button`
|
|
1404
1419
|
flex: 1;
|
|
1405
1420
|
display: flex;
|
|
1406
1421
|
align-items: center;
|
|
@@ -1414,7 +1429,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1414
1429
|
&:hover {
|
|
1415
1430
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1416
1431
|
}
|
|
1417
|
-
`,
|
|
1432
|
+
`,_d=It.div`
|
|
1418
1433
|
position: absolute;
|
|
1419
1434
|
top: ${({$y:e})=>e}px;
|
|
1420
1435
|
left: ${({$x:e})=>e}px;
|
|
@@ -1424,85 +1439,85 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1424
1439
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1425
1440
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1426
1441
|
transition: all 0.3s;
|
|
1427
|
-
`,
|
|
1442
|
+
`,Fd=({options:e=[],selected:t,setSelected:o})=>{const n=e.findIndex(e=>e.value===t),[i,a]=bt(e[n]?.selectedBgColor||""),[r,s]=bt({width:0,height:0}),[l,c]=bt({x:0,y:0}),d=wt(null);return yt(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),xt.createElement(zd,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return xt.createElement(Od,{key:`segment-${i||c}-${r}`,ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{o(r),a(s||"")}},n&&xt.createElement(n,null),i&&xt.createElement(Bi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),xt.createElement(_d,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},Rd=It(la)`
|
|
1428
1443
|
gap: 8px;
|
|
1429
1444
|
text-transform: none;
|
|
1430
1445
|
text-decoration: none;
|
|
1431
1446
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1432
1447
|
&.not-selected {
|
|
1433
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+
|
|
1448
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+Ai.opacity.hex["060"]};
|
|
1434
1449
|
&:hover {
|
|
1435
1450
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1436
1451
|
}
|
|
1437
1452
|
}
|
|
1438
1453
|
&.selected {
|
|
1439
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1454
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+Ai.opacity.hex["030"]};
|
|
1440
1455
|
}
|
|
1441
|
-
`,
|
|
1456
|
+
`,Ld=It(Bi)`
|
|
1442
1457
|
white-space: nowrap;
|
|
1443
1458
|
overflow: hidden;
|
|
1444
1459
|
text-overflow: ellipsis;
|
|
1445
1460
|
font-size: 14px;
|
|
1446
|
-
`,
|
|
1461
|
+
`,Bd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Ai.useTheme();return xt.createElement(Rd,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&xt.createElement("div",null,xt.createElement(o,{fill:p.text.info})),n&&xt.createElement("div",null,xt.createElement("img",{src:n,alt:"",width:16,height:16})),xt.createElement(Ld,null,e),r&&xt.createElement("div",null,xt.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&xt.createElement(ia,{label:i,filled:a||r}))},Pd=It.div`
|
|
1447
1462
|
display: flex;
|
|
1448
1463
|
flex-direction: column;
|
|
1449
1464
|
gap: 16px;
|
|
1450
1465
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1451
|
-
`,
|
|
1466
|
+
`,Md=It.div`
|
|
1452
1467
|
display: flex;
|
|
1453
1468
|
align-items: center;
|
|
1454
1469
|
gap: 16px;
|
|
1455
|
-
`,
|
|
1470
|
+
`,jd=It.div`
|
|
1456
1471
|
width: 50px;
|
|
1457
1472
|
height: 50px;
|
|
1458
1473
|
border-radius: 8px;
|
|
1459
1474
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1460
1475
|
background-size: 200% 100%;
|
|
1461
|
-
animation: ${
|
|
1462
|
-
`,
|
|
1476
|
+
animation: ${Ai.animations.shimmer} 10s infinite linear;
|
|
1477
|
+
`,Ud=It(ua)`
|
|
1463
1478
|
flex: 1;
|
|
1464
1479
|
gap: 12px;
|
|
1465
|
-
`,
|
|
1480
|
+
`,Wd=It.div`
|
|
1466
1481
|
width: ${({$width:e})=>e};
|
|
1467
1482
|
height: 16px;
|
|
1468
1483
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1469
1484
|
background-size: 200% 100%;
|
|
1470
|
-
animation: ${
|
|
1485
|
+
animation: ${Ai.animations.shimmer} 1.5s infinite linear;
|
|
1471
1486
|
border-radius: 4px;
|
|
1472
|
-
`,
|
|
1487
|
+
`,Vd=({size:e=5,maxWidth:t})=>xt.createElement(Pd,{$maxWidth:t},[...Array(e)].map((e,t)=>xt.createElement(Md,{key:t},xt.createElement(jd,null),xt.createElement(Ud,null,xt.createElement(Wd,{$width:"80%"}),xt.createElement(Wd,{$width:"100%"})))));var Hd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Hd||(Hd={}));const qd=It.div`
|
|
1473
1488
|
display: flex;
|
|
1474
1489
|
flex-direction: column;
|
|
1475
1490
|
gap: 32px;
|
|
1476
|
-
`,
|
|
1491
|
+
`,Gd=It.div`
|
|
1477
1492
|
display: flex;
|
|
1478
1493
|
gap: 16px;
|
|
1479
1494
|
padding: 8px;
|
|
1480
|
-
opacity: ${({$state:e})=>e===
|
|
1495
|
+
opacity: ${({$state:e})=>e===Hd.Active?1:e===Hd.Disabled?.5:.8};
|
|
1481
1496
|
transition: all 0.3s;
|
|
1482
|
-
`,
|
|
1497
|
+
`,Kd=It(pa)`
|
|
1483
1498
|
justify-content: center;
|
|
1484
1499
|
width: 24px;
|
|
1485
1500
|
height: 24px;
|
|
1486
1501
|
border-radius: 32px;
|
|
1487
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1488
|
-
opacity: ${({$state:e})=>e===
|
|
1489
|
-
`,
|
|
1502
|
+
border: ${({theme:e,$state:t})=>t===Hd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1503
|
+
opacity: ${({$state:e})=>e===Hd.Finished?.8:1};
|
|
1504
|
+
`,Jd=It(ua)`
|
|
1490
1505
|
justify-content: center;
|
|
1491
1506
|
gap: 8px;
|
|
1492
|
-
`,
|
|
1507
|
+
`,Yd=It(Bi)``,Xd=It(Bi)``,Qd=({data:e,currentStep:t=0})=>{const[o,n]=bt([]);return yt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Hd.Finished,subtitle:e.subtitle||ho.Success}:o===t-1?{...e,state:Hd.Active,subtitle:""}:{...e,state:Hd.Disabled,subtitle:""}))},[t,e]),xt.createElement(qd,null,o.map((e,t)=>xt.createElement(Gd,{key:t,$state:e.state},xt.createElement(Kd,{$state:e.state},[Hd.Active,Hd.Disabled].includes(e.state)?xt.createElement(Bi,{size:12},e.stepNumber):e.state===Hd.Finished?xt.createElement(Ge,{size:20}):null),xt.createElement(Jd,null,xt.createElement(Yd,{family:"secondary"},e.title),e.subtitle&&xt.createElement(Xd,{size:10,weight:300},e.subtitle)))))},Zd=It(pa)`
|
|
1493
1508
|
width: fit-content;
|
|
1494
1509
|
gap: 6px;
|
|
1495
1510
|
padding: 6px 12px;
|
|
1496
1511
|
border-radius: 360px;
|
|
1497
1512
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1498
|
-
`,
|
|
1513
|
+
`,ep=It(Bi)`
|
|
1499
1514
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1500
|
-
`,
|
|
1515
|
+
`,tp=({type:e=ho.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>xt.createElement(Zd,{$type:e},t&&xt.createElement(t,null),xt.createElement(ep,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),op=It.div`
|
|
1501
1516
|
display: flex;
|
|
1502
1517
|
flex-direction: column;
|
|
1503
1518
|
position: relative;
|
|
1504
1519
|
width: 100%;
|
|
1505
|
-
`,
|
|
1520
|
+
`,np=It.div`
|
|
1506
1521
|
width: 100%;
|
|
1507
1522
|
display: flex;
|
|
1508
1523
|
align-items: center;
|
|
@@ -1530,7 +1545,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1530
1545
|
&:focus-within {
|
|
1531
1546
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1532
1547
|
}
|
|
1533
|
-
`,
|
|
1548
|
+
`,ip=It.textarea`
|
|
1534
1549
|
flex: 1;
|
|
1535
1550
|
border: none;
|
|
1536
1551
|
outline: none;
|
|
@@ -1554,13 +1569,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1554
1569
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1555
1570
|
cursor: not-allowed;
|
|
1556
1571
|
}
|
|
1557
|
-
`,
|
|
1572
|
+
`,ap=({errorMessage:e,title:t,tooltip:o,required:n,onChange:i,name:a,...r})=>{const s=wt(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return xt.createElement(op,null,xt.createElement(cl,{title:t,required:n,tooltip:o}),xt.createElement(np,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},xt.createElement(ip,{ref:s,"data-id":a,name:a,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...r})),!!e&&xt.createElement(ji,null,e))},rp=It.div`
|
|
1558
1573
|
display: flex;
|
|
1559
1574
|
align-items: center;
|
|
1560
1575
|
gap: 12px;
|
|
1561
1576
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1562
1577
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1563
|
-
`,
|
|
1578
|
+
`,sp=It.div`
|
|
1564
1579
|
width: 24px;
|
|
1565
1580
|
height: 12px;
|
|
1566
1581
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1582,11 +1597,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1582
1597
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1583
1598
|
transition: background-color 0.3s, transform 0.3s;
|
|
1584
1599
|
}
|
|
1585
|
-
`,
|
|
1600
|
+
`,lp=({title:e,tooltip:t,initialValue:o=!1,onChange:n,disabled:i,allowPropagation:a=!1,flipHorizontally:r})=>{const[s,l]=bt(o);return yt(()=>l(o),[o]),xt.createElement(rp,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&xt.createElement(sp,{$disabled:i,$isActive:s}),(e||t)&&xt.createElement(mr,{text:t,withIcon:!0},e&&xt.createElement(Bi,{size:14},e)),r&&xt.createElement(sp,{$disabled:i,$isActive:s}))};var cp={v:"5.12.1",fr:60,ip:0,op:80,w:220,h:620,nm:"Odigos - Trace Loader",ddd:0,assets:[{id:"comp_0",nm:"moving lines-5",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[6.097,.571,0],ix:2,l:2},a:{a:0,k:[-.046,-149.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-.055,-173.88],[.095,546.629]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:2.4,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:18.172,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:36.174,s:[85.889]},{t:51,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:12.174,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:30.174,s:[85.889]},{t:45,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:51,st:-26,ct:1,bm:0}]},{id:"comp_1",nm:"moving lines-4",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.475,.571,0],ix:2,l:2},a:{a:0,k:[.144,-156.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.167,-182.047],[.314,547.797]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:17.9,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:38.055,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:61.053,s:[85.889]},{t:80,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:15.553,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:38.555,s:[85.889]},{t:57.5,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:80,st:-26,ct:1,bm:0}]},{id:"comp_2",nm:"moving lines-3",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.841,.571,0],ix:2,l:2},a:{a:0,k:[.324,-150.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.382,-175.047],[-.051,538.464]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:6,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:23.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:43.525,s:[85.889]},{t:60,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:13.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:33.525,s:[85.889]},{t:50,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60,st:-26,ct:1,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:-22,op:29,st:-22,ct:1,bm:0},{ddd:0,ind:2,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:56,op:107,st:56,ct:1,bm:0},{ddd:0,ind:3,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:22,op:73,st:22,ct:1,bm:0},{ddd:0,ind:4,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:-65,op:15,st:-65,ct:1,bm:0},{ddd:0,ind:5,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:14,op:94,st:14,ct:1,bm:0},{ddd:0,ind:6,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:2,op:62,st:2,ct:1,bm:0},{ddd:0,ind:7,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:-36,op:20,st:-40,ct:1,bm:0},{ddd:0,ind:8,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:39,op:99,st:39,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Vector :M",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110,309.736,0],ix:2,l:2},a:{a:0,k:[308.5,313.236,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[205.677,618.844],[205.677,4.807]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[411.428,618.822],[411.333,4.99]],c:!1},ix:2},nm:"Path 6",mn:"ADBE Vector Shape - Group",hd:!1},{ind:2,ty:"sh",ix:3,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[308.5,618.796],[308.5,5.145]],c:!1},ix:2},nm:"Path 7",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.975244164467,.975244164467,.975244164467,.639999985695],ix:3},o:{a:0,k:64,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 7",mn:"ADBE Vector Graphic - Stroke",hd:!1}],ip:0,op:684,st:0,ct:1,bm:0}],markers:[],props:{}};const dp=It.div`
|
|
1586
1601
|
width: ${({$width:e})=>e}px;
|
|
1587
1602
|
height: ${({$height:e})=>e}px;
|
|
1588
1603
|
position: relative;
|
|
1589
|
-
`,
|
|
1604
|
+
`,pp=({width:e=620})=>{const{darkMode:t}=Ai.useTheme(),o=e/(620/220),n=e;return xt.createElement(dp,{$width:n,$height:o},xt.createElement(Ht,{autoplay:!0,loop:!0,animationData:cp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))};var up,hp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(up||(up={})),function(e){e.S="small",e.M="medium",e.L="large"}(hp||(hp={}));const mp=It.button`
|
|
1590
1605
|
display: flex;
|
|
1591
1606
|
align-items: center;
|
|
1592
1607
|
justify-content: center;
|
|
@@ -1596,14 +1611,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1596
1611
|
`}
|
|
1597
1612
|
border: none;
|
|
1598
1613
|
border-radius: 6px;
|
|
1599
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1614
|
+
${({$size:e,$hasLabel:t})=>e===hp.S?Ft`
|
|
1600
1615
|
height: 32px;
|
|
1601
1616
|
${t?Ft`
|
|
1602
1617
|
padding: 8px 16px;
|
|
1603
1618
|
`:Ft`
|
|
1604
1619
|
width: 32px;
|
|
1605
1620
|
`}
|
|
1606
|
-
`:e===
|
|
1621
|
+
`:e===hp.M?Ft`
|
|
1607
1622
|
height: 38px;
|
|
1608
1623
|
${t?Ft`
|
|
1609
1624
|
padding: 8px 18px;
|
|
@@ -1628,7 +1643,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1628
1643
|
${({$withShadow:e})=>e?Ft`
|
|
1629
1644
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1630
1645
|
`:""}
|
|
1631
|
-
${({$variant:e})=>e===
|
|
1646
|
+
${({$variant:e})=>e===up.Primary?Ft`
|
|
1632
1647
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1633
1648
|
&:hover {
|
|
1634
1649
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1636,7 +1651,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1636
1651
|
&:active {
|
|
1637
1652
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1638
1653
|
}
|
|
1639
|
-
`:e===
|
|
1654
|
+
`:e===up.Secondary?Ft`
|
|
1640
1655
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1641
1656
|
&:hover {
|
|
1642
1657
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1644,7 +1659,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1644
1659
|
&:active {
|
|
1645
1660
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1646
1661
|
}
|
|
1647
|
-
`:e===
|
|
1662
|
+
`:e===up.Text?Ft`
|
|
1648
1663
|
background-color: transparent;
|
|
1649
1664
|
&:hover {
|
|
1650
1665
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1654,7 +1669,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1654
1669
|
}
|
|
1655
1670
|
`:""}
|
|
1656
1671
|
}
|
|
1657
|
-
`,
|
|
1672
|
+
`,gp=vt(({label:e,leftIcon:t,rightIcon:o,variant:n=up.Primary,size:i=hp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Ai.useTheme(),m=a||(i===hp.L?18:16),g=i===hp.L?Ti.S:Ti.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return xt.createElement(mp,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:r?void 0:e=>{e.stopPropagation(),d?.(e)},...p},r?e?xt.createElement(gd,{size:h.v2.text.size[g],textColor:x}):xt.createElement(es,null):xt.createElement(xt.Fragment,null,t&&xt.createElement(t,{size:m,fill:x}),e?xt.createElement(Ii,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&xt.createElement(o,{size:m,fill:x})))});gp.displayName=gp.name;const xp=It.button`
|
|
1658
1673
|
width: 100%;
|
|
1659
1674
|
padding: 0;
|
|
1660
1675
|
padding-right: 12px;
|
|
@@ -1674,7 +1689,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1674
1689
|
&:disabled {
|
|
1675
1690
|
cursor: not-allowed;
|
|
1676
1691
|
}
|
|
1677
|
-
|
|
1692
|
+
`,$p=It.div`
|
|
1678
1693
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1679
1694
|
height: 56px;
|
|
1680
1695
|
display: flex;
|
|
@@ -1685,13 +1700,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1685
1700
|
`:Ft`
|
|
1686
1701
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1687
1702
|
`}
|
|
1688
|
-
`,
|
|
1703
|
+
`,fp=It.div`
|
|
1689
1704
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1690
1705
|
display: flex;
|
|
1691
1706
|
justify-content: space-between;
|
|
1692
1707
|
align-items: center;
|
|
1693
1708
|
gap: 8px;
|
|
1694
|
-
|
|
1709
|
+
`,bp=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=bt(!1);return xt.createElement(xp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},xt.createElement($p,{$hovered:i,$hasIcon:!!t},t&&xt.createElement(t,{size:36})),xt.createElement(fp,{$hasIcon:!!t},o?xt.createElement(gd,{size:16}):xt.createElement(Ii,{variant:Di.Span,align:"center"},e),xt.createElement(dt,{rotate:90,size:24})))},yp=({buttons:e})=>xt.createElement(ua,{$gap:12},e.map(e=>xt.createElement(bp,{key:e.label,...e}))),wp=It.div`
|
|
1695
1710
|
display: flex;
|
|
1696
1711
|
align-items: center;
|
|
1697
1712
|
flex-wrap: wrap;
|
|
@@ -1699,13 +1714,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1699
1714
|
padding: 4px 12px;
|
|
1700
1715
|
border-radius: 12px;
|
|
1701
1716
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1702
|
-
`,
|
|
1717
|
+
`,kp=It.div`
|
|
1703
1718
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1704
1719
|
margin: 8px;
|
|
1705
1720
|
display: flex;
|
|
1706
1721
|
flex-direction: column;
|
|
1707
1722
|
gap: 4px;
|
|
1708
|
-
`,
|
|
1723
|
+
`,vp=({cellsPerRow:e,items:t})=>{const o=_t(),{CopyButton:n}=Ia();return xt.createElement(wp,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>xt.createElement(kp,{key:i,$cellsPerRow:e||t.length},xt.createElement(Ii,{size:Ti.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),xt.createElement(pa,{$gap:4},l&&xt.createElement(Oi,{...l}),r&&xt.createElement(Ii,{size:Ti.XS,nowrap:!0},r),s&&xt.createElement(n,{value:r||l?.label?.toString()||"",size:Da.XS})))))},Cp=It.div`
|
|
1709
1724
|
width: ${({$width:e})=>e||"unset"};
|
|
1710
1725
|
padding: 6px 12px;
|
|
1711
1726
|
display: flex;
|
|
@@ -1717,7 +1732,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1717
1732
|
border: none;
|
|
1718
1733
|
border-radius: 6px;
|
|
1719
1734
|
background: ${({$isHovered:e,$isActive:t,theme:o})=>e||t?o.v2.colors.silver[700]:o.v2.colors.silver[800]};
|
|
1720
|
-
`,
|
|
1735
|
+
`,Ep=It.input`
|
|
1721
1736
|
flex: 1;
|
|
1722
1737
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1723
1738
|
font-size: 14px;
|
|
@@ -1733,28 +1748,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1733
1748
|
overflow: hidden;
|
|
1734
1749
|
text-overflow: ellipsis;
|
|
1735
1750
|
white-space: nowrap;
|
|
1736
|
-
`,
|
|
1751
|
+
`,Sp=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=Ai.useTheme(),[a,r]=bt(!1),[s,l]=bt(!1),c=s?i.v2.colors.white[500]:i.v2.colors.silver[200];return xt.createElement(Cp,{$width:n,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),$isHovered:a,$isActive:s},xt.createElement(at,{size:18,fill:c}),xt.createElement(Ep,{"data-id":"search",name:"search",type:"text",placeholder:e,value:t,onChange:e=>{e.stopPropagation(),o(e.target.value)},onFocus:()=>l(!0),onBlur:()=>l(!1),$textColor:c}))};var Ap;!function(e){e.S="small",e.L="large"}(Ap||(Ap={}));const Dp=It.div`
|
|
1737
1752
|
width: fit-content;
|
|
1738
1753
|
display: flex;
|
|
1739
1754
|
align-items: center;
|
|
1740
1755
|
gap: 8px;
|
|
1741
1756
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1742
|
-
`,
|
|
1743
|
-
width: ${({$size:e})=>e===
|
|
1744
|
-
height: ${({$size:e})=>e===
|
|
1757
|
+
`,Tp=It.div`
|
|
1758
|
+
width: ${({$size:e})=>e===Ap.S?"16px":"20px"};
|
|
1759
|
+
height: ${({$size:e})=>e===Ap.S?"16px":"20px"};
|
|
1745
1760
|
display: flex;
|
|
1746
1761
|
align-items: center;
|
|
1747
1762
|
justify-content: center;
|
|
1748
1763
|
border-radius: 4px;
|
|
1749
1764
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1750
1765
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1751
|
-
`,
|
|
1766
|
+
`,Np=({label:e,size:t=Ap.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Ai.useTheme(),[s,l]=bt(!1),c=n||i,d=t===Ap.S?8:12,p=o?r.v2.colors.grey[400]:r.v2.colors.white[500],u=c?"transparent":o?r.v2.colors.grey[700]:s?r.v2.colors.silver[400]:r.v2.colors.silver[600],h=o?r.v2.colors.grey[600]:c?r.v2.colors.purple[500]:r.v2.colors.silver[900];return xt.createElement(Dp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},xt.createElement(Tp,{$size:t,$borderColor:u,$backgroundColor:h},n?xt.createElement(Ye,{size:d,fill:p}):i?xt.createElement(Ge,{size:d,fill:p}):null),e&&xt.createElement(Ii,{size:t===Ap.S?Ti.XXS:Ti.XS,nowrap:!0},e))},Ip=It.div`
|
|
1752
1767
|
display: flex;
|
|
1753
1768
|
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
1754
1769
|
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
1755
|
-
`,
|
|
1770
|
+
`,zp=({direction:e=to.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===Ap.S?Ti.XXS:Ti.XS,c=ft(()=>a.every(e=>r[e.id]),[a,r]),d=ft(()=>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 xt.createElement(Ip,{$direction:e},t&&i?xt.createElement(Np,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?xt.createElement(Ii,{size:l},t):null,a.map(e=>xt.createElement(Np,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))};var Op;!function(e){e.Left="left",e.Right="right"}(Op||(Op={}));const _p=It.div`
|
|
1756
1771
|
position: relative;
|
|
1757
|
-
`,
|
|
1772
|
+
`,Fp=It.div`
|
|
1758
1773
|
display: flex;
|
|
1759
1774
|
flex-direction: column;
|
|
1760
1775
|
gap: 0;
|
|
@@ -1767,7 +1782,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1767
1782
|
position: absolute;
|
|
1768
1783
|
top: ${({$withButton:e})=>e?"calc(100% + 8px)":"0"};
|
|
1769
1784
|
${({$align:e})=>`${e}: 0;`}
|
|
1770
|
-
`,
|
|
1785
|
+
`,Rp=It.div`
|
|
1771
1786
|
display: flex;
|
|
1772
1787
|
align-items: center;
|
|
1773
1788
|
gap: 8px;
|
|
@@ -1783,14 +1798,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1783
1798
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1784
1799
|
}
|
|
1785
1800
|
`}
|
|
1786
|
-
`,
|
|
1801
|
+
`,Lp=({items:e,selectedId:t,onSelect:o,defaultOpen:n,buttonProps:i})=>{const a=_t(),[r,s]=bt(Op.Left),[l,c]=bt(n??!i),d=e=>{o(e),i&&c(!1)};return xt.createElement(_p,null,i&&xt.createElement(gp,{...i,rightIcon:l?pt:ut,onClick:e=>{s(e.clientX>window.innerWidth/2?Op.Right:Op.Left),c(e=>!e)}}),l&&xt.createElement(Fp,{$withButton:!!i,$align:r},e.map(({id:e,label:o,icon:n,withCheckbox:i})=>{const r=t===e;return xt.createElement(Rp,{key:e,$selected:r,onClick:()=>d(e)},i&&xt.createElement(Np,{value:r,onChange:()=>d(e)}),n&&xt.createElement(n,{size:14,fill:a.v2.colors.white[500]}),xt.createElement(Ii,{size:Ti.XS,nowrap:!0},o))})))};var Bp,Pp;!function(e){e.S="small",e.M="medium"}(Bp||(Bp={})),function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Pp||(Pp={}));const Mp=It.div`
|
|
1787
1802
|
display: flex;
|
|
1788
1803
|
flex-direction: column;
|
|
1789
1804
|
gap: ${({$gap:e})=>e}px;
|
|
1805
|
+
width: ${({$padding:e})=>`calc(100% - ${2*e}px)`};
|
|
1790
1806
|
padding: ${({$padding:e})=>e}px;
|
|
1791
1807
|
border-radius: 16px;
|
|
1792
1808
|
background-color: ${({$backgroundWeight:e,theme:t})=>t.v2.colors.silver[e]};
|
|
1793
|
-
`,
|
|
1809
|
+
`,jp=({size:e=Bp.M,backgroundWeight:t="900",icon:o,title:n,withCopyTitle:i,badge:a,search:r,actions:s,children:l})=>{const{CopyButton:c}=Ia(),d=e===Bp.S?4:16,p=e===Bp.S?12:16;return xt.createElement(Mp,{$padding:p,$gap:d,$backgroundWeight:t},xt.createElement(pa,{$gap:16,$justifyContent:"space-between"},xt.createElement(pa,{$gap:8,$alignItems:"center"},xt.createElement(o,{size:24}),xt.createElement(Ii,null,n),i&&xt.createElement(c,{value:n,size:Da.XS}),a&&xt.createElement(Oi,{...a}),r&&xt.createElement(Sp,{...r})),xt.createElement(pa,{$gap:8,$alignItems:"center"},s?.map(e=>{switch(e.type){case Pp.Button:return xt.createElement(gp,{key:e.id,...e.buttonProps,label:e.buttonProps?.label??""});case Pp.ButtonDropData:return xt.createElement(Lp,{key:e.id,items:e.dropDataItems??[],selectedId:"",onSelect:t=>e.buttonProps?.onClick?.(t),buttonProps:e.buttonProps});default:return null}}))),l)},Up=It.div`
|
|
1794
1810
|
flex: 1;
|
|
1795
1811
|
align-self: stretch;
|
|
1796
1812
|
display: flex;
|
|
@@ -1799,7 +1815,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1799
1815
|
padding: 16px;
|
|
1800
1816
|
border-radius: 12px;
|
|
1801
1817
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,t===xo.Unknown?"750":"500")};
|
|
1802
|
-
`,
|
|
1818
|
+
`,Wp=It.div`
|
|
1803
1819
|
display: flex;
|
|
1804
1820
|
align-items: center;
|
|
1805
1821
|
justify-content: center;
|
|
@@ -1807,8 +1823,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1807
1823
|
height: fit-content;
|
|
1808
1824
|
padding: 8px;
|
|
1809
1825
|
border-radius: 12px;
|
|
1810
|
-
background-color: ${({theme:e,$status:t})=>t===xo.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+
|
|
1811
|
-
`,
|
|
1826
|
+
background-color: ${({theme:e,$status:t})=>t===xo.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+Ai.opacity.hex["015"]};
|
|
1827
|
+
`,Vp=({status:e,icon:t,title:o,description:n})=>{const i=_t(),a=t??Sn(e,i),r=[ho.Default,ho.Info,xo.Disabled,xo.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return xt.createElement(Up,{$status:e},xt.createElement(Wp,{$status:e},xt.createElement(a,{size:32,fill:r})),xt.createElement(ua,{$gap:2,$justifyContent:"center"},xt.createElement(Ii,{size:Ti.M,weight:500,color:r,nowrap:!0},o),xt.createElement(Ii,{size:Ti.XXS,weight:300,color:r,nowrap:!0},n)))},Hp=It.div`
|
|
1812
1828
|
flex: 1;
|
|
1813
1829
|
align-self: stretch;
|
|
1814
1830
|
display: flex;
|
|
@@ -1817,7 +1833,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1817
1833
|
padding: 12px;
|
|
1818
1834
|
border-radius: 12px;
|
|
1819
1835
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1820
|
-
`,
|
|
1836
|
+
`,qp=["-","N/A"],Gp=({title:e,cells:t})=>{const o=_t();return xt.createElement(Hp,null,xt.createElement(Ii,{size:Ti.XXS,color:o.v2.colors.grey[150]},e),xt.createElement(pa,{$gap:32},t.map(t=>xt.createElement(ua,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!qp.includes(t.value)?xt.createElement(Ii,{size:t.label?Ti.M:Ti.L},t.value):xt.createElement(es,{scale:.9}),t.label&&xt.createElement(Ii,{size:Ti.XXS},t.label)))))},Kp=It(pa)`
|
|
1821
1837
|
width: calc(100% - 20px);
|
|
1822
1838
|
padding: 10px;
|
|
1823
1839
|
border-radius: 6px;
|
|
@@ -1826,34 +1842,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1826
1842
|
align-items: center;
|
|
1827
1843
|
justify-content: space-between;
|
|
1828
1844
|
gap: 12px;
|
|
1829
|
-
`,
|
|
1845
|
+
`,Jp=It.div`
|
|
1830
1846
|
position: relative;
|
|
1831
1847
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1832
1848
|
display: flex;
|
|
1833
1849
|
align-items: center;
|
|
1834
1850
|
gap: 4px;
|
|
1835
|
-
`,
|
|
1851
|
+
`,Yp=It.pre`
|
|
1836
1852
|
flex: 1;
|
|
1837
1853
|
margin: 0;
|
|
1838
1854
|
padding: 0;
|
|
1839
1855
|
font-size: 14px;
|
|
1840
1856
|
color: #5ffb98; // TODO: add to theme
|
|
1841
1857
|
overflow-x: auto;
|
|
1842
|
-
`,
|
|
1858
|
+
`,Xp=It.span`
|
|
1843
1859
|
flex-shrink: 0;
|
|
1844
1860
|
font-size: 14px;
|
|
1845
1861
|
color: #5ffb98; // TODO: add to theme
|
|
1846
|
-
`,
|
|
1862
|
+
`,Qp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=Ia({onDone:o}),i=wt(null),[a,r]=bt(!1);return yt(()=>{const e=()=>{if(i.current){const{scrollWidth:e,clientWidth:t}=i.current;r(e>t)}};e();const t=new ResizeObserver(e);return i.current&&t.observe(i.current),()=>{t.disconnect()}},[e]),xt.createElement(Kp,null,xt.createElement(Jp,{$hideCopy:t},xt.createElement(Yp,{ref:i},e),a&&xt.createElement(Xp,null,"...")),!t&&xt.createElement(n,{value:e,size:Da.XS}))},Zp=It.div`
|
|
1847
1863
|
display: flex;
|
|
1848
1864
|
align-items: center;
|
|
1849
1865
|
justify-content: space-between;
|
|
1850
1866
|
width: calc(100% - 24px);
|
|
1851
1867
|
padding: 12px;
|
|
1852
|
-
`,
|
|
1868
|
+
`,eu=It.div`
|
|
1853
1869
|
display: flex;
|
|
1854
1870
|
align-items: center;
|
|
1855
1871
|
gap: 16px;
|
|
1856
|
-
`,
|
|
1872
|
+
`,tu=It.div`
|
|
1857
1873
|
display: flex;
|
|
1858
1874
|
align-items: center;
|
|
1859
1875
|
justify-content: center;
|
|
@@ -1861,11 +1877,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1861
1877
|
height: 32px;
|
|
1862
1878
|
border-radius: 8px;
|
|
1863
1879
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1864
|
-
`,
|
|
1880
|
+
`,ou=It.div`
|
|
1865
1881
|
display: flex;
|
|
1866
1882
|
align-items: center;
|
|
1867
1883
|
gap: 12px;
|
|
1868
|
-
`,
|
|
1884
|
+
`,nu=({icon:e,title:t,actions:o,onClose:n})=>xt.createElement(Zp,null,xt.createElement(eu,null,xt.createElement(tu,null,xt.createElement(e,{size:24})),xt.createElement(Ii,{size:Ti.S},t)),xt.createElement(ou,null,o?.length?xt.createElement(Na,{icon:ht,size:Da.M,onClick:()=>alert("todo")}):null,xt.createElement(Na,{icon:Je,size:Da.M,onClick:n}))),iu=It.div`
|
|
1869
1885
|
position: fixed;
|
|
1870
1886
|
top: 0;
|
|
1871
1887
|
bottom: 0;
|
|
@@ -1877,8 +1893,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1877
1893
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1878
1894
|
overflow: hidden;
|
|
1879
1895
|
|
|
1880
|
-
animation-name: ${({$position:e})=>
|
|
1881
|
-
`,
|
|
1896
|
+
animation-name: ${({$position:e})=>Ai.animations.slide.in[e]};
|
|
1897
|
+
`,au=It.div`
|
|
1882
1898
|
display: flex;
|
|
1883
1899
|
flex-direction: column;
|
|
1884
1900
|
gap: 16px;
|
|
@@ -1887,7 +1903,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1887
1903
|
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1888
1904
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1889
1905
|
overflow-y: auto;
|
|
1890
|
-
`,
|
|
1906
|
+
`,ru=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(va(e),e?jt(xt.createElement(xt.Fragment,null,!t&&xt.createElement(ga,{onClick:i.onClose}),xt.createElement(iu,{$position:o,$width:n},xt.createElement(nu,{...i}),xt.createElement(au,{$position:o},a))),document.body):null),su=It.header`
|
|
1891
1907
|
position: relative;
|
|
1892
1908
|
width: calc(100% - 36px);
|
|
1893
1909
|
padding: 12px 18px;
|
|
@@ -1895,12 +1911,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1895
1911
|
display: flex;
|
|
1896
1912
|
align-items: center;
|
|
1897
1913
|
justify-content: space-between;
|
|
1898
|
-
`,
|
|
1914
|
+
`,lu=It(pa)`
|
|
1899
1915
|
position: absolute;
|
|
1900
1916
|
left: 50%;
|
|
1901
1917
|
transform: translateX(-50%);
|
|
1902
1918
|
gap: 16px;
|
|
1903
|
-
`,
|
|
1919
|
+
`,cu=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(su,null,xt.createElement(pa,{$gap:16},e),xt.createElement(lu,null,t),xt.createElement(pa,{$gap:16},o)),du=It.div`
|
|
1904
1920
|
display: flex;
|
|
1905
1921
|
align-items: center;
|
|
1906
1922
|
gap: 2px;
|
|
@@ -1914,17 +1930,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1914
1930
|
right: ${({$right:e})=>e||"12px"};
|
|
1915
1931
|
top: 50%;
|
|
1916
1932
|
transform: translateY(-50%);
|
|
1917
|
-
`,
|
|
1933
|
+
`,pu=({isOpen:e,actions:t,positionRight:o})=>e?xt.createElement(du,{$right:o},t.map(e=>xt.createElement(gp,{key:e.id,...e,variant:up.Secondary,size:hp.S}))):null,uu=It.span`
|
|
1918
1934
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1919
1935
|
font-size: 14px;
|
|
1920
1936
|
font-weight: 400;
|
|
1921
1937
|
color: ${({theme:e})=>e.text.error};
|
|
1922
|
-
`,
|
|
1938
|
+
`,hu=It.span`
|
|
1923
1939
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1924
1940
|
font-size: 14px;
|
|
1925
1941
|
font-weight: 400;
|
|
1926
1942
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1927
|
-
`,
|
|
1943
|
+
`,mu=It.div`
|
|
1928
1944
|
padding: 12px;
|
|
1929
1945
|
display: flex;
|
|
1930
1946
|
align-self: stretch;
|
|
@@ -1941,7 +1957,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1941
1957
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1942
1958
|
}
|
|
1943
1959
|
`}
|
|
1944
|
-
`,
|
|
1960
|
+
`,gu=It.input`
|
|
1945
1961
|
flex: 1;
|
|
1946
1962
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1947
1963
|
font-size: 14px;
|
|
@@ -1965,16 +1981,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1965
1981
|
overflow: hidden;
|
|
1966
1982
|
text-overflow: ellipsis;
|
|
1967
1983
|
white-space: nowrap;
|
|
1968
|
-
`,
|
|
1984
|
+
`,xu=It.div`
|
|
1969
1985
|
cursor: pointer;
|
|
1970
|
-
|
|
1986
|
+
`,$u=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=uo.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Ai.useTheme(),m=s===uo.Password,[g,x]=bt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return xt.createElement(ua,{$gap:6},xt.createElement(pa,{$justifyContent:"space-between"},e&&xt.createElement(hu,null,e),xt.createElement(pa,{$gap:10},o&&xt.createElement(mr,{text:o,withIcon:!0}),t&&xt.createElement(uu,null,"*"))),xt.createElement(mu,{$disabled:p,$error:!!a},n?xt.createElement(n,{size:18,fill:$}):null,xt.createElement(gu,{"data-id":l,type:g||s===uo.Number?uo.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===uo.Number&&(e.target.value=Vn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?xt.createElement(xu,{onClick:()=>x(e=>!e)},g?xt.createElement(nt,{size:18,strokeWidth:2,fill:$}):xt.createElement(it,{size:18,strokeWidth:2,fill:$})):i?xt.createElement(i,{size:18,fill:$}):null),a?xt.createElement(pa,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.red[500]}),xt.createElement(Ii,{size:Ti.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?xt.createElement(pa,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),xt.createElement(Ii,{size:Ti.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},fu=Ot`
|
|
1971
1987
|
0% {
|
|
1972
1988
|
background-position: 0% 50%;
|
|
1973
1989
|
}
|
|
1974
1990
|
100% {
|
|
1975
1991
|
background-position: 100% 50%;
|
|
1976
1992
|
}
|
|
1977
|
-
|
|
1993
|
+
`,bu=It(Ii)`
|
|
1978
1994
|
display: flex;
|
|
1979
1995
|
align-items: center;
|
|
1980
1996
|
gap: 4px;
|
|
@@ -1983,9 +1999,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1983
1999
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1984
2000
|
background-clip: text;
|
|
1985
2001
|
color: transparent;
|
|
1986
|
-
animation: ${
|
|
1987
|
-
`,
|
|
1988
|
-
position: fixed;
|
|
2002
|
+
animation: ${fu} 1s reverse linear infinite;
|
|
2003
|
+
`,yu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Ai.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return xt.createElement(xt.Fragment,null,e?xt.createElement(pa,{$gap:4},t&&xt.createElement(t,null),o?xt.createElement(bu,{$textColor:s,$stripColor:l,...a},e):xt.createElement(Ii,{color:s,...a},e)):null)},wu=It.div`
|
|
2004
|
+
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
1989
2005
|
top: 50%;
|
|
1990
2006
|
left: 50%;
|
|
1991
2007
|
transform: translate(-50%, -50%);
|
|
@@ -1996,14 +2012,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1996
2012
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1997
2013
|
overflow: hidden;
|
|
1998
2014
|
|
|
1999
|
-
animation-name: ${
|
|
2000
|
-
`,
|
|
2015
|
+
animation-name: ${Ai.animations.slide.in.center};
|
|
2016
|
+
`,ku=It.div`
|
|
2001
2017
|
position: relative;
|
|
2002
|
-
`,
|
|
2018
|
+
`,vu=It.div`
|
|
2003
2019
|
position: absolute;
|
|
2004
2020
|
top: 16px;
|
|
2005
2021
|
left: 16px;
|
|
2006
|
-
`,
|
|
2022
|
+
`,Cu=({isOpen:e,hideOverlay:t=!1,relativeToParent:o=!1,onBack:n,onClose:i,children:a})=>{if(va(e),!e)return null;const r=xt.createElement(xt.Fragment,null,!t&&xt.createElement(ga,{$relativeToParent:o,onClick:i}),xt.createElement(wu,{$relativeToParent:o},xt.createElement(ku,null,n&&xt.createElement(vu,null,xt.createElement(Na,{icon:e=>xt.createElement(dt,{rotate:-90,...e}),size:Da.L,onClick:n})),a)));return o?r:jt(r,document.body)},Eu=It.aside`
|
|
2007
2023
|
display: flex;
|
|
2008
2024
|
flex-direction: column;
|
|
2009
2025
|
gap: 8px;
|
|
@@ -2012,14 +2028,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2012
2028
|
padding: 16px 12px;
|
|
2013
2029
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2014
2030
|
overflow-y: auto;
|
|
2015
|
-
`,
|
|
2031
|
+
`,Su=({height:e,icons:t})=>xt.createElement(Eu,{$height:e},t.map(({id:e,selected:t,icon:o,onClick:n})=>xt.createElement(gp,{key:e,label:"",leftIcon:o,iconSize:24,onClick:n,variant:t?up.Primary:up.Text}))),Au=It.div`
|
|
2016
2032
|
display: flex;
|
|
2017
2033
|
align-items: center;
|
|
2018
2034
|
gap: 10px;
|
|
2019
2035
|
padding: 4px;
|
|
2020
2036
|
border-radius: 8px;
|
|
2021
2037
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"1000":"900")};
|
|
2022
|
-
`,
|
|
2038
|
+
`,Du=It.div`
|
|
2023
2039
|
width: 36px;
|
|
2024
2040
|
height: 36px;
|
|
2025
2041
|
display: flex;
|
|
@@ -2027,26 +2043,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2027
2043
|
justify-content: center;
|
|
2028
2044
|
border-radius: 6px;
|
|
2029
2045
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"900":"800")};
|
|
2030
|
-
`,
|
|
2046
|
+
`,Tu=It.div`
|
|
2047
|
+
margin-left: auto;
|
|
2048
|
+
margin-right: 8px;
|
|
2049
|
+
cursor: pointer;
|
|
2050
|
+
&:hover {
|
|
2051
|
+
transform: scale(1.2);
|
|
2052
|
+
}
|
|
2053
|
+
`,Nu=({status:e,message:t,action:o})=>{const n=Ai.useTheme(),i=Sn(e,n),a=Cn(n,e,e===ho.Default?"300":e===ho.Info?"400":"500");return xt.createElement(Au,{$status:e},xt.createElement("div",null,xt.createElement(Du,{$status:e},xt.createElement(i,{size:24}))),xt.createElement(Ii,{color:a,size:Ti.XXXS,weight:400},t),o&&xt.createElement(Tu,{onClick:o.onClick},xt.createElement(Ii,{color:a,size:Ti.XXS,weight:500,underline:!0},o.label)))};var Iu;!function(e){e.S="small",e.L="large"}(Iu||(Iu={}));const zu=It.div`
|
|
2031
2054
|
width: fit-content;
|
|
2032
2055
|
display: flex;
|
|
2033
2056
|
align-items: center;
|
|
2034
2057
|
gap: 8px;
|
|
2035
2058
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2036
|
-
`,
|
|
2037
|
-
width: ${({$size:e})=>e===
|
|
2038
|
-
height: ${({$size:e})=>e===
|
|
2059
|
+
`,Ou=It.div`
|
|
2060
|
+
width: ${({$size:e})=>e===Iu.S?"16px":"20px"};
|
|
2061
|
+
height: ${({$size:e})=>e===Iu.S?"16px":"20px"};
|
|
2039
2062
|
display: flex;
|
|
2040
2063
|
align-items: center;
|
|
2041
2064
|
justify-content: center;
|
|
2042
2065
|
border-radius: 100%;
|
|
2043
2066
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2044
2067
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2045
|
-
`,
|
|
2068
|
+
`,_u=({label:e,value:t,onChange:o,disabled:n,size:i=Iu.L})=>{const a=Ai.useTheme(),[r,s]=bt(!1),l=t,c=i===Iu.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 xt.createElement(zu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},xt.createElement(Ou,{$size:i,$borderColor:p,$backgroundColor:u},t?xt.createElement(mt,{size:c,fill:d}):null),e&&xt.createElement(Ii,{size:i===Iu.S?Ti.XXS:Ti.XS},e))},Fu=It.div`
|
|
2046
2069
|
display: flex;
|
|
2047
2070
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2048
2071
|
gap: ${({$gap:e})=>e}px;
|
|
2049
|
-
`,
|
|
2072
|
+
`,Ru=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>xt.createElement(Fu,{$flexDirection:t===to.Horizontal?"row":"column",$gap:t===to.Horizontal?16:8},e&&xt.createElement(Ii,null,e),i.map(t=>xt.createElement(_u,{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}))),Lu=It.div`
|
|
2050
2073
|
position: relative;
|
|
2051
2074
|
z-index: 0;
|
|
2052
2075
|
display: flex;
|
|
@@ -2055,7 +2078,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2055
2078
|
border-radius: 8px;
|
|
2056
2079
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
2057
2080
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2058
|
-
`,
|
|
2081
|
+
`,Bu=It.button`
|
|
2059
2082
|
flex: 1;
|
|
2060
2083
|
display: flex;
|
|
2061
2084
|
align-items: center;
|
|
@@ -2066,40 +2089,40 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2066
2089
|
border: none;
|
|
2067
2090
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:"transparent"};
|
|
2068
2091
|
box-shadow: ${({$isSelected:e})=>e?"0 0 11px 0 rgba(0, 0, 0, 0.32)":"none"};
|
|
2069
|
-
cursor: pointer;
|
|
2092
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2070
2093
|
&:hover {
|
|
2071
2094
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
2072
2095
|
}
|
|
2073
|
-
`,
|
|
2096
|
+
`,Pu=({options:e=[],selected:t,setSelected:o,disabled:n})=>{const i=_t(),a=n?i.v2.colors.grey[400]:i.v2.colors.white[500];return xt.createElement(Lu,{$count:e.length},e.map(({value:e,label:i,icon:r},s)=>{const l=t===e;return xt.createElement(Bu,{key:`segment-${i||s}-${e}`,onClick:()=>!n&&o(e),$isSelected:l,$disabled:n},r&&xt.createElement(r,{fill:a}),i&&xt.createElement(Ii,{size:Ti.XS,weight:500,color:a,nowrap:!0},i))}))};var Mu;!function(e){e.Data="data",e.Pretty="pretty"}(Mu||(Mu={}));const ju=It.div`
|
|
2074
2097
|
max-height: ${({$maxHeight:e})=>e};
|
|
2075
2098
|
width: 100%;
|
|
2076
2099
|
overflow: auto;
|
|
2077
|
-
`,
|
|
2100
|
+
`,Uu=It.table`
|
|
2078
2101
|
width: 100%;
|
|
2079
2102
|
|
|
2080
|
-
${({$variant:e})=>{switch(e){case
|
|
2103
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Ft`
|
|
2081
2104
|
border-collapse: collapse;
|
|
2082
|
-
`;case
|
|
2105
|
+
`;case Mu.Pretty:return Ft`
|
|
2083
2106
|
border-collapse: separate;
|
|
2084
2107
|
border-spacing: 0 8px;
|
|
2085
2108
|
`;default:return""}}}
|
|
2086
|
-
`,
|
|
2109
|
+
`,Wu=It.thead`
|
|
2087
2110
|
position: sticky;
|
|
2088
2111
|
top: 0;
|
|
2089
2112
|
z-index: 100;
|
|
2090
|
-
`,
|
|
2113
|
+
`,Vu=It.th`
|
|
2091
2114
|
position: relative;
|
|
2092
2115
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2093
2116
|
padding: 18px 24px;
|
|
2094
2117
|
border: none;
|
|
2095
2118
|
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
2096
2119
|
|
|
2097
|
-
${({$variant:e})=>{switch(e){case
|
|
2120
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Ft`
|
|
2098
2121
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2099
|
-
`;case
|
|
2122
|
+
`;case Mu.Pretty:return Ft`
|
|
2100
2123
|
background-color: transparent;
|
|
2101
2124
|
`;default:return""}}}
|
|
2102
|
-
`,
|
|
2125
|
+
`,Hu=It.div`
|
|
2103
2126
|
position: absolute;
|
|
2104
2127
|
top: 50%;
|
|
2105
2128
|
right: 0;
|
|
@@ -2107,23 +2130,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2107
2130
|
width: 1px;
|
|
2108
2131
|
height: 18px;
|
|
2109
2132
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2110
|
-
`,
|
|
2133
|
+
`,qu=It.tbody``,Gu=It.td`
|
|
2111
2134
|
position: relative;
|
|
2112
2135
|
padding: 18px 24px;
|
|
2113
2136
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2114
2137
|
|
|
2115
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case
|
|
2138
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Mu.Data:return Ft`
|
|
2116
2139
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2117
2140
|
border-left: none;
|
|
2118
2141
|
border-right: none;
|
|
2119
2142
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2120
2143
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2121
|
-
`;case
|
|
2144
|
+
`;case Mu.Pretty:return Ft`
|
|
2122
2145
|
border: none;
|
|
2123
2146
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2124
2147
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2125
2148
|
`;default:return""}}}
|
|
2126
|
-
`,
|
|
2149
|
+
`,Ku=It.div`
|
|
2127
2150
|
width: 100%;
|
|
2128
2151
|
display: flex;
|
|
2129
2152
|
align-items: center;
|
|
@@ -2136,7 +2159,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2136
2159
|
fill: ${({theme:e})=>e.v2.colors.white[500]};
|
|
2137
2160
|
}
|
|
2138
2161
|
}
|
|
2139
|
-
`,
|
|
2162
|
+
`,Ju=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=bt(null);return xt.createElement(xt.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 xt.createElement("tr",{key:`row-${c}`},a&&xt.createElement(Gu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},xt.createElement(Np,{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 xt.createElement(Gu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?xt.createElement(pa,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(Ii,{size:Ti.XS,align:n},s?.rawValue||"-"),$.length?xt.createElement(pu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},Yu=({variant:e,columns:t,sortDirection:o,sortByKey:n,onSort:i,withCheckboxes:a,allSelected:r,onSelectAll:s})=>{const l=_t();return xt.createElement("tr",null,a&&xt.createElement(Vu,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Np,{value:r||!1,onChange:s})),t.map(({key:r,label:s,sortable:c,minWidth:d,textAlign:p},u)=>{const h=0===u&&!a,m=u===t.length-1;return xt.createElement(Vu,{key:`column-${r}`,$variant:e,$minWidth:d,$isFirst:h,$isLast:m},xt.createElement(Ku,{$withClick:c||!1,$textAlign:p,onClick:()=>c?i(r):null},xt.createElement(Ii,{size:Ti.XS,align:p},s),c&&xt.createElement(dt,{fill:n===r?l.v2.colors.white[500]:l.v2.colors.grey[400],rotate:o===oo.Ascending?0:180})),!m&&e===Mu.Data&&xt.createElement(Hu,null))}))},Xu=({variant:e,maxHeight:t="unset",isLoading:o,columns:n,rows:i,getRowActions:a,rowActionsPushRightPosition:r,withCheckboxes:s})=>{const[l,c]=bt(oo.Ascending),[d,p]=bt(""),u=kt(e=>{p(e),c(e=>e===oo.Ascending?oo.Descending:oo.Ascending)},[]),h=ft(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue||o.component?.({})?.props?.children)||null};return d?[...i].sort((t,o)=>{const n=e(t,d),i=e(o,d);return(l===oo.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):i},[i,d,l]);return xt.createElement(ju,{$maxHeight:t},xt.createElement(Uu,{$variant:e},xt.createElement(Wu,null,xt.createElement(Yu,{variant:e,columns:n,sortDirection:l,sortByKey:d,onSort:u,withCheckboxes:s,allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),xt.createElement(qu,null,xt.createElement(Ju,{variant:e,columns:n,rows:h,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!h.length&&xt.createElement(ha,{style:{marginTop:"0.5rem"}},o?xt.createElement(es,{scale:1.2}):xt.createElement(Gs,null)))},Qu=It.div`
|
|
2140
2163
|
display: flex;
|
|
2141
2164
|
align-items: center;
|
|
2142
2165
|
justify-content: center;
|
|
@@ -2159,11 +2182,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2159
2182
|
`:Ft`
|
|
2160
2183
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2161
2184
|
`}
|
|
2162
|
-
`,
|
|
2185
|
+
`,Zu=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Ai.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return xt.createElement(Qu,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&xt.createElement(t,{fill:r,size:16}),xt.createElement(Ii,{color:r,size:Ti.XS,nowrap:!0},e),o&&xt.createElement(o,{fill:r,size:16}))};var eh,th,oh;!function(e){e.Default="default",e.SuccessError="successError"}(eh||(eh={})),function(e){e.S="small",e.L="large"}(th||(th={})),function(e){e.Left="left",e.Right="right"}(oh||(oh={}));const nh=It.div`
|
|
2163
2186
|
display: flex;
|
|
2164
2187
|
align-items: center;
|
|
2165
2188
|
gap: ${({$gap:e})=>e}px;
|
|
2166
|
-
`,
|
|
2189
|
+
`,ih=It.div`
|
|
2167
2190
|
position: relative;
|
|
2168
2191
|
display: flex;
|
|
2169
2192
|
align-items: center;
|
|
@@ -2173,10 +2196,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2173
2196
|
height: ${({$size:e})=>e}px;
|
|
2174
2197
|
padding: ${4}px;
|
|
2175
2198
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2176
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case
|
|
2199
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case eh.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case eh.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
|
|
2177
2200
|
|
|
2178
2201
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2179
|
-
`,
|
|
2202
|
+
`,ah=It.div`
|
|
2180
2203
|
position: absolute;
|
|
2181
2204
|
top: 50%;
|
|
2182
2205
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2186,8 +2209,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2186
2209
|
border-radius: 100%;
|
|
2187
2210
|
background-color: ${({$color:e})=>e};
|
|
2188
2211
|
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)"};
|
|
2189
|
-
`,
|
|
2212
|
+
`,rh=({variant:e=eh.Default,size:t=th.L,label:o,labelAlign:n=oh.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Je,onBgColor:p,offBgColor:u})=>{const h=_t(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===th.S?14:18,x=t===th.S?Ti.XS:Ti.S,$=t===th.S?8:12;return xt.createElement(nh,{$gap:$},o&&n===oh.Left&&xt.createElement(Ii,{size:x,nowrap:!0},o),xt.createElement(ih,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},xt.createElement(ah,{$color:m,$size:g,$value:a,$disabled:s}),l&&xt.createElement(xt.Fragment,null,xt.createElement(c,{size:g,fill:m}),xt.createElement(d,{size:g,fill:m}))),o&&n===oh.Right&&xt.createElement(Ii,{size:x,nowrap:!0},o),i&&xt.createElement(mr,{text:i,withIcon:!0}))},sh=It.div`
|
|
2190
2213
|
display: flex;
|
|
2191
2214
|
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
2192
2215
|
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
2193
|
-
`,
|
|
2216
|
+
`,lh=({direction:e=to.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===th.S?Ti.XS:Ti.S;return xt.createElement(sh,{$direction:e},t&&xt.createElement(Ii,{size:s},t),i.map(e=>xt.createElement(rh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:oh.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})))};export{lp as $,Gp as A,hp as B,Kr as C,ru as D,en as E,ua as F,Xl as G,Kt as H,Na as I,cl as J,Yt as K,yu as L,Cu as M,Gs as N,xo as O,ca as P,Br as Q,ji as R,Pp as S,Ii as T,da as U,Jt as V,Ao as W,xl as X,uo as Y,On as Z,ad as _,up as a,un as a$,ud as a0,td as a1,po as a2,Bi as a3,Fd as a4,Id as a5,$c as a6,fd as a7,ap as a8,ui as a9,mr as aA,go as aB,Sn as aC,si as aD,Go as aE,vs as aF,gn as aG,Ds as aH,$a as aI,fa as aJ,Gc as aK,hn as aL,ba as aM,Yl as aN,pp as aO,ia as aP,Jn as aQ,gd as aR,la as aS,hi as aT,li as aU,_s as aV,mn as aW,Wn as aX,an as aY,Ed as aZ,Po as a_,di as aa,ii as ab,Ba as ac,tn as ad,Bc as ae,gc as af,Fr as ag,lo as ah,ai,ka as aj,Lo as ak,Ro as al,cs as am,cc as an,so as ao,ci as ap,ir as aq,wd as ar,xa as as,Sr as at,Zo as au,ta as av,rr as aw,ln as ax,hs as ay,jn as az,jp as b,Us as b$,pn as b0,Vd as b1,Sa as b2,ni as b3,Aa as b4,Yo as b5,on as b6,Ko as b7,Jo as b8,Ca as b9,Bo as bA,qo as bB,Qd as bC,oc as bD,fn as bE,Co as bF,_o as bG,Eo as bH,Fo as bI,vo as bJ,So as bK,ko as bL,tp as bM,dn as bN,La as bO,Mo as bP,Ja as bQ,Tn as bR,Ea as bS,fo as bT,al as bU,$s as bV,Yc as bW,An as bX,zn as bY,xs as bZ,Ms as b_,Ma as ba,pr as bb,Bd as bc,ma as bd,Pa as be,Mn as bf,wl as bg,Qn as bh,jo as bi,Qo as bj,ja as bk,za as bl,xi as bm,Xo as bn,$r as bo,os as bp,ms as bq,fs as br,co as bs,Un as bt,Ho as bu,Nn as bv,Io as bw,_a as bx,In as by,Uo as bz,ha as c,Dc as c$,pu as c0,Rn as c1,Hn as c2,Wa as c3,Ll as c4,zo as c5,ro as c6,Ga as c7,Ss as c8,cn as c9,No as cA,Oo as cB,Wo as cC,nn as cD,xn as cE,$n as cF,bn as cG,yn as cH,wn as cI,vn as cJ,Dn as cK,_n as cL,Ln as cM,Pn as cN,Vn as cO,qn as cP,Gn as cQ,Kn as cR,Yn as cS,Zn as cT,ei as cU,qt as cV,va as cW,Fa as cX,tl as cY,Js as cZ,mc as c_,Fn as ca,Da as cb,Ol as cc,ti as cd,rn as ce,jr as cf,kn as cg,ys as ch,Xn as ci,Gt as cj,Xt as ck,Qt as cl,Zt as cm,eo as cn,to as co,oo as cp,no as cq,io as cr,ao as cs,mo as ct,$o as cu,bo as cv,yo as cw,wo as cx,Do as cy,To as cz,ya as d,_c as d0,Mc as d1,Hc as d2,ws as d3,wc as d4,Fi as d5,Ri as d6,Li as d7,_r as d8,ga as d9,bp as da,yp as db,Bp as dc,Ap as dd,zp as de,Lp as df,cu as dg,$u as dh,Su as di,Nu as dj,Iu as dk,_u as dl,Ru as dm,Zu as dn,eh as dp,oh as dq,lh as dr,Di as ds,Sp as e,pa as f,sn as g,Ti as h,Oi as i,Np as j,rh as k,th as l,gp as m,Ka as n,Xu as o,Mu as p,ho as q,Ai as r,En as s,es as t,Ia as u,vp as v,Qp as w,Cn as x,Pu as y,Vp as z};
|