@odigos/ui-kit 0.0.149 → 0.0.151
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/lib/chunks/index-64bb5a64.js +9 -0
- package/lib/chunks/index-fe2a432e.js +3 -0
- package/lib/chunks/{ui-components-2ec876fd.js → ui-components-92e29f4b.js} +393 -369
- package/lib/components/_v2/index.d.ts +1 -0
- package/lib/components/_v2/modal/index.d.ts +2 -0
- package/lib/components/_v2/segment/index.d.ts +2 -1
- package/lib/components/_v2/table/table-columns/index.d.ts +1 -0
- package/lib/components/_v2/warning-modal/index.d.ts +12 -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 +12 -12
- package/lib/containers.js +19 -19
- 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.js +1 -1
- package/lib/snippets/_v2/cancel-modal/index.d.ts +4 -0
- package/lib/snippets/_v2/delete-modal/index.d.ts +7 -0
- package/lib/snippets/_v2/index.d.ts +3 -0
- package/lib/snippets/_v2/upgrade-modal/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-ef6b1ee4.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 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 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 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 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,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."}},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",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]: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]: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]: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"},Qn=[{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)}],Zn=6048e5,ei=gt()(St(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Qo.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};
|
|
@@ -92,7 +92,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
92
92
|
${({$underline:e})=>e&&Ft`
|
|
93
93
|
text-decoration: underline;
|
|
94
94
|
`}
|
|
95
|
-
`,
|
|
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`
|
|
96
96
|
display: flex;
|
|
97
97
|
align-items: center;
|
|
98
98
|
justify-content: center;
|
|
@@ -101,7 +101,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
101
101
|
padding: 4px 8px;
|
|
102
102
|
border-radius: 100px;
|
|
103
103
|
background-color: ${({$backgroundColor:e})=>e};
|
|
104
|
-
`,
|
|
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`
|
|
105
105
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
106
106
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
107
107
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -112,15 +112,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
112
112
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
113
113
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
114
114
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
115
|
-
`,
|
|
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`
|
|
116
116
|
padding: 4px 0 0 0;
|
|
117
|
-
`,Mi=It(
|
|
117
|
+
`,Mi=It(Bi)`
|
|
118
118
|
font-size: 12px;
|
|
119
119
|
color: ${({theme:e})=>e.text.error};
|
|
120
|
-
`,
|
|
120
|
+
`,ji=({children:e})=>xt.createElement(Pi,null,xt.createElement(Mi,null,e)),Ui=It.div`
|
|
121
121
|
position: relative;
|
|
122
122
|
width: 100%;
|
|
123
|
-
`,
|
|
123
|
+
`,Wi=It.div`
|
|
124
124
|
width: calc(100% - 16px);
|
|
125
125
|
display: flex;
|
|
126
126
|
align-items: center;
|
|
@@ -137,7 +137,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
137
137
|
&:focus-within {
|
|
138
138
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
139
139
|
}
|
|
140
|
-
`,
|
|
140
|
+
`,Vi=It.input`
|
|
141
141
|
flex: 1;
|
|
142
142
|
border: none;
|
|
143
143
|
outline: none;
|
|
@@ -158,7 +158,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
158
158
|
&:disabled {
|
|
159
159
|
cursor: not-allowed;
|
|
160
160
|
}
|
|
161
|
-
`,
|
|
161
|
+
`,Hi=It.ul`
|
|
162
162
|
position: absolute;
|
|
163
163
|
max-height: 500px;
|
|
164
164
|
top: 32px;
|
|
@@ -169,7 +169,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
169
169
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
170
170
|
z-index: 9999;
|
|
171
171
|
padding: 12px;
|
|
172
|
-
`,
|
|
172
|
+
`,qi=It.li`
|
|
173
173
|
width: calc(100% - 24px);
|
|
174
174
|
padding: 8px 12px;
|
|
175
175
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -181,34 +181,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
181
181
|
&:hover {
|
|
182
182
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
183
183
|
}
|
|
184
|
-
`,qi=It.div`
|
|
185
|
-
width: 100%;
|
|
186
184
|
`,Gi=It.div`
|
|
187
|
-
display: flex;
|
|
188
185
|
width: 100%;
|
|
189
186
|
`,Ki=It.div`
|
|
187
|
+
display: flex;
|
|
188
|
+
width: 100%;
|
|
189
|
+
`,Ji=It.div`
|
|
190
190
|
width: 1px;
|
|
191
191
|
height: 52px;
|
|
192
192
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
193
193
|
position: absolute;
|
|
194
194
|
left: 33px;
|
|
195
|
-
`,
|
|
195
|
+
`,Yi=It.div`
|
|
196
196
|
display: flex;
|
|
197
197
|
flex-direction: column;
|
|
198
198
|
gap: 4px;
|
|
199
|
-
`,
|
|
199
|
+
`,Xi=It(Bi)`
|
|
200
200
|
flex: 1;
|
|
201
201
|
font-size: 14px;
|
|
202
|
-
`,
|
|
202
|
+
`,Qi=It(Bi)`
|
|
203
203
|
color: ${({theme:e})=>e.text.grey};
|
|
204
204
|
font-size: 10px;
|
|
205
205
|
line-height: 150%;
|
|
206
|
-
`,
|
|
206
|
+
`,Zi=It.ul`
|
|
207
207
|
padding-left: 0px;
|
|
208
208
|
margin: 4px 0 0 0;
|
|
209
209
|
list-style: none;
|
|
210
210
|
width: 100%;
|
|
211
|
-
`,
|
|
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`
|
|
212
212
|
display: flex;
|
|
213
213
|
align-items: center;
|
|
214
214
|
justify-content: center;
|
|
@@ -220,15 +220,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
220
220
|
gap: 2px;
|
|
221
221
|
|
|
222
222
|
border-radius: 50px;
|
|
223
|
-
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":
|
|
223
|
+
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":Ai.opacity.hex["050"]):t?"transparent":e.colors.border};
|
|
224
224
|
background-color: ${({theme:e,$filled:t,$status:o})=>t?o?e.colors[o]:e.colors.majestic_blue:"transparent"};
|
|
225
225
|
color: ${({theme:e,$filled:t,$status:o})=>t&&o?e.text.secondary:t?e.text.white:o?e.text[o]:e.text.grey};
|
|
226
226
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
227
227
|
font-size: 12px;
|
|
228
228
|
white-space: nowrap;
|
|
229
229
|
|
|
230
|
-
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+
|
|
231
|
-
`,
|
|
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`
|
|
232
232
|
height: fit-content;
|
|
233
233
|
border: 2px solid transparent;
|
|
234
234
|
padding: 2px;
|
|
@@ -238,15 +238,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
238
238
|
&:focus-within {
|
|
239
239
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
240
240
|
}
|
|
241
|
-
`,
|
|
242
|
-
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"]};
|
|
243
243
|
background: ${({theme:e})=>e.colors.secondary};
|
|
244
244
|
color: ${({theme:e})=>e.colors.primary};
|
|
245
245
|
&:hover {
|
|
246
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
246
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["080"]};
|
|
247
247
|
}
|
|
248
248
|
&:active {
|
|
249
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
249
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["060"]};
|
|
250
250
|
}
|
|
251
251
|
`,secondary:Ft`
|
|
252
252
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -254,17 +254,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
254
254
|
color: ${({theme:e})=>e.colors.secondary};
|
|
255
255
|
&:hover {
|
|
256
256
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
257
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
257
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["010"]};
|
|
258
258
|
}
|
|
259
259
|
&:active {
|
|
260
260
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
261
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
261
|
+
background: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["015"]};
|
|
262
262
|
}
|
|
263
263
|
`,tertiary:Ft`
|
|
264
264
|
border-color: transparent;
|
|
265
265
|
background: transparent;
|
|
266
266
|
&:hover {
|
|
267
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
267
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+Ai.opacity.hex["040"]};
|
|
268
268
|
}
|
|
269
269
|
&:active {
|
|
270
270
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
@@ -273,21 +273,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
273
273
|
border-color: transparent;
|
|
274
274
|
background: ${({theme:e})=>e.text.error};
|
|
275
275
|
&:hover {
|
|
276
|
-
background: ${({theme:e})=>e.text.error+
|
|
276
|
+
background: ${({theme:e})=>e.text.error+Ai.opacity.hex["090"]};
|
|
277
277
|
}
|
|
278
278
|
&:active {
|
|
279
|
-
background: ${({theme:e})=>e.text.error+
|
|
279
|
+
background: ${({theme:e})=>e.text.error+Ai.opacity.hex["080"]};
|
|
280
280
|
}
|
|
281
281
|
`,warning:Ft`
|
|
282
282
|
border-color: transparent;
|
|
283
283
|
background: ${({theme:e})=>e.text.warning};
|
|
284
284
|
&:hover {
|
|
285
|
-
background: ${({theme:e})=>e.text.warning+
|
|
285
|
+
background: ${({theme:e})=>e.text.warning+Ai.opacity.hex["090"]};
|
|
286
286
|
}
|
|
287
287
|
&:active {
|
|
288
|
-
background: ${({theme:e})=>e.text.warning+
|
|
288
|
+
background: ${({theme:e})=>e.text.warning+Ai.opacity.hex["080"]};
|
|
289
289
|
}
|
|
290
|
-
`},
|
|
290
|
+
`},sa=It.button`
|
|
291
291
|
height: 36px;
|
|
292
292
|
border-radius: 32px;
|
|
293
293
|
cursor: pointer;
|
|
@@ -301,20 +301,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
301
301
|
text-decoration: underline;
|
|
302
302
|
font-weight: 600;
|
|
303
303
|
outline: none;
|
|
304
|
-
${({$variant:e})=>e&&
|
|
304
|
+
${({$variant:e})=>e&&ra[e]}
|
|
305
305
|
${({disabled:e,$variant:t})=>e&&Ft`
|
|
306
306
|
opacity: 0.5;
|
|
307
307
|
cursor: not-allowed;
|
|
308
308
|
|
|
309
309
|
${"primary"===t?Ft`
|
|
310
310
|
color: ${({theme:e})=>e.colors.secondary};
|
|
311
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
311
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["010"]};
|
|
312
312
|
&:hover {
|
|
313
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
313
|
+
background: ${({theme:e})=>e.text.secondary+Ai.opacity.hex["015"]};
|
|
314
314
|
}
|
|
315
315
|
`:""}
|
|
316
316
|
`}
|
|
317
|
-
`,
|
|
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`
|
|
318
318
|
flex: 1;
|
|
319
319
|
align-self: stretch;
|
|
320
320
|
display: flex;
|
|
@@ -322,7 +322,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
322
322
|
gap: 24px;
|
|
323
323
|
padding: 24px;
|
|
324
324
|
overflow-x: scroll;
|
|
325
|
-
`,
|
|
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`
|
|
326
336
|
display: flex;
|
|
327
337
|
flex-direction: row;
|
|
328
338
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -330,7 +340,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
330
340
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
331
341
|
gap: ${({$gap:e=2})=>e}px;
|
|
332
342
|
padding: ${({$padding:e="unset"})=>e};
|
|
333
|
-
`,
|
|
343
|
+
`,ua=It.div`
|
|
334
344
|
display: flex;
|
|
335
345
|
flex-direction: column;
|
|
336
346
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -338,43 +348,43 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
338
348
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
339
349
|
gap: ${({$gap:e=2})=>e}px;
|
|
340
350
|
padding: ${({$padding:e="unset"})=>e};
|
|
341
|
-
`,
|
|
351
|
+
`,ha=It(ua)`
|
|
342
352
|
width: ${({$width:e})=>e||"100%"};
|
|
343
353
|
height: ${({$height:e})=>e||"unset"};
|
|
344
354
|
align-items: center;
|
|
345
355
|
justify-content: center;
|
|
346
|
-
`,
|
|
356
|
+
`,ma=It.div`
|
|
347
357
|
display: flex;
|
|
348
358
|
flex-direction: column;
|
|
349
359
|
padding: 12px;
|
|
350
360
|
overflow-y: scroll;
|
|
351
|
-
`,
|
|
352
|
-
position: fixed;
|
|
361
|
+
`,ga=It.div`
|
|
362
|
+
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
353
363
|
top: 0;
|
|
354
364
|
left: 0;
|
|
355
365
|
right: 0;
|
|
356
366
|
bottom: 0;
|
|
357
367
|
z-index: 1000;
|
|
358
|
-
background: rgba(0, 0, 0, 0.
|
|
359
|
-
backdrop-filter: blur(
|
|
360
|
-
`,
|
|
368
|
+
background: rgba(0, 0, 0, 0.6);
|
|
369
|
+
backdrop-filter: blur(2px);
|
|
370
|
+
`,xa=It.div`
|
|
361
371
|
width: 800px;
|
|
362
372
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
363
373
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
364
374
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
365
375
|
padding: 0 2px;
|
|
366
376
|
overflow-y: scroll;
|
|
367
|
-
|
|
377
|
+
`,$a=It(ua)`
|
|
368
378
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
369
379
|
width: 100%;
|
|
370
|
-
`,
|
|
380
|
+
`,fa=It(pa)`
|
|
371
381
|
gap: 16px;
|
|
372
382
|
padding: 16px;
|
|
373
|
-
|
|
383
|
+
`,ba=It.div`
|
|
374
384
|
width: 100%;
|
|
375
385
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
376
386
|
overflow-y: auto;
|
|
377
|
-
`,
|
|
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`
|
|
378
388
|
width: ${({$size:e})=>1.5*e}px;
|
|
379
389
|
height: ${({$size:e})=>1.5*e}px;
|
|
380
390
|
border-radius: 100%;
|
|
@@ -385,11 +395,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
385
395
|
&:hover {
|
|
386
396
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
387
397
|
}
|
|
388
|
-
`,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=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)}}},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]=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(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.replace("t","T").replace("z","Z")),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)`
|
|
389
399
|
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
390
400
|
animation-duration: ${n}ms;
|
|
391
401
|
animation-fill-mode: forwards;
|
|
392
|
-
`;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`
|
|
393
403
|
position: fixed;
|
|
394
404
|
top: 50%;
|
|
395
405
|
left: 50%;
|
|
@@ -399,27 +409,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
399
409
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
400
410
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
401
411
|
border-radius: 40px;
|
|
402
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
403
|
-
`,
|
|
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`
|
|
404
414
|
display: flex;
|
|
405
415
|
justify-content: space-between;
|
|
406
416
|
align-items: center;
|
|
407
417
|
height: 80px;
|
|
408
418
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
409
419
|
padding: 0 24px;
|
|
410
|
-
`,
|
|
420
|
+
`,Qa=It.div`
|
|
411
421
|
cursor: pointer;
|
|
412
422
|
display: flex;
|
|
413
423
|
align-items: center;
|
|
414
424
|
gap: 8px;
|
|
415
|
-
`,
|
|
425
|
+
`,Za=It.div`
|
|
416
426
|
display: flex;
|
|
417
427
|
align-items: center;
|
|
418
428
|
gap: 8px;
|
|
419
|
-
`,
|
|
429
|
+
`,er=It(ha)`
|
|
420
430
|
min-width: 350px;
|
|
421
431
|
min-height: 150px;
|
|
422
|
-
`,
|
|
432
|
+
`,tr=It.div`
|
|
423
433
|
position: absolute;
|
|
424
434
|
left: 50%;
|
|
425
435
|
transform: translateX(-50%);
|
|
@@ -428,24 +438,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
428
438
|
justify-content: center;
|
|
429
439
|
width: 100%;
|
|
430
440
|
pointer-events: none;
|
|
431
|
-
`,
|
|
441
|
+
`,or=It(Bi)`
|
|
432
442
|
text-transform: uppercase;
|
|
433
443
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
434
444
|
pointer-events: auto;
|
|
435
|
-
`,
|
|
445
|
+
`,nr=It(Bi)`
|
|
436
446
|
text-transform: uppercase;
|
|
437
447
|
font-weight: 500;
|
|
438
448
|
font-size: 14px;
|
|
439
449
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
440
450
|
text-decoration: underline;
|
|
441
451
|
cursor: pointer;
|
|
442
|
-
`,
|
|
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`
|
|
443
453
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
444
454
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
445
455
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
446
|
-
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"]};
|
|
447
457
|
opacity: ${({$opacity:e})=>e||1};
|
|
448
|
-
`,
|
|
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`
|
|
449
459
|
position: absolute;
|
|
450
460
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
451
461
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -460,24 +470,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
460
470
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
461
471
|
|
|
462
472
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
463
|
-
`,
|
|
473
|
+
`,lr=It.div`
|
|
464
474
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
465
475
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
466
|
-
`,
|
|
476
|
+
`,cr=It.div`
|
|
467
477
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
468
|
-
`,
|
|
478
|
+
`,dr=It.div`
|
|
469
479
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
470
480
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
471
|
-
`,
|
|
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`
|
|
472
482
|
position: relative;
|
|
473
483
|
display: flex;
|
|
474
484
|
align-items: center;
|
|
475
485
|
gap: 4px;
|
|
476
486
|
// cursor: help;
|
|
477
|
-
`,
|
|
487
|
+
`,hr=It(Bi)`
|
|
478
488
|
word-break: break-word;
|
|
479
489
|
white-space: pre-wrap;
|
|
480
|
-
`,
|
|
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`
|
|
481
491
|
position: relative;
|
|
482
492
|
width: ${({$size:e})=>e}px;
|
|
483
493
|
height: ${({$size:e})=>e}px;
|
|
@@ -489,9 +499,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
489
499
|
justify-content: center;
|
|
490
500
|
cursor: pointer;
|
|
491
501
|
&:hover {
|
|
492
|
-
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};
|
|
493
503
|
}
|
|
494
|
-
`,
|
|
504
|
+
`,xr=It.div`
|
|
495
505
|
position: absolute;
|
|
496
506
|
top: ${({$size:e})=>e/5}px;
|
|
497
507
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -506,17 +516,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
506
516
|
inset: 0;
|
|
507
517
|
border-radius: 100%;
|
|
508
518
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
509
|
-
animation: ${
|
|
519
|
+
animation: ${Ai.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
510
520
|
}
|
|
511
|
-
|
|
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`
|
|
512
522
|
position: relative;
|
|
513
523
|
&.animated {
|
|
514
524
|
overflow: hidden;
|
|
515
525
|
padding-bottom: 1px;
|
|
516
526
|
border-radius: 32px;
|
|
517
|
-
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;
|
|
518
528
|
}
|
|
519
|
-
|
|
529
|
+
`,br=It.div`
|
|
520
530
|
position: absolute;
|
|
521
531
|
bottom: -1px;
|
|
522
532
|
left: 0;
|
|
@@ -525,8 +535,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
525
535
|
height: 100%;
|
|
526
536
|
border-radius: 32px;
|
|
527
537
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
528
|
-
animation: ${
|
|
529
|
-
`,
|
|
538
|
+
animation: ${Ai.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
539
|
+
`,yr=It.div`
|
|
530
540
|
display: flex;
|
|
531
541
|
align-items: center;
|
|
532
542
|
flex: 1;
|
|
@@ -534,20 +544,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
534
544
|
padding: 0 12px;
|
|
535
545
|
border-radius: 32px;
|
|
536
546
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
537
|
-
`,
|
|
547
|
+
`,wr=It.div`
|
|
538
548
|
display: flex;
|
|
539
549
|
align-items: center;
|
|
540
550
|
margin: 0 auto 0 0;
|
|
541
551
|
padding: 8px 0;
|
|
542
552
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
543
553
|
min-height: 12px;
|
|
544
|
-
`,
|
|
554
|
+
`,kr=It(Bi)`
|
|
545
555
|
font-size: 14px;
|
|
546
556
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
547
|
-
`,
|
|
557
|
+
`,vr=It(Bi)`
|
|
548
558
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
549
559
|
font-size: 12px;
|
|
550
|
-
`,
|
|
560
|
+
`,Cr=It(pa)``,Er=It(Bi)`
|
|
551
561
|
text-transform: uppercase;
|
|
552
562
|
text-decoration: underline;
|
|
553
563
|
font-size: 12px;
|
|
@@ -558,34 +568,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
558
568
|
transform: scale(1.1);
|
|
559
569
|
transition: transform 0.3s;
|
|
560
570
|
}
|
|
561
|
-
`,
|
|
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`
|
|
562
572
|
padding: 24px 32px;
|
|
563
|
-
`,
|
|
573
|
+
`,Dr=It.div`
|
|
564
574
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
565
|
-
`,
|
|
575
|
+
`,Tr=It(Bi)`
|
|
566
576
|
font-size: 20px;
|
|
567
577
|
line-height: 28px;
|
|
568
|
-
`,
|
|
578
|
+
`,Nr=It(Bi)`
|
|
569
579
|
color: ${({theme:e})=>e.text.grey};
|
|
570
580
|
width: 416px;
|
|
571
581
|
font-style: normal;
|
|
572
582
|
font-weight: 300;
|
|
573
583
|
line-height: 24px;
|
|
574
|
-
`,
|
|
584
|
+
`,Ir=It.div`
|
|
575
585
|
display: flex;
|
|
576
586
|
justify-content: space-between;
|
|
577
587
|
gap: 12px;
|
|
578
|
-
`,
|
|
588
|
+
`,zr=It(la)`
|
|
579
589
|
width: 250px;
|
|
580
|
-
`,
|
|
590
|
+
`,Or=It.div`
|
|
581
591
|
margin-bottom: 12px;
|
|
582
|
-
`,
|
|
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`
|
|
583
593
|
display: flex;
|
|
584
594
|
align-items: center;
|
|
585
595
|
gap: 8px;
|
|
586
596
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
587
597
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
588
|
-
`,
|
|
598
|
+
`,Lr=It.div`
|
|
589
599
|
width: 18px;
|
|
590
600
|
height: 18px;
|
|
591
601
|
border-radius: 6px;
|
|
@@ -593,15 +603,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
593
603
|
display: flex;
|
|
594
604
|
align-items: center;
|
|
595
605
|
justify-content: center;
|
|
596
|
-
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"]};
|
|
597
607
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
598
608
|
transition: border 0.3s;
|
|
599
609
|
&:hover {
|
|
600
610
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
601
611
|
}
|
|
602
|
-
`,
|
|
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)`
|
|
603
613
|
gap: 0;
|
|
604
|
-
`,
|
|
614
|
+
`,Mr=It.button`
|
|
605
615
|
padding: 4px 8px;
|
|
606
616
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
607
617
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -613,22 +623,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
613
623
|
&:hover {
|
|
614
624
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
615
625
|
}
|
|
616
|
-
`,
|
|
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`
|
|
617
627
|
border-collapse: collapse;
|
|
618
628
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
619
|
-
`,
|
|
629
|
+
`,Wr=It.tbody``,Vr=It.tr`
|
|
620
630
|
td:first-child {
|
|
621
631
|
padding-left: 0 !important;
|
|
622
632
|
}
|
|
623
633
|
td:last-child {
|
|
624
634
|
padding-right: 0 !important;
|
|
625
635
|
}
|
|
626
|
-
`,
|
|
636
|
+
`,Hr=It.td`
|
|
627
637
|
vertical-align: top;
|
|
628
638
|
padding: 4px 6px;
|
|
629
|
-
`,
|
|
639
|
+
`,qr=It(Bi)`
|
|
630
640
|
white-space: nowrap;
|
|
631
|
-
`,
|
|
641
|
+
`,Gr=It.span`
|
|
632
642
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
633
643
|
overflow-wrap: break-word;
|
|
634
644
|
word-break: break-word;
|
|
@@ -636,56 +646,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
636
646
|
/* Fallback for older browsers */
|
|
637
647
|
-ms-word-break: break-all;
|
|
638
648
|
font-size: 12px;
|
|
639
|
-
`,
|
|
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`
|
|
640
650
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
641
651
|
display: flex;
|
|
642
652
|
align-items: center;
|
|
643
653
|
justify-content: center;
|
|
644
|
-
`,
|
|
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`
|
|
645
655
|
border-radius: 24px;
|
|
646
|
-
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"]};
|
|
647
657
|
&:hover {
|
|
648
|
-
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"]};
|
|
649
659
|
}
|
|
650
660
|
cursor: pointer;
|
|
651
661
|
transition: background 0.3s;
|
|
652
|
-
`,
|
|
662
|
+
`,is=It.div`
|
|
653
663
|
display: flex;
|
|
654
664
|
align-items: center;
|
|
655
665
|
gap: 12px;
|
|
656
666
|
padding: 12px 18px;
|
|
657
|
-
`,
|
|
667
|
+
`,as=It.div`
|
|
658
668
|
display: flex;
|
|
659
669
|
flex-direction: column;
|
|
660
670
|
gap: 8px;
|
|
661
671
|
padding: 6px 18px 12px 18px;
|
|
662
|
-
`,
|
|
672
|
+
`,rs=It.div`
|
|
663
673
|
display: flex;
|
|
664
674
|
align-items: center;
|
|
665
675
|
gap: 12px;
|
|
666
|
-
`,
|
|
676
|
+
`,ss=It(Bi)`
|
|
667
677
|
white-space: nowrap;
|
|
668
|
-
`,
|
|
678
|
+
`,ls=It(ua)`
|
|
669
679
|
width: 16px;
|
|
670
|
-
`,
|
|
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`
|
|
671
681
|
display: flex;
|
|
672
682
|
align-items: center;
|
|
673
683
|
gap: ${({$size:e})=>e/3}px;
|
|
674
684
|
padding: ${({$size:e,$withBorder:t,$withBackground:o})=>t||o?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
675
685
|
width: ${({$width:e})=>e||"fit-content"};
|
|
676
686
|
border-radius: 360px;
|
|
677
|
-
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+
|
|
678
|
-
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+
|
|
679
|
-
`,
|
|
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`
|
|
680
690
|
display: flex;
|
|
681
691
|
align-items: center;
|
|
682
|
-
`,
|
|
692
|
+
`,us=It.div`
|
|
683
693
|
display: flex;
|
|
684
694
|
align-items: center;
|
|
685
|
-
`,
|
|
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)`
|
|
686
696
|
width: 100%;
|
|
687
697
|
border-radius: 8px;
|
|
688
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
698
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["010"]};
|
|
689
699
|
pre {
|
|
690
700
|
color: ${({theme:e})=>e.text.default};
|
|
691
701
|
font-size: 12px;
|
|
@@ -693,7 +703,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
693
703
|
width: 100%;
|
|
694
704
|
padding-left: 12px;
|
|
695
705
|
}
|
|
696
|
-
`,
|
|
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)`
|
|
697
707
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
698
708
|
white-space: nowrap;
|
|
699
709
|
overflow-x: auto;
|
|
@@ -703,15 +713,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
703
713
|
content: '';
|
|
704
714
|
display: block;
|
|
705
715
|
}
|
|
706
|
-
`,
|
|
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`
|
|
707
717
|
display: flex;
|
|
708
718
|
align-items: center;
|
|
709
719
|
justify-content: center;
|
|
710
720
|
width: ${({$size:e})=>e}px;
|
|
711
721
|
height: ${({$size:e})=>e}px;
|
|
712
722
|
border-radius: 8px;
|
|
713
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
714
|
-
`,
|
|
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`
|
|
715
725
|
position: relative;
|
|
716
726
|
display: flex;
|
|
717
727
|
flex-wrap: wrap;
|
|
@@ -719,7 +729,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
719
729
|
justify-content: center;
|
|
720
730
|
width: ${({$size:e})=>e}px;
|
|
721
731
|
height: ${({$size:e})=>e}px;
|
|
722
|
-
`,
|
|
732
|
+
`,Es=It.div`
|
|
723
733
|
position: absolute;
|
|
724
734
|
top: ${({$top:e})=>e}px;
|
|
725
735
|
left: ${({$left:e})=>e}px;
|
|
@@ -730,94 +740,94 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
730
740
|
width: ${({$size:e})=>e}px;
|
|
731
741
|
height: ${({$size:e})=>e}px;
|
|
732
742
|
border-radius: 100%;
|
|
733
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
734
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
735
|
-
`,
|
|
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`
|
|
736
746
|
visibility: hidden;
|
|
737
|
-
`,
|
|
747
|
+
`,Ns=It.div`
|
|
738
748
|
display: flex;
|
|
739
749
|
flex-direction: column;
|
|
740
750
|
align-self: stretch;
|
|
741
751
|
padding: 16px;
|
|
742
752
|
width: calc(100% - 32px);
|
|
743
753
|
border-radius: 16px;
|
|
744
|
-
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"])};
|
|
745
755
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
746
756
|
|
|
747
757
|
${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?Ft`
|
|
748
758
|
&:hover {
|
|
749
759
|
cursor: pointer;
|
|
750
|
-
background-color: ${o||(t?e.text[t]+
|
|
751
|
-
${
|
|
760
|
+
background-color: ${o||(t?e.text[t]+Ai.opacity.hex["020"]:e.colors.secondary+Ai.opacity.hex["010"])};
|
|
761
|
+
${Ts} {
|
|
752
762
|
visibility: visible;
|
|
753
763
|
}
|
|
754
764
|
}
|
|
755
|
-
`:`\n &:hover {\n ${
|
|
756
|
-
`,
|
|
765
|
+
`:`\n &:hover {\n ${Ts} {\n visibility: visible;\n }\n }\n `}
|
|
766
|
+
`,Is=It.div`
|
|
757
767
|
display: flex;
|
|
758
768
|
align-items: center;
|
|
759
769
|
gap: 8px;
|
|
760
770
|
margin-left: auto;
|
|
761
|
-
`,
|
|
771
|
+
`,zs=It(Bi)`
|
|
762
772
|
margin-right: 16px;
|
|
763
|
-
`,
|
|
773
|
+
`,Os=It(Bi)`
|
|
764
774
|
font-size: 10px;
|
|
765
775
|
color: ${({theme:e})=>e.text.grey};
|
|
766
|
-
`,
|
|
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)`
|
|
767
777
|
width: 100%;
|
|
768
778
|
justify-content: space-between;
|
|
769
|
-
`,
|
|
779
|
+
`,Rs=It(Bi)`
|
|
770
780
|
font-size: 12px;
|
|
771
781
|
color: ${({theme:e})=>e.text.grey};
|
|
772
|
-
`,
|
|
782
|
+
`,Ls=It(Bi)`
|
|
773
783
|
font-size: 10px;
|
|
774
784
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
775
|
-
`,
|
|
785
|
+
`,Bs=It.div`
|
|
776
786
|
display: flex;
|
|
777
787
|
align-items: center;
|
|
778
788
|
gap: 8px;
|
|
779
789
|
margin-left: auto;
|
|
780
|
-
`,
|
|
790
|
+
`,Ps=It(Bi)`
|
|
781
791
|
font-size: 12px;
|
|
782
792
|
text-align: right;
|
|
783
|
-
`,
|
|
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)`
|
|
784
794
|
width: 100%;
|
|
785
|
-
`,
|
|
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`
|
|
786
796
|
display: flex;
|
|
787
797
|
flex-direction: column;
|
|
788
798
|
align-items: center;
|
|
789
|
-
`,
|
|
799
|
+
`,Vs=It.div`
|
|
790
800
|
display: flex;
|
|
791
801
|
align-items: center;
|
|
792
802
|
gap: 8px;
|
|
793
|
-
`,
|
|
803
|
+
`,Hs=It(Bi)`
|
|
794
804
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
795
|
-
`,
|
|
805
|
+
`,qs=It(Bi)`
|
|
796
806
|
color: ${({theme:e})=>e.colors.border};
|
|
797
807
|
font-size: 14px;
|
|
798
808
|
font-weight: 200;
|
|
799
809
|
line-height: 20px;
|
|
800
810
|
text-align: center;
|
|
801
|
-
`,
|
|
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)`
|
|
802
812
|
max-width: 300px;
|
|
803
813
|
padding: 12px;
|
|
804
814
|
border-radius: 12px;
|
|
805
815
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
806
816
|
justify-content: center;
|
|
807
|
-
`,
|
|
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`
|
|
808
818
|
padding: 6px;
|
|
809
819
|
border-radius: 12px;
|
|
810
820
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
811
821
|
cursor: pointer;
|
|
812
|
-
`,
|
|
822
|
+
`,Xs=It.div`
|
|
813
823
|
position: relative;
|
|
814
|
-
`,
|
|
824
|
+
`,Qs=It(pa)`
|
|
815
825
|
position: absolute;
|
|
816
826
|
bottom: -24px;
|
|
817
827
|
left: 50%;
|
|
818
828
|
transform: translateX(-50%);
|
|
819
829
|
gap: 4px;
|
|
820
|
-
`,
|
|
830
|
+
`,Zs=It.div`
|
|
821
831
|
position: absolute;
|
|
822
832
|
bottom: 100%;
|
|
823
833
|
left: 100%;
|
|
@@ -826,12 +836,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
826
836
|
border-radius: 16px;
|
|
827
837
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
828
838
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
829
|
-
`,
|
|
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`
|
|
830
840
|
height: calc(100vh - 160px);
|
|
831
841
|
.react-flow__attribution {
|
|
832
842
|
visibility: hidden;
|
|
833
843
|
}
|
|
834
|
-
`,
|
|
844
|
+
`,nl=It.div`
|
|
835
845
|
button {
|
|
836
846
|
padding: 8px;
|
|
837
847
|
margin: 8px;
|
|
@@ -845,13 +855,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
845
855
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
846
856
|
}
|
|
847
857
|
}
|
|
848
|
-
`,
|
|
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`
|
|
849
859
|
display: flex;
|
|
850
860
|
|
|
851
861
|
align-items: center;
|
|
852
862
|
gap: 6px;
|
|
853
863
|
margin-bottom: 4px;
|
|
854
|
-
`,
|
|
864
|
+
`,sl=It(Bi)`
|
|
855
865
|
font-size: 14px;
|
|
856
866
|
opacity: 0.8;
|
|
857
867
|
line-height: 22px;
|
|
@@ -859,16 +869,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
859
869
|
white-space: nowrap;
|
|
860
870
|
text-overflow: ellipsis;
|
|
861
871
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
862
|
-
`,
|
|
872
|
+
`,ll=It(Bi)`
|
|
863
873
|
font-size: 12px;
|
|
864
874
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
865
875
|
opacity: 0.8;
|
|
866
|
-
`,
|
|
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`
|
|
867
877
|
display: flex;
|
|
868
878
|
flex-direction: column;
|
|
869
879
|
position: relative;
|
|
870
880
|
width: 100%;
|
|
871
|
-
`,
|
|
881
|
+
`,pl=It.div`
|
|
872
882
|
width: 100%;
|
|
873
883
|
display: flex;
|
|
874
884
|
align-items: center;
|
|
@@ -894,7 +904,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
894
904
|
&:focus-within {
|
|
895
905
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
896
906
|
}
|
|
897
|
-
`,
|
|
907
|
+
`,ul=It.input`
|
|
898
908
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
899
909
|
flex: 1;
|
|
900
910
|
min-width: 150px;
|
|
@@ -923,13 +933,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
923
933
|
-webkit-appearance: none;
|
|
924
934
|
margin: 0;
|
|
925
935
|
}
|
|
926
|
-
`,
|
|
936
|
+
`,hl=It.div`
|
|
927
937
|
display: flex;
|
|
928
938
|
align-items: center;
|
|
929
939
|
margin-left: 12px;
|
|
930
|
-
`,
|
|
940
|
+
`,ml=It(hl)`
|
|
931
941
|
cursor: pointer;
|
|
932
|
-
`,
|
|
942
|
+
`,gl=It.button`
|
|
933
943
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
934
944
|
border: none;
|
|
935
945
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -944,15 +954,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
944
954
|
background-color: ${({theme:e})=>e.colors.border};
|
|
945
955
|
cursor: not-allowed;
|
|
946
956
|
}
|
|
947
|
-
`,
|
|
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`
|
|
948
958
|
display: flex;
|
|
949
959
|
flex-direction: column;
|
|
950
960
|
min-width: 120px;
|
|
951
961
|
width: 100%;
|
|
952
962
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
953
|
-
`,
|
|
963
|
+
`,fl=It.div`
|
|
954
964
|
position: relative;
|
|
955
|
-
|
|
965
|
+
`,bl=It.div`
|
|
956
966
|
display: flex;
|
|
957
967
|
align-items: center;
|
|
958
968
|
justify-content: space-between;
|
|
@@ -978,14 +988,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
978
988
|
&:hover {
|
|
979
989
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
980
990
|
}
|
|
981
|
-
`,
|
|
991
|
+
`,yl=It.div`
|
|
982
992
|
display: flex;
|
|
983
993
|
align-items: center;
|
|
984
994
|
gap: 4px;
|
|
985
|
-
`,
|
|
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)`
|
|
986
996
|
max-width: calc(100% - 50px);
|
|
987
997
|
overflow-x: auto;
|
|
988
|
-
`,
|
|
998
|
+
`,vl=It(Bi)`
|
|
989
999
|
display: flex;
|
|
990
1000
|
align-items: center;
|
|
991
1001
|
gap: 2px;
|
|
@@ -1000,7 +1010,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1000
1010
|
transition: transform 0.3s;
|
|
1001
1011
|
}
|
|
1002
1012
|
}
|
|
1003
|
-
`,
|
|
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`
|
|
1004
1014
|
position: absolute;
|
|
1005
1015
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1006
1016
|
left: 0;
|
|
@@ -1015,11 +1025,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1015
1025
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1016
1026
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1017
1027
|
border-radius: 24px;
|
|
1018
|
-
`,
|
|
1028
|
+
`,Al=It.div`
|
|
1019
1029
|
display: flex;
|
|
1020
1030
|
flex-direction: column;
|
|
1021
1031
|
align-items: center;
|
|
1022
|
-
`,
|
|
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`
|
|
1023
1033
|
padding: 8px 12px;
|
|
1024
1034
|
cursor: pointer;
|
|
1025
1035
|
display: flex;
|
|
@@ -1028,23 +1038,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1028
1038
|
border-radius: 32px;
|
|
1029
1039
|
&:hover,
|
|
1030
1040
|
&.selected {
|
|
1031
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1041
|
+
background: ${({theme:e})=>e.colors.majestic_blue+Ai.opacity.hex["024"]};
|
|
1032
1042
|
}
|
|
1033
|
-
`,
|
|
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)`
|
|
1034
1044
|
gap: 12px;
|
|
1035
|
-
`,
|
|
1045
|
+
`,zl=It(pa)`
|
|
1036
1046
|
width: 100%;
|
|
1037
1047
|
gap: 12px;
|
|
1038
1048
|
align-items: flex-end;
|
|
1039
|
-
`,
|
|
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`
|
|
1040
1050
|
position: relative;
|
|
1041
|
-
`,
|
|
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)`
|
|
1042
1052
|
width: 100%;
|
|
1043
1053
|
justify-content: center;
|
|
1044
|
-
`,
|
|
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`
|
|
1045
1055
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1046
1056
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1047
|
-
`,
|
|
1057
|
+
`,Pl=It.td`
|
|
1048
1058
|
position: relative;
|
|
1049
1059
|
width: fit-content;
|
|
1050
1060
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1052,7 +1062,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1052
1062
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1053
1063
|
font-size: 14px;
|
|
1054
1064
|
white-space: nowrap;
|
|
1055
|
-
`,
|
|
1065
|
+
`,Ml=It(Bi)`
|
|
1056
1066
|
font-size: 14px;
|
|
1057
1067
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1058
1068
|
line-height: 16px;
|
|
@@ -1065,7 +1075,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1065
1075
|
display: -webkit-box;
|
|
1066
1076
|
-webkit-line-clamp: 2;
|
|
1067
1077
|
-webkit-box-orient: vertical;
|
|
1068
|
-
`,
|
|
1078
|
+
`,jl=It.div`
|
|
1069
1079
|
position: absolute;
|
|
1070
1080
|
top: 0;
|
|
1071
1081
|
left: 0;
|
|
@@ -1073,57 +1083,57 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1073
1083
|
width: ${({$width:e})=>e}px;
|
|
1074
1084
|
height: ${({$height:e})=>e}px;
|
|
1075
1085
|
border-radius: 16px;
|
|
1076
|
-
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+
|
|
1077
|
-
`,
|
|
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`
|
|
1078
1088
|
width: 100%;
|
|
1079
|
-
`,
|
|
1089
|
+
`,Vl=It.table`
|
|
1080
1090
|
position: relative;
|
|
1081
1091
|
z-index: 0;
|
|
1082
1092
|
width: 100%;
|
|
1083
1093
|
border-collapse: separate;
|
|
1084
1094
|
border-spacing: 0 12px;
|
|
1085
|
-
`,
|
|
1095
|
+
`,Hl=It.thead`
|
|
1086
1096
|
// only supported with "border-collapse: collapse;"
|
|
1087
1097
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1088
1098
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1089
|
-
`,
|
|
1099
|
+
`,ql=It.th`
|
|
1090
1100
|
// only required with "border-collapse: separate;"
|
|
1091
1101
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1092
1102
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1093
1103
|
|
|
1094
1104
|
padding: 8px;
|
|
1095
|
-
`,
|
|
1105
|
+
`,Gl=It(pa)`
|
|
1096
1106
|
cursor: pointer;
|
|
1097
1107
|
&:hover {
|
|
1098
1108
|
* {
|
|
1099
1109
|
color: ${({theme:e})=>e.text.secondary};
|
|
1100
1110
|
}
|
|
1101
1111
|
}
|
|
1102
|
-
`,
|
|
1112
|
+
`,Kl=It(Bi)`
|
|
1103
1113
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1104
1114
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1105
1115
|
text-transform: uppercase;
|
|
1106
1116
|
font-size: 12px;
|
|
1107
1117
|
font-weight: 500;
|
|
1108
1118
|
text-wrap: nowrap;
|
|
1109
|
-
`,
|
|
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`
|
|
1110
1120
|
display: flex;
|
|
1111
1121
|
flex-wrap: wrap;
|
|
1112
1122
|
gap: 16px 32px;
|
|
1113
1123
|
width: 100%;
|
|
1114
|
-
`,
|
|
1124
|
+
`,Zl=It.div`
|
|
1115
1125
|
display: flex;
|
|
1116
1126
|
flex-direction: column;
|
|
1117
1127
|
gap: 2px;
|
|
1118
1128
|
width: ${({$width:e})=>e};
|
|
1119
|
-
`,
|
|
1129
|
+
`,ec=It(Bi)`
|
|
1120
1130
|
color: ${({theme:e})=>e.text.grey};
|
|
1121
1131
|
font-size: 10px;
|
|
1122
1132
|
line-height: 16px;
|
|
1123
|
-
`,
|
|
1133
|
+
`,tc=It(Bi)`
|
|
1124
1134
|
font-size: 12px;
|
|
1125
1135
|
white-space: pre-wrap;
|
|
1126
|
-
`,
|
|
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`
|
|
1127
1137
|
display: flex;
|
|
1128
1138
|
flex-direction: column;
|
|
1129
1139
|
align-items: flex-start;
|
|
@@ -1132,90 +1142,90 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1132
1142
|
padding: 24px;
|
|
1133
1143
|
border-radius: 24px;
|
|
1134
1144
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1135
|
-
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"};
|
|
1136
1146
|
transition: background-color 0.3s;
|
|
1137
|
-
`,
|
|
1147
|
+
`,ac=It.div`
|
|
1138
1148
|
width: 100%;
|
|
1139
1149
|
display: flex;
|
|
1140
1150
|
flex-direction: column;
|
|
1141
1151
|
gap: 4px;
|
|
1142
1152
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1143
|
-
`,
|
|
1153
|
+
`,rc=It(Bi)`
|
|
1144
1154
|
width: 100%;
|
|
1145
1155
|
display: flex;
|
|
1146
1156
|
align-items: center;
|
|
1147
1157
|
gap: 8px;
|
|
1148
1158
|
font-size: 16px;
|
|
1149
|
-
`,
|
|
1159
|
+
`,sc=It(Bi)`
|
|
1150
1160
|
font-size: 12px;
|
|
1151
1161
|
color: ${({theme:e})=>e.text.grey};
|
|
1152
|
-
`,
|
|
1162
|
+
`,lc=It(pa)`
|
|
1153
1163
|
margin-left: auto;
|
|
1154
1164
|
gap: 8px;
|
|
1155
|
-
`,
|
|
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`
|
|
1156
1166
|
visibility: hidden;
|
|
1157
|
-
`,
|
|
1167
|
+
`,pc=It(pa)`
|
|
1158
1168
|
align-self: stretch;
|
|
1159
1169
|
width: calc(100% - 32px);
|
|
1160
1170
|
padding: 16px;
|
|
1161
1171
|
border-radius: 16px;
|
|
1162
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1172
|
+
background-color: ${({theme:e})=>e.colors.secondary+Ai.opacity.hex["005"]};
|
|
1163
1173
|
${({theme:e,$withClick:t})=>t?Ft`
|
|
1164
1174
|
&:hover {
|
|
1165
1175
|
cursor: pointer;
|
|
1166
|
-
background-color: ${e.colors.secondary+
|
|
1167
|
-
${
|
|
1176
|
+
background-color: ${e.colors.secondary+Ai.opacity.hex["010"]};
|
|
1177
|
+
${dc} {
|
|
1168
1178
|
visibility: visible;
|
|
1169
1179
|
}
|
|
1170
1180
|
}
|
|
1171
|
-
`:`\n &:hover {\n ${
|
|
1172
|
-
`,
|
|
1181
|
+
`:`\n &:hover {\n ${dc} {\n visibility: visible;\n }\n }\n `}
|
|
1182
|
+
`,uc=It(pa)`
|
|
1173
1183
|
margin-left: auto;
|
|
1174
1184
|
gap: 8px;
|
|
1175
|
-
`,
|
|
1185
|
+
`,hc=It(Bi)`
|
|
1176
1186
|
font-size: 10px;
|
|
1177
1187
|
color: ${({theme:e})=>e.text.grey};
|
|
1178
|
-
`,
|
|
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)`
|
|
1179
1189
|
display: flex;
|
|
1180
1190
|
align-items: center;
|
|
1181
1191
|
justify-content: center;
|
|
1182
1192
|
font-size: 14px;
|
|
1183
1193
|
gap: 6px;
|
|
1184
1194
|
min-width: 100px;
|
|
1185
|
-
|
|
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)`
|
|
1186
1196
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1187
|
-
|
|
1197
|
+
`,bc=It.div`
|
|
1188
1198
|
display: flex;
|
|
1189
1199
|
align-items: center;
|
|
1190
1200
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1191
1201
|
cursor: pointer;
|
|
1192
|
-
`,
|
|
1202
|
+
`,yc=It(Bi)`
|
|
1193
1203
|
padding: 12px;
|
|
1194
1204
|
font-size: 14px;
|
|
1195
1205
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1196
|
-
`,
|
|
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`
|
|
1197
1207
|
padding: 0px 32px;
|
|
1198
1208
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1199
|
-
`,
|
|
1209
|
+
`,vc=It.div`
|
|
1200
1210
|
height: 76px;
|
|
1201
1211
|
display: flex;
|
|
1202
1212
|
justify-content: space-between;
|
|
1203
1213
|
flex-shrink: 0;
|
|
1204
1214
|
align-self: stretch;
|
|
1205
|
-
`,
|
|
1215
|
+
`,Cc=It.div`
|
|
1206
1216
|
display: flex;
|
|
1207
1217
|
align-items: center;
|
|
1208
1218
|
gap: ${({$gap:e})=>e||16}px;
|
|
1209
|
-
`,
|
|
1219
|
+
`,Ec=It(Bi)`
|
|
1210
1220
|
font-size: 18px;
|
|
1211
1221
|
line-height: 26px;
|
|
1212
1222
|
max-width: ${({$maxWidth:e})=>e};
|
|
1213
1223
|
overflow: hidden;
|
|
1214
1224
|
white-space: nowrap;
|
|
1215
1225
|
text-overflow: ellipsis;
|
|
1216
|
-
`,
|
|
1226
|
+
`,Sc=It(la)`
|
|
1217
1227
|
gap: 8px;
|
|
1218
|
-
`,
|
|
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`
|
|
1219
1229
|
display: flex;
|
|
1220
1230
|
justify-content: space-between;
|
|
1221
1231
|
gap: 8px;
|
|
@@ -1223,16 +1233,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1223
1233
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1224
1234
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1225
1235
|
transform: translateY(100%);
|
|
1226
|
-
`,
|
|
1236
|
+
`,Nc=It(pa)`
|
|
1227
1237
|
margin-right: auto;
|
|
1228
|
-
`,
|
|
1238
|
+
`,Ic=It(pa)`
|
|
1229
1239
|
margin: 0 auto;
|
|
1230
|
-
`,
|
|
1240
|
+
`,zc=It(pa)`
|
|
1231
1241
|
margin-left: auto;
|
|
1232
|
-
`,
|
|
1242
|
+
`,Oc=It(la)`
|
|
1233
1243
|
min-width: 140px;
|
|
1234
1244
|
font-size: 14px;
|
|
1235
|
-
`,
|
|
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`
|
|
1236
1246
|
position: fixed;
|
|
1237
1247
|
top: 0;
|
|
1238
1248
|
bottom: 0;
|
|
@@ -1240,55 +1250,55 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1240
1250
|
z-index: 1000;
|
|
1241
1251
|
width: ${({$width:e})=>e};
|
|
1242
1252
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1243
|
-
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"]};
|
|
1244
1254
|
overflow-y: auto;
|
|
1245
|
-
`,
|
|
1255
|
+
`,Rc=It.div`
|
|
1246
1256
|
display: flex;
|
|
1247
1257
|
flex-direction: column;
|
|
1248
1258
|
height: 100%;
|
|
1249
|
-
`,
|
|
1259
|
+
`,Lc=It.div`
|
|
1250
1260
|
flex-grow: 1;
|
|
1251
1261
|
padding: 24px 32px;
|
|
1252
1262
|
overflow-y: auto;
|
|
1253
|
-
`,
|
|
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)`
|
|
1254
1264
|
position: relative;
|
|
1255
1265
|
width: calc(100% - 24px);
|
|
1256
1266
|
padding: 12px;
|
|
1257
1267
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1258
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1259
|
-
`,
|
|
1268
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Ai.opacity.hex["050"]};
|
|
1269
|
+
`,Uc=It(pa)`
|
|
1260
1270
|
margin-right: auto;
|
|
1261
1271
|
margin-left: 32px;
|
|
1262
1272
|
gap: 12px;
|
|
1263
|
-
`,
|
|
1273
|
+
`,Wc=It(pa)`
|
|
1264
1274
|
margin-left: auto;
|
|
1265
1275
|
margin-right: 32px;
|
|
1266
1276
|
gap: 12px;
|
|
1267
|
-
`,
|
|
1277
|
+
`,Vc=It(pa)`
|
|
1268
1278
|
position: absolute;
|
|
1269
1279
|
left: 50%;
|
|
1270
1280
|
transform: translateX(-50%);
|
|
1271
1281
|
gap: 12px;
|
|
1272
|
-
`,
|
|
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)`
|
|
1273
1283
|
color: ${({theme:e})=>e.text.grey};
|
|
1274
|
-
`,
|
|
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`
|
|
1275
1285
|
width: fit-content;
|
|
1276
1286
|
height: fit-content;
|
|
1277
1287
|
padding: 4px;
|
|
1278
1288
|
gap: 4px;
|
|
1279
1289
|
border-radius: 32px;
|
|
1280
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1290
|
+
border: 1px solid ${({theme:e})=>e.colors.border+Ai.opacity.hex["070"]};
|
|
1281
1291
|
|
|
1282
1292
|
display: flex;
|
|
1283
1293
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1284
1294
|
align-items: center;
|
|
1285
1295
|
justify-content: center;
|
|
1286
|
-
`,
|
|
1296
|
+
`,Jc=It.div`
|
|
1287
1297
|
width: 32px;
|
|
1288
1298
|
height: 32px;
|
|
1289
1299
|
|
|
1290
1300
|
border-radius: 100%;
|
|
1291
|
-
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"]};
|
|
1292
1302
|
transition: background-color 0.3s;
|
|
1293
1303
|
|
|
1294
1304
|
display: flex;
|
|
@@ -1296,63 +1306,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1296
1306
|
justify-content: center;
|
|
1297
1307
|
|
|
1298
1308
|
cursor: pointer;
|
|
1299
|
-
`,
|
|
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`
|
|
1300
1310
|
display: flex;
|
|
1301
1311
|
flex-direction: column;
|
|
1302
1312
|
width: 100%;
|
|
1303
|
-
`,
|
|
1313
|
+
`,Qc=It.div`
|
|
1304
1314
|
display: flex;
|
|
1305
1315
|
flex-direction: column;
|
|
1306
1316
|
gap: 8px;
|
|
1307
|
-
`,
|
|
1317
|
+
`,Zc=It.div`
|
|
1308
1318
|
display: flex;
|
|
1309
1319
|
align-items: center;
|
|
1310
1320
|
gap: 16px;
|
|
1311
|
-
`,
|
|
1321
|
+
`,ed=It($r)`
|
|
1312
1322
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1313
1323
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1314
|
-
`,
|
|
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`
|
|
1315
1325
|
display: flex;
|
|
1316
1326
|
flex-direction: column;
|
|
1317
1327
|
width: 100%;
|
|
1318
|
-
`,
|
|
1328
|
+
`,id=It.button`
|
|
1319
1329
|
margin-top: ${({$marginTop:e})=>e};
|
|
1320
1330
|
background: none;
|
|
1321
1331
|
border: none;
|
|
1322
1332
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1323
1333
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1324
|
-
`,
|
|
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`
|
|
1325
1335
|
display: flex;
|
|
1326
1336
|
flex-direction: column;
|
|
1327
1337
|
width: 100%;
|
|
1328
|
-
`,
|
|
1338
|
+
`,sd=It.div`
|
|
1329
1339
|
display: flex;
|
|
1330
1340
|
flex-direction: column;
|
|
1331
1341
|
gap: 8px;
|
|
1332
|
-
`,
|
|
1342
|
+
`,ld=It.div`
|
|
1333
1343
|
display: flex;
|
|
1334
1344
|
align-items: center;
|
|
1335
1345
|
gap: 8px;
|
|
1336
|
-
`,
|
|
1346
|
+
`,cd=It.div`
|
|
1337
1347
|
width: 100%;
|
|
1338
1348
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1339
|
-
`,
|
|
1349
|
+
`,dd=It($r)`
|
|
1340
1350
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1341
1351
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1342
|
-
`,
|
|
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`
|
|
1343
1353
|
0% {
|
|
1344
1354
|
background-position: 0% 50%;
|
|
1345
1355
|
}
|
|
1346
1356
|
100% {
|
|
1347
1357
|
background-position: 100% 50%;
|
|
1348
1358
|
}
|
|
1349
|
-
`,
|
|
1359
|
+
`,md=It(Bi)`
|
|
1350
1360
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1351
1361
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1352
1362
|
background-clip: text;
|
|
1353
1363
|
color: transparent;
|
|
1354
|
-
animation: ${
|
|
1355
|
-
`,
|
|
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`
|
|
1356
1366
|
display: flex;
|
|
1357
1367
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1358
1368
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1361,51 +1371,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1361
1371
|
border-radius: 32px;
|
|
1362
1372
|
padding: 8px;
|
|
1363
1373
|
`}
|
|
1364
|
-
|
|
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`
|
|
1365
1375
|
display: flex;
|
|
1366
1376
|
gap: 8px;
|
|
1367
1377
|
align-items: center;
|
|
1368
|
-
`,
|
|
1378
|
+
`,yd=It(la)`
|
|
1369
1379
|
display: flex;
|
|
1370
1380
|
align-items: center;
|
|
1371
1381
|
justify-content: center;
|
|
1372
1382
|
gap: 8px;
|
|
1373
1383
|
min-width: 90px;
|
|
1374
|
-
`,
|
|
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`
|
|
1375
1385
|
height: ${({$height:e})=>e}px;
|
|
1376
1386
|
width: 100%;
|
|
1377
1387
|
overflow: auto;
|
|
1378
|
-
`,
|
|
1388
|
+
`,vd=It.div`
|
|
1379
1389
|
height: ${({$height:e})=>e}px;
|
|
1380
1390
|
width: 100%;
|
|
1381
1391
|
position: relative;
|
|
1382
|
-
`,
|
|
1392
|
+
`,Cd=It.div`
|
|
1383
1393
|
height: ${({$height:e})=>e}px;
|
|
1384
1394
|
width: 100%;
|
|
1385
1395
|
position: absolute;
|
|
1386
1396
|
top: 0;
|
|
1387
1397
|
left: 0;
|
|
1388
1398
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1389
|
-
`,
|
|
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`
|
|
1390
1400
|
display: flex;
|
|
1391
1401
|
justify-content: space-between;
|
|
1392
1402
|
align-items: center;
|
|
1393
1403
|
gap: 16px;
|
|
1394
|
-
`,
|
|
1404
|
+
`,Ad=It.div`
|
|
1395
1405
|
display: flex;
|
|
1396
1406
|
flex-direction: column;
|
|
1397
1407
|
gap: 4px;
|
|
1398
|
-
`,
|
|
1408
|
+
`,Dd=It.div`
|
|
1399
1409
|
display: flex;
|
|
1400
1410
|
align-items: center;
|
|
1401
1411
|
gap: 8px;
|
|
1402
|
-
`,
|
|
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`
|
|
1403
1413
|
position: relative;
|
|
1404
1414
|
gap: 0;
|
|
1405
1415
|
z-index: 0;
|
|
1406
1416
|
display: grid;
|
|
1407
1417
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1408
|
-
`,
|
|
1418
|
+
`,Od=It.button`
|
|
1409
1419
|
flex: 1;
|
|
1410
1420
|
display: flex;
|
|
1411
1421
|
align-items: center;
|
|
@@ -1419,7 +1429,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1419
1429
|
&:hover {
|
|
1420
1430
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1421
1431
|
}
|
|
1422
|
-
`,
|
|
1432
|
+
`,_d=It.div`
|
|
1423
1433
|
position: absolute;
|
|
1424
1434
|
top: ${({$y:e})=>e}px;
|
|
1425
1435
|
left: ${({$x:e})=>e}px;
|
|
@@ -1429,85 +1439,85 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1429
1439
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1430
1440
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1431
1441
|
transition: all 0.3s;
|
|
1432
|
-
`,
|
|
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)`
|
|
1433
1443
|
gap: 8px;
|
|
1434
1444
|
text-transform: none;
|
|
1435
1445
|
text-decoration: none;
|
|
1436
1446
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1437
1447
|
&.not-selected {
|
|
1438
|
-
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"]};
|
|
1439
1449
|
&:hover {
|
|
1440
1450
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1441
1451
|
}
|
|
1442
1452
|
}
|
|
1443
1453
|
&.selected {
|
|
1444
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1454
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+Ai.opacity.hex["030"]};
|
|
1445
1455
|
}
|
|
1446
|
-
`,
|
|
1456
|
+
`,Ld=It(Bi)`
|
|
1447
1457
|
white-space: nowrap;
|
|
1448
1458
|
overflow: hidden;
|
|
1449
1459
|
text-overflow: ellipsis;
|
|
1450
1460
|
font-size: 14px;
|
|
1451
|
-
`,
|
|
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`
|
|
1452
1462
|
display: flex;
|
|
1453
1463
|
flex-direction: column;
|
|
1454
1464
|
gap: 16px;
|
|
1455
1465
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1456
|
-
`,
|
|
1466
|
+
`,Md=It.div`
|
|
1457
1467
|
display: flex;
|
|
1458
1468
|
align-items: center;
|
|
1459
1469
|
gap: 16px;
|
|
1460
|
-
`,
|
|
1470
|
+
`,jd=It.div`
|
|
1461
1471
|
width: 50px;
|
|
1462
1472
|
height: 50px;
|
|
1463
1473
|
border-radius: 8px;
|
|
1464
1474
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1465
1475
|
background-size: 200% 100%;
|
|
1466
|
-
animation: ${
|
|
1467
|
-
`,
|
|
1476
|
+
animation: ${Ai.animations.shimmer} 10s infinite linear;
|
|
1477
|
+
`,Ud=It(ua)`
|
|
1468
1478
|
flex: 1;
|
|
1469
1479
|
gap: 12px;
|
|
1470
|
-
`,
|
|
1480
|
+
`,Wd=It.div`
|
|
1471
1481
|
width: ${({$width:e})=>e};
|
|
1472
1482
|
height: 16px;
|
|
1473
1483
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1474
1484
|
background-size: 200% 100%;
|
|
1475
|
-
animation: ${
|
|
1485
|
+
animation: ${Ai.animations.shimmer} 1.5s infinite linear;
|
|
1476
1486
|
border-radius: 4px;
|
|
1477
|
-
`,
|
|
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`
|
|
1478
1488
|
display: flex;
|
|
1479
1489
|
flex-direction: column;
|
|
1480
1490
|
gap: 32px;
|
|
1481
|
-
`,
|
|
1491
|
+
`,Gd=It.div`
|
|
1482
1492
|
display: flex;
|
|
1483
1493
|
gap: 16px;
|
|
1484
1494
|
padding: 8px;
|
|
1485
|
-
opacity: ${({$state:e})=>e===
|
|
1495
|
+
opacity: ${({$state:e})=>e===Hd.Active?1:e===Hd.Disabled?.5:.8};
|
|
1486
1496
|
transition: all 0.3s;
|
|
1487
|
-
`,
|
|
1497
|
+
`,Kd=It(pa)`
|
|
1488
1498
|
justify-content: center;
|
|
1489
1499
|
width: 24px;
|
|
1490
1500
|
height: 24px;
|
|
1491
1501
|
border-radius: 32px;
|
|
1492
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1493
|
-
opacity: ${({$state:e})=>e===
|
|
1494
|
-
`,
|
|
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)`
|
|
1495
1505
|
justify-content: center;
|
|
1496
1506
|
gap: 8px;
|
|
1497
|
-
`,
|
|
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)`
|
|
1498
1508
|
width: fit-content;
|
|
1499
1509
|
gap: 6px;
|
|
1500
1510
|
padding: 6px 12px;
|
|
1501
1511
|
border-radius: 360px;
|
|
1502
1512
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1503
|
-
`,
|
|
1513
|
+
`,ep=It(Bi)`
|
|
1504
1514
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1505
|
-
`,
|
|
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`
|
|
1506
1516
|
display: flex;
|
|
1507
1517
|
flex-direction: column;
|
|
1508
1518
|
position: relative;
|
|
1509
1519
|
width: 100%;
|
|
1510
|
-
`,
|
|
1520
|
+
`,np=It.div`
|
|
1511
1521
|
width: 100%;
|
|
1512
1522
|
display: flex;
|
|
1513
1523
|
align-items: center;
|
|
@@ -1535,7 +1545,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1535
1545
|
&:focus-within {
|
|
1536
1546
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1537
1547
|
}
|
|
1538
|
-
`,
|
|
1548
|
+
`,ip=It.textarea`
|
|
1539
1549
|
flex: 1;
|
|
1540
1550
|
border: none;
|
|
1541
1551
|
outline: none;
|
|
@@ -1559,13 +1569,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1559
1569
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1560
1570
|
cursor: not-allowed;
|
|
1561
1571
|
}
|
|
1562
|
-
`,
|
|
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`
|
|
1563
1573
|
display: flex;
|
|
1564
1574
|
align-items: center;
|
|
1565
1575
|
gap: 12px;
|
|
1566
1576
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1567
1577
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1568
|
-
`,
|
|
1578
|
+
`,sp=It.div`
|
|
1569
1579
|
width: 24px;
|
|
1570
1580
|
height: 12px;
|
|
1571
1581
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1587,11 +1597,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1587
1597
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1588
1598
|
transition: background-color 0.3s, transform 0.3s;
|
|
1589
1599
|
}
|
|
1590
|
-
`,
|
|
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`
|
|
1591
1601
|
width: ${({$width:e})=>e}px;
|
|
1592
1602
|
height: ${({$height:e})=>e}px;
|
|
1593
1603
|
position: relative;
|
|
1594
|
-
`,
|
|
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`
|
|
1595
1605
|
display: flex;
|
|
1596
1606
|
align-items: center;
|
|
1597
1607
|
justify-content: center;
|
|
@@ -1601,14 +1611,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1601
1611
|
`}
|
|
1602
1612
|
border: none;
|
|
1603
1613
|
border-radius: 6px;
|
|
1604
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1614
|
+
${({$size:e,$hasLabel:t})=>e===hp.S?Ft`
|
|
1605
1615
|
height: 32px;
|
|
1606
1616
|
${t?Ft`
|
|
1607
1617
|
padding: 8px 16px;
|
|
1608
1618
|
`:Ft`
|
|
1609
1619
|
width: 32px;
|
|
1610
1620
|
`}
|
|
1611
|
-
`:e===
|
|
1621
|
+
`:e===hp.M?Ft`
|
|
1612
1622
|
height: 38px;
|
|
1613
1623
|
${t?Ft`
|
|
1614
1624
|
padding: 8px 18px;
|
|
@@ -1633,7 +1643,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1633
1643
|
${({$withShadow:e})=>e?Ft`
|
|
1634
1644
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1635
1645
|
`:""}
|
|
1636
|
-
${({$variant:e})=>e===
|
|
1646
|
+
${({$variant:e})=>e===up.Primary?Ft`
|
|
1637
1647
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1638
1648
|
&:hover {
|
|
1639
1649
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1641,7 +1651,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1641
1651
|
&:active {
|
|
1642
1652
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1643
1653
|
}
|
|
1644
|
-
`:e===
|
|
1654
|
+
`:e===up.Secondary?Ft`
|
|
1645
1655
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1646
1656
|
&:hover {
|
|
1647
1657
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1649,7 +1659,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1649
1659
|
&:active {
|
|
1650
1660
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1651
1661
|
}
|
|
1652
|
-
`:e===
|
|
1662
|
+
`:e===up.Text?Ft`
|
|
1653
1663
|
background-color: transparent;
|
|
1654
1664
|
&:hover {
|
|
1655
1665
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1659,7 +1669,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1659
1669
|
}
|
|
1660
1670
|
`:""}
|
|
1661
1671
|
}
|
|
1662
|
-
`,
|
|
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`
|
|
1663
1673
|
width: 100%;
|
|
1664
1674
|
padding: 0;
|
|
1665
1675
|
padding-right: 12px;
|
|
@@ -1679,7 +1689,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1679
1689
|
&:disabled {
|
|
1680
1690
|
cursor: not-allowed;
|
|
1681
1691
|
}
|
|
1682
|
-
|
|
1692
|
+
`,$p=It.div`
|
|
1683
1693
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1684
1694
|
height: 56px;
|
|
1685
1695
|
display: flex;
|
|
@@ -1690,13 +1700,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1690
1700
|
`:Ft`
|
|
1691
1701
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1692
1702
|
`}
|
|
1693
|
-
`,
|
|
1703
|
+
`,fp=It.div`
|
|
1694
1704
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1695
1705
|
display: flex;
|
|
1696
1706
|
justify-content: space-between;
|
|
1697
1707
|
align-items: center;
|
|
1698
1708
|
gap: 8px;
|
|
1699
|
-
|
|
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`
|
|
1700
1710
|
display: flex;
|
|
1701
1711
|
align-items: center;
|
|
1702
1712
|
flex-wrap: wrap;
|
|
@@ -1704,13 +1714,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1704
1714
|
padding: 4px 12px;
|
|
1705
1715
|
border-radius: 12px;
|
|
1706
1716
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1707
|
-
`,
|
|
1717
|
+
`,kp=It.div`
|
|
1708
1718
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1709
1719
|
margin: 8px;
|
|
1710
1720
|
display: flex;
|
|
1711
1721
|
flex-direction: column;
|
|
1712
1722
|
gap: 4px;
|
|
1713
|
-
`,
|
|
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`
|
|
1714
1724
|
width: ${({$width:e})=>e||"unset"};
|
|
1715
1725
|
padding: 6px 12px;
|
|
1716
1726
|
display: flex;
|
|
@@ -1722,7 +1732,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1722
1732
|
border: none;
|
|
1723
1733
|
border-radius: 6px;
|
|
1724
1734
|
background: ${({$isHovered:e,$isActive:t,theme:o})=>e||t?o.v2.colors.silver[700]:o.v2.colors.silver[800]};
|
|
1725
|
-
`,
|
|
1735
|
+
`,Ep=It.input`
|
|
1726
1736
|
flex: 1;
|
|
1727
1737
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1728
1738
|
font-size: 14px;
|
|
@@ -1738,28 +1748,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1738
1748
|
overflow: hidden;
|
|
1739
1749
|
text-overflow: ellipsis;
|
|
1740
1750
|
white-space: nowrap;
|
|
1741
|
-
`,
|
|
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`
|
|
1742
1752
|
width: fit-content;
|
|
1743
1753
|
display: flex;
|
|
1744
1754
|
align-items: center;
|
|
1745
1755
|
gap: 8px;
|
|
1746
1756
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1747
|
-
`,
|
|
1748
|
-
width: ${({$size:e})=>e===
|
|
1749
|
-
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"};
|
|
1750
1760
|
display: flex;
|
|
1751
1761
|
align-items: center;
|
|
1752
1762
|
justify-content: center;
|
|
1753
1763
|
border-radius: 4px;
|
|
1754
1764
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1755
1765
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1756
|
-
`,
|
|
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`
|
|
1757
1767
|
display: flex;
|
|
1758
1768
|
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
1759
1769
|
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
1760
|
-
`,
|
|
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`
|
|
1761
1771
|
position: relative;
|
|
1762
|
-
`,
|
|
1772
|
+
`,Fp=It.div`
|
|
1763
1773
|
display: flex;
|
|
1764
1774
|
flex-direction: column;
|
|
1765
1775
|
gap: 0;
|
|
@@ -1772,7 +1782,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1772
1782
|
position: absolute;
|
|
1773
1783
|
top: ${({$withButton:e})=>e?"calc(100% + 8px)":"0"};
|
|
1774
1784
|
${({$align:e})=>`${e}: 0;`}
|
|
1775
|
-
`,
|
|
1785
|
+
`,Rp=It.div`
|
|
1776
1786
|
display: flex;
|
|
1777
1787
|
align-items: center;
|
|
1778
1788
|
gap: 8px;
|
|
@@ -1788,7 +1798,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1788
1798
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1789
1799
|
}
|
|
1790
1800
|
`}
|
|
1791
|
-
`,
|
|
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`
|
|
1792
1802
|
display: flex;
|
|
1793
1803
|
flex-direction: column;
|
|
1794
1804
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -1796,7 +1806,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1796
1806
|
padding: ${({$padding:e})=>e}px;
|
|
1797
1807
|
border-radius: 16px;
|
|
1798
1808
|
background-color: ${({$backgroundWeight:e,theme:t})=>t.v2.colors.silver[e]};
|
|
1799
|
-
`,
|
|
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`
|
|
1800
1810
|
flex: 1;
|
|
1801
1811
|
align-self: stretch;
|
|
1802
1812
|
display: flex;
|
|
@@ -1805,7 +1815,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1805
1815
|
padding: 16px;
|
|
1806
1816
|
border-radius: 12px;
|
|
1807
1817
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,t===xo.Unknown?"750":"500")};
|
|
1808
|
-
`,
|
|
1818
|
+
`,Wp=It.div`
|
|
1809
1819
|
display: flex;
|
|
1810
1820
|
align-items: center;
|
|
1811
1821
|
justify-content: center;
|
|
@@ -1813,8 +1823,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1813
1823
|
height: fit-content;
|
|
1814
1824
|
padding: 8px;
|
|
1815
1825
|
border-radius: 12px;
|
|
1816
|
-
background-color: ${({theme:e,$status:t})=>t===xo.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+
|
|
1817
|
-
`,
|
|
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`
|
|
1818
1828
|
flex: 1;
|
|
1819
1829
|
align-self: stretch;
|
|
1820
1830
|
display: flex;
|
|
@@ -1823,7 +1833,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1823
1833
|
padding: 12px;
|
|
1824
1834
|
border-radius: 12px;
|
|
1825
1835
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1826
|
-
`,
|
|
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)`
|
|
1827
1837
|
width: calc(100% - 20px);
|
|
1828
1838
|
padding: 10px;
|
|
1829
1839
|
border-radius: 6px;
|
|
@@ -1832,34 +1842,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1832
1842
|
align-items: center;
|
|
1833
1843
|
justify-content: space-between;
|
|
1834
1844
|
gap: 12px;
|
|
1835
|
-
`,
|
|
1845
|
+
`,Jp=It.div`
|
|
1836
1846
|
position: relative;
|
|
1837
1847
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1838
1848
|
display: flex;
|
|
1839
1849
|
align-items: center;
|
|
1840
1850
|
gap: 4px;
|
|
1841
|
-
`,
|
|
1851
|
+
`,Yp=It.pre`
|
|
1842
1852
|
flex: 1;
|
|
1843
1853
|
margin: 0;
|
|
1844
1854
|
padding: 0;
|
|
1845
1855
|
font-size: 14px;
|
|
1846
1856
|
color: #5ffb98; // TODO: add to theme
|
|
1847
1857
|
overflow-x: auto;
|
|
1848
|
-
`,
|
|
1858
|
+
`,Xp=It.span`
|
|
1849
1859
|
flex-shrink: 0;
|
|
1850
1860
|
font-size: 14px;
|
|
1851
1861
|
color: #5ffb98; // TODO: add to theme
|
|
1852
|
-
`,
|
|
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`
|
|
1853
1863
|
display: flex;
|
|
1854
1864
|
align-items: center;
|
|
1855
1865
|
justify-content: space-between;
|
|
1856
1866
|
width: calc(100% - 24px);
|
|
1857
1867
|
padding: 12px;
|
|
1858
|
-
`,
|
|
1868
|
+
`,eu=It.div`
|
|
1859
1869
|
display: flex;
|
|
1860
1870
|
align-items: center;
|
|
1861
1871
|
gap: 16px;
|
|
1862
|
-
`,
|
|
1872
|
+
`,tu=It.div`
|
|
1863
1873
|
display: flex;
|
|
1864
1874
|
align-items: center;
|
|
1865
1875
|
justify-content: center;
|
|
@@ -1867,11 +1877,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1867
1877
|
height: 32px;
|
|
1868
1878
|
border-radius: 8px;
|
|
1869
1879
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1870
|
-
`,
|
|
1880
|
+
`,ou=It.div`
|
|
1871
1881
|
display: flex;
|
|
1872
1882
|
align-items: center;
|
|
1873
1883
|
gap: 12px;
|
|
1874
|
-
`,
|
|
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`
|
|
1875
1885
|
position: fixed;
|
|
1876
1886
|
top: 0;
|
|
1877
1887
|
bottom: 0;
|
|
@@ -1883,8 +1893,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1883
1893
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1884
1894
|
overflow: hidden;
|
|
1885
1895
|
|
|
1886
|
-
animation-name: ${({$position:e})=>
|
|
1887
|
-
`,
|
|
1896
|
+
animation-name: ${({$position:e})=>Ai.animations.slide.in[e]};
|
|
1897
|
+
`,au=It.div`
|
|
1888
1898
|
display: flex;
|
|
1889
1899
|
flex-direction: column;
|
|
1890
1900
|
gap: 16px;
|
|
@@ -1893,7 +1903,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1893
1903
|
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1894
1904
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1895
1905
|
overflow-y: auto;
|
|
1896
|
-
`,
|
|
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`
|
|
1897
1907
|
position: relative;
|
|
1898
1908
|
width: calc(100% - 36px);
|
|
1899
1909
|
padding: 12px 18px;
|
|
@@ -1901,12 +1911,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1901
1911
|
display: flex;
|
|
1902
1912
|
align-items: center;
|
|
1903
1913
|
justify-content: space-between;
|
|
1904
|
-
`,
|
|
1914
|
+
`,lu=It(pa)`
|
|
1905
1915
|
position: absolute;
|
|
1906
1916
|
left: 50%;
|
|
1907
1917
|
transform: translateX(-50%);
|
|
1908
1918
|
gap: 16px;
|
|
1909
|
-
`,
|
|
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`
|
|
1910
1920
|
display: flex;
|
|
1911
1921
|
align-items: center;
|
|
1912
1922
|
gap: 2px;
|
|
@@ -1920,17 +1930,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1920
1930
|
right: ${({$right:e})=>e||"12px"};
|
|
1921
1931
|
top: 50%;
|
|
1922
1932
|
transform: translateY(-50%);
|
|
1923
|
-
`,
|
|
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`
|
|
1924
1934
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1925
1935
|
font-size: 14px;
|
|
1926
1936
|
font-weight: 400;
|
|
1927
1937
|
color: ${({theme:e})=>e.text.error};
|
|
1928
|
-
`,
|
|
1938
|
+
`,hu=It.span`
|
|
1929
1939
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1930
1940
|
font-size: 14px;
|
|
1931
1941
|
font-weight: 400;
|
|
1932
1942
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1933
|
-
`,
|
|
1943
|
+
`,mu=It.div`
|
|
1934
1944
|
padding: 12px;
|
|
1935
1945
|
display: flex;
|
|
1936
1946
|
align-self: stretch;
|
|
@@ -1947,7 +1957,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1947
1957
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1948
1958
|
}
|
|
1949
1959
|
`}
|
|
1950
|
-
`,
|
|
1960
|
+
`,gu=It.input`
|
|
1951
1961
|
flex: 1;
|
|
1952
1962
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1953
1963
|
font-size: 14px;
|
|
@@ -1971,16 +1981,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1971
1981
|
overflow: hidden;
|
|
1972
1982
|
text-overflow: ellipsis;
|
|
1973
1983
|
white-space: nowrap;
|
|
1974
|
-
`,
|
|
1984
|
+
`,xu=It.div`
|
|
1975
1985
|
cursor: pointer;
|
|
1976
|
-
|
|
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`
|
|
1977
1987
|
0% {
|
|
1978
1988
|
background-position: 0% 50%;
|
|
1979
1989
|
}
|
|
1980
1990
|
100% {
|
|
1981
1991
|
background-position: 100% 50%;
|
|
1982
1992
|
}
|
|
1983
|
-
|
|
1993
|
+
`,bu=It(Ii)`
|
|
1984
1994
|
display: flex;
|
|
1985
1995
|
align-items: center;
|
|
1986
1996
|
gap: 4px;
|
|
@@ -1989,9 +1999,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1989
1999
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1990
2000
|
background-clip: text;
|
|
1991
2001
|
color: transparent;
|
|
1992
|
-
animation: ${
|
|
1993
|
-
`,
|
|
1994
|
-
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"};
|
|
1995
2005
|
top: 50%;
|
|
1996
2006
|
left: 50%;
|
|
1997
2007
|
transform: translate(-50%, -50%);
|
|
@@ -2002,14 +2012,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2002
2012
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
2003
2013
|
overflow: hidden;
|
|
2004
2014
|
|
|
2005
|
-
animation-name: ${
|
|
2006
|
-
`,
|
|
2015
|
+
animation-name: ${Ai.animations.slide.in.center};
|
|
2016
|
+
`,ku=It.div`
|
|
2007
2017
|
position: relative;
|
|
2008
|
-
`,
|
|
2018
|
+
`,vu=It.div`
|
|
2009
2019
|
position: absolute;
|
|
2010
2020
|
top: 16px;
|
|
2011
2021
|
left: 16px;
|
|
2012
|
-
`,
|
|
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`
|
|
2013
2023
|
display: flex;
|
|
2014
2024
|
flex-direction: column;
|
|
2015
2025
|
gap: 8px;
|
|
@@ -2018,14 +2028,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2018
2028
|
padding: 16px 12px;
|
|
2019
2029
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2020
2030
|
overflow-y: auto;
|
|
2021
|
-
`,
|
|
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`
|
|
2022
2032
|
display: flex;
|
|
2023
2033
|
align-items: center;
|
|
2024
2034
|
gap: 10px;
|
|
2025
2035
|
padding: 4px;
|
|
2026
2036
|
border-radius: 8px;
|
|
2027
2037
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"1000":"900")};
|
|
2028
|
-
`,
|
|
2038
|
+
`,Du=It.div`
|
|
2029
2039
|
width: 36px;
|
|
2030
2040
|
height: 36px;
|
|
2031
2041
|
display: flex;
|
|
@@ -2033,33 +2043,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2033
2043
|
justify-content: center;
|
|
2034
2044
|
border-radius: 6px;
|
|
2035
2045
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"900":"800")};
|
|
2036
|
-
`,
|
|
2046
|
+
`,Tu=It.div`
|
|
2037
2047
|
margin-left: auto;
|
|
2038
2048
|
margin-right: 8px;
|
|
2039
2049
|
cursor: pointer;
|
|
2040
2050
|
&:hover {
|
|
2041
2051
|
transform: scale(1.2);
|
|
2042
2052
|
}
|
|
2043
|
-
`,
|
|
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`
|
|
2044
2054
|
width: fit-content;
|
|
2045
2055
|
display: flex;
|
|
2046
2056
|
align-items: center;
|
|
2047
2057
|
gap: 8px;
|
|
2048
2058
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2049
|
-
`,
|
|
2050
|
-
width: ${({$size:e})=>e===
|
|
2051
|
-
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"};
|
|
2052
2062
|
display: flex;
|
|
2053
2063
|
align-items: center;
|
|
2054
2064
|
justify-content: center;
|
|
2055
2065
|
border-radius: 100%;
|
|
2056
2066
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2057
2067
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2058
|
-
`,
|
|
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`
|
|
2059
2069
|
display: flex;
|
|
2060
2070
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2061
2071
|
gap: ${({$gap:e})=>e}px;
|
|
2062
|
-
`,
|
|
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`
|
|
2063
2073
|
position: relative;
|
|
2064
2074
|
z-index: 0;
|
|
2065
2075
|
display: flex;
|
|
@@ -2068,7 +2078,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2068
2078
|
border-radius: 8px;
|
|
2069
2079
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
2070
2080
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2071
|
-
`,
|
|
2081
|
+
`,Bu=It.button`
|
|
2072
2082
|
flex: 1;
|
|
2073
2083
|
display: flex;
|
|
2074
2084
|
align-items: center;
|
|
@@ -2079,40 +2089,40 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2079
2089
|
border: none;
|
|
2080
2090
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:"transparent"};
|
|
2081
2091
|
box-shadow: ${({$isSelected:e})=>e?"0 0 11px 0 rgba(0, 0, 0, 0.32)":"none"};
|
|
2082
|
-
cursor: pointer;
|
|
2092
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2083
2093
|
&:hover {
|
|
2084
2094
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
2085
2095
|
}
|
|
2086
|
-
`,
|
|
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`
|
|
2087
2097
|
max-height: ${({$maxHeight:e})=>e};
|
|
2088
2098
|
width: 100%;
|
|
2089
2099
|
overflow: auto;
|
|
2090
|
-
`,
|
|
2100
|
+
`,Uu=It.table`
|
|
2091
2101
|
width: 100%;
|
|
2092
2102
|
|
|
2093
|
-
${({$variant:e})=>{switch(e){case
|
|
2103
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Ft`
|
|
2094
2104
|
border-collapse: collapse;
|
|
2095
|
-
`;case
|
|
2105
|
+
`;case Mu.Pretty:return Ft`
|
|
2096
2106
|
border-collapse: separate;
|
|
2097
2107
|
border-spacing: 0 8px;
|
|
2098
2108
|
`;default:return""}}}
|
|
2099
|
-
`,
|
|
2109
|
+
`,Wu=It.thead`
|
|
2100
2110
|
position: sticky;
|
|
2101
2111
|
top: 0;
|
|
2102
2112
|
z-index: 100;
|
|
2103
|
-
`,
|
|
2113
|
+
`,Vu=It.th`
|
|
2104
2114
|
position: relative;
|
|
2105
2115
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2106
2116
|
padding: 18px 24px;
|
|
2107
2117
|
border: none;
|
|
2108
2118
|
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
2109
2119
|
|
|
2110
|
-
${({$variant:e})=>{switch(e){case
|
|
2120
|
+
${({$variant:e})=>{switch(e){case Mu.Data:return Ft`
|
|
2111
2121
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2112
|
-
`;case
|
|
2122
|
+
`;case Mu.Pretty:return Ft`
|
|
2113
2123
|
background-color: transparent;
|
|
2114
2124
|
`;default:return""}}}
|
|
2115
|
-
`,
|
|
2125
|
+
`,Hu=It.div`
|
|
2116
2126
|
position: absolute;
|
|
2117
2127
|
top: 50%;
|
|
2118
2128
|
right: 0;
|
|
@@ -2120,23 +2130,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2120
2130
|
width: 1px;
|
|
2121
2131
|
height: 18px;
|
|
2122
2132
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2123
|
-
`,
|
|
2133
|
+
`,qu=It.tbody``,Gu=It.td`
|
|
2124
2134
|
position: relative;
|
|
2125
2135
|
padding: 18px 24px;
|
|
2126
2136
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2127
2137
|
|
|
2128
|
-
${({$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`
|
|
2129
2139
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2130
2140
|
border-left: none;
|
|
2131
2141
|
border-right: none;
|
|
2132
2142
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2133
2143
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2134
|
-
`;case
|
|
2144
|
+
`;case Mu.Pretty:return Ft`
|
|
2135
2145
|
border: none;
|
|
2136
2146
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2137
2147
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2138
2148
|
`;default:return""}}}
|
|
2139
|
-
`,
|
|
2149
|
+
`,Ku=It.div`
|
|
2140
2150
|
width: 100%;
|
|
2141
2151
|
display: flex;
|
|
2142
2152
|
align-items: center;
|
|
@@ -2149,7 +2159,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2149
2159
|
fill: ${({theme:e})=>e.v2.colors.white[500]};
|
|
2150
2160
|
}
|
|
2151
2161
|
}
|
|
2152
|
-
`,
|
|
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,partiallySelected:r,allSelected:s,onSelectAll:l})=>{const c=_t();return xt.createElement("tr",null,a&&xt.createElement(Vu,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Np,{partiallyChecked:r&&!s,value:s||!1,onChange:l})),t.map(({key:r,label:s,sortable:l,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:l||!1,$textAlign:p,onClick:()=>l?i(r):null},xt.createElement(Ii,{size:Ti.XS,align:p},s),l&&xt.createElement(dt,{fill:n===r?c.v2.colors.white[500]:c.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,partiallySelected:i.length>0&&i.some(e=>e.isSelected),allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),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`
|
|
2153
2163
|
display: flex;
|
|
2154
2164
|
align-items: center;
|
|
2155
2165
|
justify-content: center;
|
|
@@ -2172,11 +2182,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2172
2182
|
`:Ft`
|
|
2173
2183
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2174
2184
|
`}
|
|
2175
|
-
`,
|
|
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`
|
|
2176
2186
|
display: flex;
|
|
2177
2187
|
align-items: center;
|
|
2178
2188
|
gap: ${({$gap:e})=>e}px;
|
|
2179
|
-
`,
|
|
2189
|
+
`,ih=It.div`
|
|
2180
2190
|
position: relative;
|
|
2181
2191
|
display: flex;
|
|
2182
2192
|
align-items: center;
|
|
@@ -2186,10 +2196,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2186
2196
|
height: ${({$size:e})=>e}px;
|
|
2187
2197
|
padding: ${4}px;
|
|
2188
2198
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2189
|
-
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]}}};
|
|
2190
2200
|
|
|
2191
2201
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2192
|
-
`,
|
|
2202
|
+
`,ah=It.div`
|
|
2193
2203
|
position: absolute;
|
|
2194
2204
|
top: 50%;
|
|
2195
2205
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2199,8 +2209,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2199
2209
|
border-radius: 100%;
|
|
2200
2210
|
background-color: ${({$color:e})=>e};
|
|
2201
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)"};
|
|
2202
|
-
`,
|
|
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`
|
|
2203
2213
|
display: flex;
|
|
2204
2214
|
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
2205
2215
|
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
2206
|
-
`,
|
|
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})))},ch=It.div`
|
|
2217
|
+
min-width: 530px;
|
|
2218
|
+
`,dh=It.div`
|
|
2219
|
+
display: flex;
|
|
2220
|
+
flex-direction: column;
|
|
2221
|
+
align-items: center;
|
|
2222
|
+
gap: 16px;
|
|
2223
|
+
padding: 24px;
|
|
2224
|
+
`,ph=It.div`
|
|
2225
|
+
display: flex;
|
|
2226
|
+
justify-content: center;
|
|
2227
|
+
gap: 16px;
|
|
2228
|
+
padding: 16px 24px;
|
|
2229
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2230
|
+
`,uh=({visual:e,title:t,description:o,onDeny:n,denyLabel:i="Deny",onApprove:a,approveLabel:r="Approve",...s})=>{const l=_t();return xt.createElement(Cu,{isOpen:!0,onClose:n,...s},xt.createElement(ch,null,xt.createElement(dh,null,e&&xt.createElement(e,null),xt.createElement(Ii,{size:Ti.M,weight:500,color:l.v2.colors.white[500]},t),xt.createElement(ua,{$alignItems:"center",$gap:4},o.split("\n").map(e=>xt.createElement(Ii,{key:e,size:Ti.XS,weight:400,color:l.v2.colors.silver[200]},e)))),(n||a)&&xt.createElement(ph,null,n&&xt.createElement(gp,{variant:up.Secondary,label:i,onClick:n}),a&&xt.createElement(gp,{variant:up.Primary,label:r,onClick:a}))))};export{lp as $,Gp as A,hp as B,Kr as C,ru as D,Ao as E,ua as F,en as G,Xl as H,Na as I,Kt as J,Yt as K,yu as L,cl 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,uh 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,Cu as di,Su as dj,Nu as dk,Iu as dl,_u as dm,Ru as dn,Zu as dp,eh as dq,oh as dr,lh as ds,Di as dt,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};
|