@odigos/ui-kit 0.0.143 → 0.0.144
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 +8 -0
- package/lib/chunks/{ui-components-29317e94.js → ui-components-c5321fb4.js} +423 -421
- package/lib/components/_v2/button/index.d.ts +1 -1
- package/lib/components/_v2/button-tab/index.d.ts +4 -0
- package/lib/components/_v2/checkbox/index.d.ts +20 -1
- package/lib/components/_v2/hover-actions/index.d.ts +12 -0
- package/lib/components/_v2/icon-button/index.d.ts +1 -0
- package/lib/components/_v2/index.d.ts +1 -4
- package/lib/components/_v2/radio/index.d.ts +19 -1
- package/lib/components/_v2/table/index.d.ts +3 -2
- package/lib/components/_v2/table/table-rows/index.d.ts +3 -2
- package/lib/components/_v2/table/types.d.ts +0 -5
- package/lib/components/_v2/tag/index.d.ts +1 -0
- package/lib/components/_v2/toggle/index.d.ts +19 -2
- package/lib/components/data-card/index.d.ts +4 -2
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/v2.js +5 -5
- package/lib/containers.js +108 -108
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/describe/index.d.ts +1 -0
- package/lib/types.js +1 -1
- package/package.json +2 -1
- package/lib/components/_v2/button-tab-list/index.d.ts +0 -6
- package/lib/components/_v2/checkbox-list/index.d.ts +0 -21
- package/lib/components/_v2/radio-group/index.d.ts +0 -23
- package/lib/components/_v2/table/table-rows/actions/index.d.ts +0 -8
- package/lib/components/_v2/toggle-list/index.d.ts +0 -20
|
@@ -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 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,ArrowIcon as Ge,VIcon as Ke,CopyIcon as Je,XIcon as Ye,MinusIcon as Xe,ListIcon as Qe,CodeIcon as Ze,ExtendArrowIcon as et,PlusIcon as tt,EditIcon as ot,NoDataIcon as nt,EyeClosedIcon as it,EyeOpenIcon as at,SearchIcon as rt,TrashIcon as st,EditedIcon as lt,SortArrowsIcon as ct,NotebookIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotIcon as mt}from"../icons.js";import{create as gt}from"zustand";import xt,{Fragment as $t,useMemo as ft,forwardRef as bt,useState as yt,useEffect as wt,useRef as kt,useCallback as vt,memo as Ct}from"react";import Et from"javascript-time-ago";import{p as St,c as At,s as Dt,u as Tt,e as Nt}from"./vendor-55cc654c.js";import It,{ThemeProvider as zt,keyframes as Ot,useTheme as _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={[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 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`
|
|
2
2
|
from { transform: translateX(-100%); }
|
|
3
3
|
to { transform: translateX(0); }
|
|
4
4
|
`,right:Ot`
|
|
@@ -108,133 +108,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
108
108
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
109
109
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
110
110
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
111
|
-
`,_i=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(">","")}})},Fi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Ri=(e,t)=>{const o=_i(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Fi(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+" "})},Li=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=Si.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(Oi,{$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}`},Ri(e,p),t!==u.length-1?xt.createElement("br",null):null)):e)},Bi=
|
|
112
|
-
0% {
|
|
113
|
-
background-position: 0% 50%;
|
|
114
|
-
}
|
|
115
|
-
100% {
|
|
116
|
-
background-position: 100% 50%;
|
|
117
|
-
}
|
|
118
|
-
`,Pi=It(Li)`
|
|
119
|
-
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
120
|
-
background-size: 250% 100%; /* Expand background to allow movement */
|
|
121
|
-
background-clip: text;
|
|
122
|
-
color: transparent;
|
|
123
|
-
animation: ${Bi} 1s reverse linear infinite;
|
|
124
|
-
`,Mi=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Si.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return xt.createElement(Pi,{$textColor:a,$stripColor:r,...n},e)};var ji,Ui;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(ji||(ji={})),function(e){e.S="small",e.M="medium",e.L="large"}(Ui||(Ui={}));const Wi=It.button`
|
|
125
|
-
display: flex;
|
|
126
|
-
align-items: center;
|
|
127
|
-
justify-content: center;
|
|
128
|
-
gap: 8px;
|
|
129
|
-
${({$fullWidth:e})=>e&&Ft`
|
|
130
|
-
width: 100%;
|
|
131
|
-
`}
|
|
132
|
-
border: none;
|
|
133
|
-
border-radius: 6px;
|
|
134
|
-
${({$size:e,$hasLabel:t})=>e===Ui.S?Ft`
|
|
135
|
-
height: 32px;
|
|
136
|
-
${t?Ft`
|
|
137
|
-
padding: 8px 16px;
|
|
138
|
-
`:Ft`
|
|
139
|
-
width: 32px;
|
|
140
|
-
`}
|
|
141
|
-
`:e===Ui.M?Ft`
|
|
142
|
-
height: 38px;
|
|
143
|
-
${t?Ft`
|
|
144
|
-
padding: 8px 18px;
|
|
145
|
-
`:Ft`
|
|
146
|
-
width: 38px;
|
|
147
|
-
`}
|
|
148
|
-
`:Ft`
|
|
149
|
-
height: 44px;
|
|
150
|
-
${t?Ft`
|
|
151
|
-
padding: 8px 22px;
|
|
152
|
-
`:Ft`
|
|
153
|
-
width: 44px;
|
|
154
|
-
`}
|
|
155
|
-
`}
|
|
156
|
-
|
|
157
|
-
cursor: pointer;
|
|
158
|
-
&:disabled {
|
|
159
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
160
|
-
cursor: not-allowed;
|
|
161
|
-
}
|
|
162
|
-
&:enabled {
|
|
163
|
-
${({$withShadow:e})=>e?Ft`
|
|
164
|
-
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
165
|
-
`:""}
|
|
166
|
-
${({$variant:e})=>e===ji.Primary?Ft`
|
|
167
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
168
|
-
&:hover {
|
|
169
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
170
|
-
}
|
|
171
|
-
&:active {
|
|
172
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
173
|
-
}
|
|
174
|
-
`:e===ji.Secondary?Ft`
|
|
175
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
176
|
-
&:hover {
|
|
177
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
178
|
-
}
|
|
179
|
-
&:active {
|
|
180
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
181
|
-
}
|
|
182
|
-
`:e===ji.Text?Ft`
|
|
183
|
-
background-color: transparent;
|
|
184
|
-
&:hover {
|
|
185
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
186
|
-
}
|
|
187
|
-
&:active {
|
|
188
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
189
|
-
}
|
|
190
|
-
`:""}
|
|
191
|
-
}
|
|
192
|
-
`,Vi=bt(({label:e,leftIcon:t,rightIcon:o,variant:n=ji.Primary,size:i=Ui.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Si.useTheme(),m=a||(i===Ui.L?18:16),g=i===Ui.L?Di.S:Di.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return xt.createElement(Wi,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:r?void 0:e=>{e.stopPropagation(),d?.(e)},...p},t&&xt.createElement(t,{size:m,fill:x}),r?xt.createElement(Mi,{size:h.v2.text.size[g],textColor:x}):e?xt.createElement(Ni,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&xt.createElement(o,{size:m,fill:x}))});Vi.displayName=Vi.name;const Hi=It.button`
|
|
193
|
-
width: 100%;
|
|
194
|
-
padding: 0;
|
|
195
|
-
padding-right: 12px;
|
|
196
|
-
display: flex;
|
|
197
|
-
align-items: center;
|
|
198
|
-
justify-content: flex-start;
|
|
199
|
-
gap: 12px;
|
|
200
|
-
border-radius: 8px;
|
|
201
|
-
border: none;
|
|
202
|
-
${({$hovered:e})=>e?Ft`
|
|
203
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
204
|
-
`:Ft`
|
|
205
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
206
|
-
`}
|
|
207
|
-
overflow: hidden;
|
|
208
|
-
cursor: pointer;
|
|
209
|
-
&:disabled {
|
|
210
|
-
cursor: not-allowed;
|
|
211
|
-
}
|
|
212
|
-
`,qi=It.div`
|
|
213
|
-
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
214
|
-
height: 56px;
|
|
215
|
-
display: flex;
|
|
216
|
-
align-items: center;
|
|
217
|
-
justify-content: center;
|
|
218
|
-
${({$hovered:e})=>e?Ft`
|
|
219
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
220
|
-
`:Ft`
|
|
221
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
222
|
-
`}
|
|
223
|
-
`,Gi=It.div`
|
|
224
|
-
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
225
|
-
display: flex;
|
|
226
|
-
justify-content: space-between;
|
|
227
|
-
align-items: center;
|
|
228
|
-
gap: 8px;
|
|
229
|
-
`,Ki=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=yt(!1);return xt.createElement(Hi,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},xt.createElement(qi,{$hovered:i,$hasIcon:!!t},t&&xt.createElement(t,{size:36})),xt.createElement(Gi,{$hasIcon:!!t},o?xt.createElement(Mi,{size:16}):xt.createElement(Ni,{variant:Ai.Span,align:"center"},e),xt.createElement(Ge,{rotate:90,size:24})))},Ji=It.div`
|
|
111
|
+
`,_i=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(">","")}})},Fi=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Ri=(e,t)=>{const o=_i(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Fi(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+" "})},Li=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=Si.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(Oi,{$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}`},Ri(e,p),t!==u.length-1?xt.createElement("br",null):null)):e)},Bi=It.div`
|
|
230
112
|
padding: 4px 0 0 0;
|
|
231
|
-
`,
|
|
113
|
+
`,Mi=It(Li)`
|
|
232
114
|
font-size: 12px;
|
|
233
115
|
color: ${({theme:e})=>e.text.error};
|
|
234
|
-
`,
|
|
116
|
+
`,Pi=({children:e})=>xt.createElement(Bi,null,xt.createElement(Mi,null,e)),ji=It.div`
|
|
235
117
|
position: relative;
|
|
236
118
|
width: 100%;
|
|
237
|
-
`,
|
|
119
|
+
`,Ui=It.div`
|
|
238
120
|
width: calc(100% - 16px);
|
|
239
121
|
display: flex;
|
|
240
122
|
align-items: center;
|
|
@@ -251,7 +133,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
251
133
|
&:focus-within {
|
|
252
134
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
253
135
|
}
|
|
254
|
-
`,
|
|
136
|
+
`,Wi=It.input`
|
|
255
137
|
flex: 1;
|
|
256
138
|
border: none;
|
|
257
139
|
outline: none;
|
|
@@ -272,7 +154,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
272
154
|
&:disabled {
|
|
273
155
|
cursor: not-allowed;
|
|
274
156
|
}
|
|
275
|
-
`,
|
|
157
|
+
`,Vi=It.ul`
|
|
276
158
|
position: absolute;
|
|
277
159
|
max-height: 500px;
|
|
278
160
|
top: 32px;
|
|
@@ -283,7 +165,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
283
165
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
284
166
|
z-index: 9999;
|
|
285
167
|
padding: 12px;
|
|
286
|
-
`,
|
|
168
|
+
`,Hi=It.li`
|
|
287
169
|
width: calc(100% - 24px);
|
|
288
170
|
padding: 8px 12px;
|
|
289
171
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -295,34 +177,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
295
177
|
&:hover {
|
|
296
178
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
297
179
|
}
|
|
298
|
-
`,
|
|
180
|
+
`,qi=It.div`
|
|
299
181
|
width: 100%;
|
|
300
|
-
`,
|
|
182
|
+
`,Gi=It.div`
|
|
301
183
|
display: flex;
|
|
302
184
|
width: 100%;
|
|
303
|
-
`,
|
|
185
|
+
`,Ki=It.div`
|
|
304
186
|
width: 1px;
|
|
305
187
|
height: 52px;
|
|
306
188
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
307
189
|
position: absolute;
|
|
308
190
|
left: 33px;
|
|
309
|
-
`,
|
|
191
|
+
`,Ji=It.div`
|
|
310
192
|
display: flex;
|
|
311
193
|
flex-direction: column;
|
|
312
194
|
gap: 4px;
|
|
313
|
-
`,
|
|
195
|
+
`,Yi=It(Li)`
|
|
314
196
|
flex: 1;
|
|
315
197
|
font-size: 14px;
|
|
316
|
-
`,
|
|
198
|
+
`,Xi=It(Li)`
|
|
317
199
|
color: ${({theme:e})=>e.text.grey};
|
|
318
200
|
font-size: 10px;
|
|
319
201
|
line-height: 150%;
|
|
320
|
-
`,
|
|
202
|
+
`,Qi=It.ul`
|
|
321
203
|
padding-left: 0px;
|
|
322
204
|
margin: 4px 0 0 0;
|
|
323
205
|
list-style: none;
|
|
324
206
|
width: 100%;
|
|
325
|
-
`,
|
|
207
|
+
`,Zi=(e,t)=>t?e.reduce((e,o)=>{if(o.items){const n=Zi(o.items,t);n.length&&e.push({...o,items:n})}else o.label.toLowerCase().includes(t.toLowerCase())&&e.push(o);return e},[]):e,ea=({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(Zi(t,d)),[m,g]=bt(!1);bt(-1),yt(()=>h(Zi(t,d)),[t]);const x=o?.icon,$=e=>{e&&(p(e.label),a?.(e.label)),g(!e),n?.(e)};return xt.createElement(ji,{style:r},xt.createElement(Ui,{$hasError:!!l},x&&xt.createElement(x,null),xt.createElement(Wi,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const o=e.target.value,n=Zi(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(Vi,null,u.map(e=>xt.createElement(ta,{key:e.type||e.label,option:e,onClick:$}))):null,l&&xt.createElement(Pi,null,l))},ta=({option:e,renderIcon:t=!0,onClick:o})=>{const n=!!e.items&&e.items.length>0,i=e.icon;return xt.createElement(Hi,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:o(e)},i&&t&&xt.createElement(i,null),xt.createElement(qi,null,xt.createElement(Ji,null,xt.createElement(Yi,null,e.label),xt.createElement(Xi,null,e.description)),n&&xt.createElement(Qi,null,e.items?.map(e=>xt.createElement(Gi,{key:e.type||e.label},xt.createElement(Ki,null),xt.createElement(ta,{option:e,renderIcon:!1,onClick:o}))))))},oa=It.span`
|
|
326
208
|
display: flex;
|
|
327
209
|
align-items: center;
|
|
328
210
|
justify-content: center;
|
|
@@ -342,7 +224,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
342
224
|
white-space: nowrap;
|
|
343
225
|
|
|
344
226
|
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+Si.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+Si.opacity.hex["020"]};\n }`}
|
|
345
|
-
`,
|
|
227
|
+
`,na=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=Si.useTheme(),r=o&&n?Sn(o,a):null;return xt.createElement(oa,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&xt.createElement(r,null),e)},ia=It.div`
|
|
346
228
|
height: fit-content;
|
|
347
229
|
border: 2px solid transparent;
|
|
348
230
|
padding: 2px;
|
|
@@ -352,7 +234,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
352
234
|
&:focus-within {
|
|
353
235
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
354
236
|
}
|
|
355
|
-
`,
|
|
237
|
+
`,aa={primary:Ft`
|
|
356
238
|
border: 1px solid ${({theme:e})=>e.text.secondary+Si.opacity.hex["024"]};
|
|
357
239
|
background: ${({theme:e})=>e.colors.secondary};
|
|
358
240
|
color: ${({theme:e})=>e.colors.primary};
|
|
@@ -401,7 +283,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
401
283
|
&:active {
|
|
402
284
|
background: ${({theme:e})=>e.text.warning+Si.opacity.hex["080"]};
|
|
403
285
|
}
|
|
404
|
-
`}
|
|
286
|
+
`},ra=It.button`
|
|
405
287
|
height: 36px;
|
|
406
288
|
border-radius: 32px;
|
|
407
289
|
cursor: pointer;
|
|
@@ -415,7 +297,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
415
297
|
text-decoration: underline;
|
|
416
298
|
font-weight: 600;
|
|
417
299
|
outline: none;
|
|
418
|
-
${({$variant:e})=>e&&
|
|
300
|
+
${({$variant:e})=>e&&aa[e]}
|
|
419
301
|
${({disabled:e,$variant:t})=>e&&Ft`
|
|
420
302
|
opacity: 0.5;
|
|
421
303
|
cursor: not-allowed;
|
|
@@ -428,14 +310,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
428
310
|
}
|
|
429
311
|
`:""}
|
|
430
312
|
`}
|
|
431
|
-
`,
|
|
313
|
+
`,sa=({children:e,variant:t="primary",onClick:o,...n})=>{const i=wt(null);return xt.createElement(ia,{$variant:t},xt.createElement(ra,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},la=It.div`
|
|
432
314
|
flex: 1;
|
|
433
315
|
align-self: stretch;
|
|
434
316
|
display: flex;
|
|
435
317
|
flex-direction: column;
|
|
436
318
|
gap: 24px;
|
|
437
319
|
padding: 24px;
|
|
438
|
-
`,
|
|
320
|
+
`,ca=It.div`
|
|
439
321
|
display: flex;
|
|
440
322
|
flex-direction: row;
|
|
441
323
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -443,7 +325,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
443
325
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
444
326
|
gap: ${({$gap:e=2})=>e}px;
|
|
445
327
|
padding: ${({$padding:e="unset"})=>e};
|
|
446
|
-
`,
|
|
328
|
+
`,da=It.div`
|
|
447
329
|
display: flex;
|
|
448
330
|
flex-direction: column;
|
|
449
331
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -451,17 +333,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
451
333
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
452
334
|
gap: ${({$gap:e=2})=>e}px;
|
|
453
335
|
padding: ${({$padding:e="unset"})=>e};
|
|
454
|
-
`,
|
|
336
|
+
`,pa=It(da)`
|
|
455
337
|
width: ${({$width:e})=>e||"100%"};
|
|
456
338
|
height: ${({$height:e})=>e||"unset"};
|
|
457
339
|
align-items: center;
|
|
458
340
|
justify-content: center;
|
|
459
|
-
`,
|
|
341
|
+
`,ua=It.div`
|
|
460
342
|
display: flex;
|
|
461
343
|
flex-direction: column;
|
|
462
344
|
padding: 12px;
|
|
463
345
|
overflow-y: scroll;
|
|
464
|
-
`,
|
|
346
|
+
`,ha=It.div`
|
|
465
347
|
position: fixed;
|
|
466
348
|
top: 0;
|
|
467
349
|
left: 0;
|
|
@@ -470,39 +352,39 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
470
352
|
z-index: 1000;
|
|
471
353
|
background: rgba(0, 0, 0, 0.5);
|
|
472
354
|
backdrop-filter: blur(1px);
|
|
473
|
-
`,
|
|
355
|
+
`,ma=It.div`
|
|
474
356
|
width: 800px;
|
|
475
357
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
476
358
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
477
359
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
478
360
|
padding: 0 2px;
|
|
479
361
|
overflow-y: scroll;
|
|
480
|
-
`,
|
|
362
|
+
`,ga=It(da)`
|
|
481
363
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
482
364
|
width: 100%;
|
|
483
|
-
`,
|
|
365
|
+
`,xa=It(ca)`
|
|
484
366
|
gap: 16px;
|
|
485
367
|
padding: 16px;
|
|
486
|
-
|
|
368
|
+
`,$a=It.div`
|
|
487
369
|
width: 100%;
|
|
488
370
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
489
371
|
overflow-y: auto;
|
|
490
|
-
`,
|
|
372
|
+
`,fa=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({})}}},ba={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}},ya=()=>{const{addNotification:e}=ci(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=fa(ba);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,fields:t})=>{const o={...qo(ba),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":o.name=t;break;case"type":case"notes":case"signals":case"disabled":o[e]=t;break;case Jt.CollectContainerAttributes:case Jt.CollectReplicaSetAttributes:case Jt.CollectWorkloadId:case Jt.CollectClusterId:case Jt.LabelsAttributes:case Jt.AnnotationsAttributes:case Jt.ClusterAttributes:case Jt.OverwriteExistingValues:case Jt.AttributeNamesToDelete:case Jt.Renames:case Jt.PiiCategories:case Jt.FallbackSamplingRatio:case Jt.SamplingPercentage:case Jt.EndpointsFilters:case Jt.ServicesNameFilters:case Jt.AttributeFilters:o.fields||(o.fields={}),o.fields[e]=t}}),n(void 0,void 0,o)}}},wa=e=>{yt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ka=()=>{const{setCurrentModal:e}=li(),{setDrawerType:t,setDrawerEntityId:o}=ni(),{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)}}}},va=()=>{const{setDrawerType:e,setDrawerEntityId:t}=ni(),{markAsDismissed:o,markAsSeen:n}=ci();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)}}},Ca=()=>{const{selectedConnection:e}=ui();return{selectedConnection:e,isVm:e?.type===io.Vm}},Ea=()=>{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 Sa;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Sa||(Sa={}));const Aa=It.div`
|
|
491
373
|
width: ${({$size:e})=>1.5*e}px;
|
|
492
374
|
height: ${({$size:e})=>1.5*e}px;
|
|
493
375
|
border-radius: 100%;
|
|
494
376
|
display: flex;
|
|
495
377
|
align-items: center;
|
|
496
378
|
justify-content: center;
|
|
497
|
-
cursor: pointer;
|
|
379
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
498
380
|
&:hover {
|
|
499
381
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
500
382
|
}
|
|
501
|
-
`,Pa=({icon:e,size:t=La.S,onClick:o})=>xt.createElement("div",null,xt.createElement(Ba,{$size:t,onClick:e=>{o&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ma=({onDone:e}={})=>{const[t,o]=yt(!1),[n,i]=yt(-1),a=vt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:vt(({value:e,size:o})=>{const n=t?Ke:Je;return xt.createElement(Pa,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},ja=e=>{const{addNotification:t}=ci(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=Ta(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)}}},Ua={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Wa=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=ci(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=Ta(Ua),[c,d]=yt([]),[p,u]=yt([]);return wt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:a,renderCondition:r}=e;if(o===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]),wt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),wt(()=>{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(Ua),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}},Va=({items:e,rowHeight:t})=>{const o=kt(null),n=Tt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},Ha={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}},qa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=Ta(Ha);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(Ha),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)}}},Ga=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(wt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,a,r]),null),Ka=(e,t)=>{wt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Ja=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=kt(null),[i,a]=yt(!1),[r,s]=yt({top:0,left:0});return Ka(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})}}},Ya=()=>({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)}}),Xa={otelServiceName:"",currentStreamName:""},Qa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=Ta(Xa);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...qo(Xa),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Za=(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}},er=(e,t,o)=>({...Za(e,t,o),currentStreamName:t}),tr=(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}},or=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=ii(),{selectedStreamName:n}=oi(),i=kt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=gi(),[d,p]=yt(s),[u,h]=yt(""),[m,g]=yt(!1),[x,$]=yt([]),[f,b]=yt(""),[y,w]=yt(r),[k,v]=yt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>er(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=er(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=>Za(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=>er(e,n,o))}))}h("")}};wt(()=>(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]||tr(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=yt(""),[A,D]=yt(lo.Source),[T,N]=yt(!1),[I,z]=yt(!1),O=ft(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,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]:tr(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 nr=()=>{const e=kt(new Et(Nt.locale));return{formatTimeAgo:vt(t=>{let o=new Date;try{o=new Date(t)}catch(e){return""}return e.current.format(o)},[])}},ir=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
383
|
+
`,Da=({icon:e,size:t=Sa.S,onClick:o,disabled:n})=>xt.createElement("div",null,xt.createElement(Aa,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t}))),Ta=({onDone:e}={})=>{const[t,o]=bt(!1),[n,i]=bt(-1),a=kt(async(n,a)=>{if(!t){if(o(!0),void 0!==a&&i(a),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}e?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:kt(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Da,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Na=e=>{const{addNotification:t}=ci(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=fa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?_n(o.name)?n.name=void 0:(i=!1,n.name=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=>{let o=new Date;try{o=new Date(t)}catch(e){return""}return e.current.format(o)},[])}},Ga=({container:e,animateIn:t,animateOut:o,duration:n=300})=>{const i=It(e)`
|
|
502
384
|
animation-name: ${({$isEntering:e,$isLeaving:n})=>e?t:n?o:"none"};
|
|
503
385
|
animation-duration: ${n}ms;
|
|
504
386
|
animation-fill-mode: forwards;
|
|
505
|
-
`;return
|
|
387
|
+
`;return kt(({children:e,enter:t,...o})=>{const[a,r]=bt(!1);return yt(()=>{const e=setTimeout(()=>r(t),n+50);return()=>clearTimeout(e)},[t,n]),t||a?xt.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...o},e):null},[])},Ka=It.div`
|
|
506
388
|
position: fixed;
|
|
507
389
|
top: 50%;
|
|
508
390
|
left: 50%;
|
|
@@ -513,26 +395,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
513
395
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
514
396
|
border-radius: 40px;
|
|
515
397
|
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Si.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
516
|
-
`,
|
|
398
|
+
`,Ja=It.div`
|
|
517
399
|
display: flex;
|
|
518
400
|
justify-content: space-between;
|
|
519
401
|
align-items: center;
|
|
520
402
|
height: 80px;
|
|
521
403
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
522
404
|
padding: 0 24px;
|
|
523
|
-
`,
|
|
405
|
+
`,Ya=It.div`
|
|
524
406
|
cursor: pointer;
|
|
525
407
|
display: flex;
|
|
526
408
|
align-items: center;
|
|
527
409
|
gap: 8px;
|
|
528
|
-
`,
|
|
410
|
+
`,Xa=It.div`
|
|
529
411
|
display: flex;
|
|
530
412
|
align-items: center;
|
|
531
413
|
gap: 8px;
|
|
532
|
-
`,
|
|
414
|
+
`,Qa=It(pa)`
|
|
533
415
|
min-width: 350px;
|
|
534
416
|
min-height: 150px;
|
|
535
|
-
`,
|
|
417
|
+
`,Za=It.div`
|
|
536
418
|
position: absolute;
|
|
537
419
|
left: 50%;
|
|
538
420
|
transform: translateX(-50%);
|
|
@@ -541,24 +423,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
541
423
|
justify-content: center;
|
|
542
424
|
width: 100%;
|
|
543
425
|
pointer-events: none;
|
|
544
|
-
`,
|
|
426
|
+
`,er=It(Li)`
|
|
545
427
|
text-transform: uppercase;
|
|
546
428
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
547
429
|
pointer-events: auto;
|
|
548
|
-
`,
|
|
430
|
+
`,tr=It(Li)`
|
|
549
431
|
text-transform: uppercase;
|
|
550
432
|
font-weight: 500;
|
|
551
433
|
font-size: 14px;
|
|
552
434
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
553
435
|
text-decoration: underline;
|
|
554
436
|
cursor: pointer;
|
|
555
|
-
`,
|
|
437
|
+
`,or=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>{Ra({key:"Escape",active:e&&r},()=>i()),wa(e);const s=Ga({container:Ka,animateIn:Si.animations.slide.in.center,animateOut:Si.animations.slide.out.center});return e?Pt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ha,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),xt.createElement(s,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:""),enter:e},o&&xt.createElement(Ja,null,xt.createElement(Ya,{onClick:i},xt.createElement(Je,null),xt.createElement(tr,null,"Cancel")),xt.createElement(Za,null,xt.createElement(er,null,o.title)),xt.createElement(Xa,null,n)),xt.createElement(Qa,null,a))),document.body):null},nr=It.div`
|
|
556
438
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
557
439
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
558
440
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
559
441
|
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Si.opacity.hex["050"]};
|
|
560
442
|
opacity: ${({$opacity:e})=>e||1};
|
|
561
|
-
`,
|
|
443
|
+
`,ir=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>xt.createElement(nr,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),ar=It.div`
|
|
562
444
|
position: absolute;
|
|
563
445
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
564
446
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -573,24 +455,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
573
455
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
574
456
|
|
|
575
457
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
576
|
-
|
|
458
|
+
`,rr=It.div`
|
|
577
459
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
578
460
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
579
|
-
`,
|
|
461
|
+
`,sr=It.div`
|
|
580
462
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
581
|
-
`,
|
|
463
|
+
`,lr=It.div`
|
|
582
464
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
583
465
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
584
|
-
`,
|
|
466
|
+
`,cr=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(ar,{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(rr,{$padding:c},u),xt.createElement(sr,{$padding:c},e),h&&xt.createElement(lr,{$padding:c},h))},[n,o,t]);return e?t?Pt.createPortal(i,document.body):i:null});cr.displayName=cr.name;const dr=It.div`
|
|
585
467
|
position: relative;
|
|
586
468
|
display: flex;
|
|
587
469
|
align-items: center;
|
|
588
470
|
gap: 4px;
|
|
589
471
|
// cursor: help;
|
|
590
|
-
`,
|
|
472
|
+
`,pr=It(Li)`
|
|
591
473
|
word-break: break-word;
|
|
592
474
|
white-space: pre-wrap;
|
|
593
|
-
`,
|
|
475
|
+
`,ur=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=Si.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Ba({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=ft(()=>!!_i(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(dr,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&xt.createElement(qe,{fill:r.v2.colors.silver[200]}),xt.createElement(cr,{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(ca,{style:{marginBottom:"4px"},$gap:4},t&&xt.createElement(t,{size:12,fill:r.text.secondary}),o&&xt.createElement(Li,{size:12,color:r.text.secondary},o)),xt.createElement(pr,{size:12,color:r.text.info},n),!!i&&xt.createElement(Li,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):xt.createElement(xt.Fragment,null,a)},hr=It.button`
|
|
594
476
|
position: relative;
|
|
595
477
|
width: ${({$size:e})=>e}px;
|
|
596
478
|
height: ${({$size:e})=>e}px;
|
|
@@ -604,7 +486,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
604
486
|
&:hover {
|
|
605
487
|
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Si.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
606
488
|
}
|
|
607
|
-
`,
|
|
489
|
+
`,mr=It.div`
|
|
608
490
|
position: absolute;
|
|
609
491
|
top: ${({$size:e})=>e/5}px;
|
|
610
492
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -621,7 +503,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
621
503
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
622
504
|
animation: ${Si.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
623
505
|
}
|
|
624
|
-
`,
|
|
506
|
+
`,gr=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>xt.createElement(ur,{text:o},xt.createElement(hr,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&xt.createElement(mr,{$size:n,$color:a}),e)),xr=It.div`
|
|
625
507
|
position: relative;
|
|
626
508
|
&.animated {
|
|
627
509
|
overflow: hidden;
|
|
@@ -629,7 +511,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
629
511
|
border-radius: 32px;
|
|
630
512
|
animation: ${({$isLeaving:e})=>e?Si.animations.slide.out.bottom:Si.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
631
513
|
}
|
|
632
|
-
|
|
514
|
+
`,$r=It.div`
|
|
633
515
|
position: absolute;
|
|
634
516
|
bottom: -1px;
|
|
635
517
|
left: 0;
|
|
@@ -639,7 +521,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
639
521
|
border-radius: 32px;
|
|
640
522
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
641
523
|
animation: ${Si.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
642
|
-
`,
|
|
524
|
+
`,fr=It.div`
|
|
643
525
|
display: flex;
|
|
644
526
|
align-items: center;
|
|
645
527
|
flex: 1;
|
|
@@ -647,20 +529,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
647
529
|
padding: 0 12px;
|
|
648
530
|
border-radius: 32px;
|
|
649
531
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
650
|
-
`,
|
|
532
|
+
`,br=It.div`
|
|
651
533
|
display: flex;
|
|
652
534
|
align-items: center;
|
|
653
535
|
margin: 0 auto 0 0;
|
|
654
536
|
padding: 8px 0;
|
|
655
537
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
656
538
|
min-height: 12px;
|
|
657
|
-
`,
|
|
539
|
+
`,yr=It(Li)`
|
|
658
540
|
font-size: 14px;
|
|
659
541
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
660
|
-
`,
|
|
542
|
+
`,wr=It(Li)`
|
|
661
543
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
662
544
|
font-size: 12px;
|
|
663
|
-
`,
|
|
545
|
+
`,kr=It(ca)``,vr=It(Li)`
|
|
664
546
|
text-transform: uppercase;
|
|
665
547
|
text-decoration: underline;
|
|
666
548
|
font-size: 12px;
|
|
@@ -671,34 +553,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
671
553
|
transform: scale(1.1);
|
|
672
554
|
transition: transform 0.3s;
|
|
673
555
|
}
|
|
674
|
-
`,
|
|
556
|
+
`,Cr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=Si.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(xr,{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(fr,{"data-id":"toast",$type:e,style:l},xt.createElement(g,{fill:c.text[e]}),xt.createElement(br,{$withAction:!!i,$overrideMaxWidth:s},o&&xt.createElement(yr,{$type:e},o),o&&n&&xt.createElement(ir,{orientation:"vertical",type:e}),n&&xt.createElement(wr,{$type:e},n)),(!!i||!!a)&&xt.createElement(kr,null,i&&xt.createElement(vr,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&xt.createElement(gr,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},xt.createElement(Je,{size:12})))),a&&xt.createElement($r,{ref:h,$duration:r,$type:e}))},Er=It.div`
|
|
675
557
|
padding: 24px 32px;
|
|
676
|
-
`,
|
|
558
|
+
`,Sr=It.div`
|
|
677
559
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
678
|
-
`,
|
|
560
|
+
`,Ar=It(Li)`
|
|
679
561
|
font-size: 20px;
|
|
680
562
|
line-height: 28px;
|
|
681
|
-
`,
|
|
563
|
+
`,Dr=It(Li)`
|
|
682
564
|
color: ${({theme:e})=>e.text.grey};
|
|
683
565
|
width: 416px;
|
|
684
566
|
font-style: normal;
|
|
685
567
|
font-weight: 300;
|
|
686
568
|
line-height: 24px;
|
|
687
|
-
`,
|
|
569
|
+
`,Tr=It.div`
|
|
688
570
|
display: flex;
|
|
689
571
|
justify-content: space-between;
|
|
690
572
|
gap: 12px;
|
|
691
|
-
`,
|
|
573
|
+
`,Nr=It(sa)`
|
|
692
574
|
width: 250px;
|
|
693
|
-
`,
|
|
575
|
+
`,Ir=It.div`
|
|
694
576
|
margin-bottom: 12px;
|
|
695
|
-
`,
|
|
577
|
+
`,zr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Ra({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return xt.createElement(or,{isOpen:e,noOverlay:t,onClose:l},xt.createElement(Er,null,xt.createElement(Ar,null,o),xt.createElement(Sr,{$withNote:!!i},xt.createElement(Dr,null,n)),!!i&&xt.createElement(Ir,null,xt.createElement(Cr,{type:i.type,title:i.title,message:i.message})),xt.createElement(Tr,null,xt.createElement(Nr,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),xt.createElement(Nr,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Or=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>xt.createElement(zr,{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}}),_r=It.div`
|
|
696
578
|
display: flex;
|
|
697
579
|
align-items: center;
|
|
698
580
|
gap: 8px;
|
|
699
581
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
700
582
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
701
|
-
`,
|
|
583
|
+
`,Fr=It.div`
|
|
702
584
|
width: 18px;
|
|
703
585
|
height: 18px;
|
|
704
586
|
border-radius: 6px;
|
|
@@ -712,9 +594,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
712
594
|
&:hover {
|
|
713
595
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
714
596
|
}
|
|
715
|
-
`,
|
|
597
|
+
`,Rr=({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=Si.useTheme(),[p,u]=bt(n);return yt(()=>u(n),[n]),xt.createElement(da,null,xt.createElement(_r,{"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(Fr,{$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(ur,{text:o,withIcon:!0},xt.createElement(Li,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&xt.createElement(Pi,null,l))},Lr=It(ca)`
|
|
716
598
|
gap: 0;
|
|
717
|
-
`,
|
|
599
|
+
`,Br=It.button`
|
|
718
600
|
padding: 4px 8px;
|
|
719
601
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
720
602
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -726,22 +608,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
726
608
|
&:hover {
|
|
727
609
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
728
610
|
}
|
|
729
|
-
`,
|
|
611
|
+
`,Mr=({isPrettyMode:e,setIsPrettyMode:t})=>xt.createElement(Lr,null,xt.createElement(Br,{$position:"left",$selected:e,onClick:()=>t(!0)},xt.createElement(Xe,null)),xt.createElement(Br,{$position:"right",$selected:!e,onClick:()=>t(!1)},xt.createElement(Qe,null))),Pr=It.table`
|
|
730
612
|
border-collapse: collapse;
|
|
731
613
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
732
|
-
`,
|
|
614
|
+
`,jr=It.tbody``,Ur=It.tr`
|
|
733
615
|
td:first-child {
|
|
734
616
|
padding-left: 0 !important;
|
|
735
617
|
}
|
|
736
618
|
td:last-child {
|
|
737
619
|
padding-right: 0 !important;
|
|
738
620
|
}
|
|
739
|
-
`,
|
|
621
|
+
`,Wr=It.td`
|
|
740
622
|
vertical-align: top;
|
|
741
623
|
padding: 4px 6px;
|
|
742
|
-
`,
|
|
624
|
+
`,Vr=It(Li)`
|
|
743
625
|
white-space: nowrap;
|
|
744
|
-
`,
|
|
626
|
+
`,Hr=It.span`
|
|
745
627
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
746
628
|
overflow-wrap: break-word;
|
|
747
629
|
word-break: break-word;
|
|
@@ -749,12 +631,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
749
631
|
/* Fallback for older browsers */
|
|
750
632
|
-ms-word-break: break-all;
|
|
751
633
|
font-size: 12px;
|
|
752
|
-
`,
|
|
634
|
+
`,qr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=Si.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(Gr,{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(Hr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},Gr=({darkMode:e,str:t})=>{const o=Si.useTheme();return xt.createElement(Ut,{theme:e?Wt.palenight:Wt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>xt.createElement(Pr,null,xt.createElement(jr,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(Ur,{...e},xt.createElement(Wr,null),xt.createElement(Wr,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(Ur,{...r},xt.createElement(Wr,null,xt.createElement(Vr,null,a[0].content)),xt.createElement(Wr,null))):2===a.length?xt.createElement(Ur,{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(ur,{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(Wr,{key:`line-${i}-token-${n}`},xt.createElement(ca,null,xt.createElement(ca,null,r),xt.createElement(Hr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},Kr={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 Jr(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 Kr[n]?{value:t,unit:n}:{value:t,unit:"px"}}function Yr(e){const t=Jr(e);return`${t.value}${t.unit}`}const Xr=(()=>{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})(),Qr=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=Si.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=Jr(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:Yr(1.5),height:Yr(4),borderRadius:Yr(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${Xr} ${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)`}}))},Zr=It.div`
|
|
753
635
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
754
636
|
display: flex;
|
|
755
637
|
align-items: center;
|
|
756
638
|
justify-content: center;
|
|
757
|
-
`,
|
|
639
|
+
`,es=({extend:e,size:t=14,align:o="center"})=>xt.createElement(Zr,{$align:o},xt.createElement(Ze,{size:t,rotate:e?180:0})),ts=It.div`
|
|
758
640
|
border-radius: 24px;
|
|
759
641
|
background-color: ${({theme:e,$status:t})=>t===ho.Error?e.text.error+Si.opacity.hex["010"]:t===ho.Warning?e.text.warning+Si.opacity.hex["010"]:e.colors.secondary+Si.opacity.hex["005"]};
|
|
760
642
|
&:hover {
|
|
@@ -762,25 +644,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
762
644
|
}
|
|
763
645
|
cursor: pointer;
|
|
764
646
|
transition: background 0.3s;
|
|
765
|
-
`,
|
|
647
|
+
`,os=It.div`
|
|
766
648
|
display: flex;
|
|
767
649
|
align-items: center;
|
|
768
650
|
gap: 12px;
|
|
769
651
|
padding: 12px 18px;
|
|
770
|
-
`,
|
|
652
|
+
`,ns=It.div`
|
|
771
653
|
display: flex;
|
|
772
654
|
flex-direction: column;
|
|
773
655
|
gap: 8px;
|
|
774
656
|
padding: 6px 18px 12px 18px;
|
|
775
|
-
`,
|
|
657
|
+
`,is=It.div`
|
|
776
658
|
display: flex;
|
|
777
659
|
align-items: center;
|
|
778
660
|
gap: 12px;
|
|
779
|
-
`,
|
|
661
|
+
`,as=It(Li)`
|
|
780
662
|
white-space: nowrap;
|
|
781
|
-
|
|
663
|
+
`,rs=It(da)`
|
|
782
664
|
width: 16px;
|
|
783
|
-
`,
|
|
665
|
+
`,ss=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Si.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(ts,{onClick:w,$status:g},xt.createElement(os,null,m?xt.createElement(Qr,null):xt.createElement(x,null),xt.createElement(Li,{color:f,size:14},$),xt.createElement(Li,{color:y,size:12,family:"secondary"},b),xt.createElement(es,{extend:a,align:"right"})),a&&xt.createElement(ns,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===go.Loading?()=>xt.createElement(Qr,{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(is,{key:`condition-${r}`},xt.createElement(rs,null,xt.createElement(s,null)),xt.createElement(ca,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},xt.createElement(Li,{color:l,size:12},xt.createElement(as,{color:c,size:12,weight:700},t),n||o),xt.createElement(as,{color:l,size:12},new Date(a).toLocaleString())))})))},ls=It.div`
|
|
784
666
|
display: flex;
|
|
785
667
|
align-items: center;
|
|
786
668
|
gap: ${({$size:e})=>e/3}px;
|
|
@@ -789,13 +671,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
789
671
|
border-radius: 360px;
|
|
790
672
|
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Si.opacity.hex["050"]}`:"none"};
|
|
791
673
|
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Si.opacity.hex["030"]} 100%)`:"transparent"};
|
|
792
|
-
`,
|
|
674
|
+
`,cs=It.div`
|
|
793
675
|
display: flex;
|
|
794
676
|
align-items: center;
|
|
795
|
-
`,
|
|
677
|
+
`,ds=It.div`
|
|
796
678
|
display: flex;
|
|
797
679
|
align-items: center;
|
|
798
|
-
`,
|
|
680
|
+
`,ps=({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=Si.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(Qr,{scale:.8}):()=>Sn(u,p)?.({size:l+2});return xt.createElement(ls,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&xt.createElement(cs,null,xt.createElement(h,null)),(!!e||!!t)&&xt.createElement(ds,null,!!e&&xt.createElement(Li,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&xt.createElement(ir,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&xt.createElement(Li,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},us=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=_t();return xt.createElement(sa,{onClick:t,variant:o,...i},xt.createElement(et,{fill:"primary"===o?a.text.primary:a.text.info}),xt.createElement(Li,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||tn.ADD))},hs=It(ca)`
|
|
799
681
|
width: 100%;
|
|
800
682
|
border-radius: 8px;
|
|
801
683
|
background-color: ${({theme:e})=>e.colors.secondary+Si.opacity.hex["010"]};
|
|
@@ -806,7 +688,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
806
688
|
width: 100%;
|
|
807
689
|
padding-left: 12px;
|
|
808
690
|
}
|
|
809
|
-
`,
|
|
691
|
+
`,ms=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Ta();return xt.createElement(hs,null,xt.createElement("pre",null,e),xt.createElement(gr,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?xt.createElement(Ge,null):xt.createElement(Ke,null)))},gs=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=_t();return xt.createElement(sa,{onClick:t,variant:o,...n},xt.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),xt.createElement(Li,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||tn.EDIT))},xs=({onClick:e})=>xt.createElement(Cr,{type:ho.Default,icon:je,message:en.QUICK_BACK_TO_SUMMARY,action:{label:en.GO_TO_SUMMARY,onClick:e}}),$s=It(Li)`
|
|
810
692
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
811
693
|
white-space: nowrap;
|
|
812
694
|
overflow-x: auto;
|
|
@@ -816,7 +698,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
816
698
|
content: '';
|
|
817
699
|
display: block;
|
|
818
700
|
}
|
|
819
|
-
`,
|
|
701
|
+
`,fs=({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(ca,{$gap:0},t&&xt.createElement(ur,{text:i?t:void 0},xt.createElement($s,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&xt.createElement($s,{$maxWidth:o,size:o,color:n},"..."))},bs=({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})},ys=It.div`
|
|
820
702
|
display: flex;
|
|
821
703
|
align-items: center;
|
|
822
704
|
justify-content: center;
|
|
@@ -824,7 +706,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
824
706
|
height: ${({$size:e})=>e}px;
|
|
825
707
|
border-radius: 8px;
|
|
826
708
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Si.opacity.hex["030"]} 100%)`}};
|
|
827
|
-
`,
|
|
709
|
+
`,ws=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>xt.createElement(ys,{$status:i,$size:a},t?xt.createElement(bs,{src:t,alt:n,size:a-12}):e?xt.createElement(e,{size:a-12}):xt.createElement(o,{size:a-12})),ks=It.div`
|
|
828
710
|
position: relative;
|
|
829
711
|
display: flex;
|
|
830
712
|
flex-wrap: wrap;
|
|
@@ -832,7 +714,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
832
714
|
justify-content: center;
|
|
833
715
|
width: ${({$size:e})=>e}px;
|
|
834
716
|
height: ${({$size:e})=>e}px;
|
|
835
|
-
`,
|
|
717
|
+
`,vs=It.div`
|
|
836
718
|
position: absolute;
|
|
837
719
|
top: ${({$top:e})=>e}px;
|
|
838
720
|
left: ${({$left:e})=>e}px;
|
|
@@ -845,9 +727,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
845
727
|
border-radius: 100%;
|
|
846
728
|
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Si.opacity.hex["030"]};
|
|
847
729
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Si.opacity.hex["030"]} 100%)`}};
|
|
848
|
-
`,
|
|
730
|
+
`,Cs=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=Si.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return xt.createElement(Cs,{icons:t.map(e=>()=>xt.createElement(bs,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return xt.createElement(ws,{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(ks,{$status:o,$size:n},e.map((t,n)=>n>2?null:xt.createElement(vs,{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(Li,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):xt.createElement(t,{size:r}))))},Es=jo.map(({id:e})=>e),Ss=({monitors:e=Es,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=Si.useTheme(),r=i||a.text.grey;return xt.createElement(ca,{$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(ur,{key:i,text:t?a:""},xt.createElement(ca,{$gap:n/3},xt.createElement(s,{size:o?n+2:n,fill:r}),o&&xt.createElement(Li,{size:n,color:r},a))):null}))},As=It.div`
|
|
849
731
|
visibility: hidden;
|
|
850
|
-
`,
|
|
732
|
+
`,Ds=It.div`
|
|
851
733
|
display: flex;
|
|
852
734
|
flex-direction: column;
|
|
853
735
|
align-self: stretch;
|
|
@@ -861,76 +743,76 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
861
743
|
&:hover {
|
|
862
744
|
cursor: pointer;
|
|
863
745
|
background-color: ${o||(t?e.text[t]+Si.opacity.hex["020"]:e.colors.secondary+Si.opacity.hex["010"])};
|
|
864
|
-
${
|
|
746
|
+
${As} {
|
|
865
747
|
visibility: visible;
|
|
866
748
|
}
|
|
867
749
|
}
|
|
868
|
-
`:`\n &:hover {\n ${
|
|
869
|
-
`,
|
|
750
|
+
`:`\n &:hover {\n ${As} {\n visibility: visible;\n }\n }\n `}
|
|
751
|
+
`,Ts=It.div`
|
|
870
752
|
display: flex;
|
|
871
753
|
align-items: center;
|
|
872
754
|
gap: 8px;
|
|
873
755
|
margin-left: auto;
|
|
874
|
-
`,
|
|
756
|
+
`,Ns=It(Li)`
|
|
875
757
|
margin-right: 16px;
|
|
876
|
-
`,
|
|
758
|
+
`,Is=It(Li)`
|
|
877
759
|
font-size: 10px;
|
|
878
760
|
color: ${({theme:e})=>e.text.grey};
|
|
879
|
-
`,
|
|
761
|
+
`,zs=({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=Si.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(Ds,{ref:N,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},xt.createElement(ca,{$gap:8},xt.createElement(ca,{$gap:16},b?xt.createElement(Qr,null):x?xt.createElement(Rr,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?xt.createElement(Cs,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?xt.createElement(ws,{icon:a,src:s,status:c}):null),xt.createElement(da,{$gap:4},e&&xt.createElement(fs,{maxWidth:D,text:e,textSize:14}),xt.createElement(ca,{$gap:4},t&&xt.createElement(fs,{maxWidth:D-(z.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&xt.createElement(ca,{$gap:4,ref:z},t&&xt.createElement(Is,null,"•"),xt.createElement(Ss,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?xt.createElement(ca,{$gap:4},g?.map((e,t)=>xt.createElement($t,{key:`componentsUnderTitles-${t}`},e))):null),xt.createElement(Ts,{ref:I},!!o&&xt.createElement(As,null,xt.createElement(Ns,{size:14,family:"secondary"},o)),i&&i(),w&&xt.createElement($t,null,xt.createElement(ir,{orientation:"vertical",length:"16px",margin:"0 2px"}),xt.createElement(gr,{onClick:()=>A(e=>!e)},xt.createElement(es,{extend:S}))))),S&&v&&xt.createElement(da,null,xt.createElement(ir,{margin:"16px 0"}),v()))},Os=It(ca)`
|
|
880
762
|
width: 100%;
|
|
881
763
|
justify-content: space-between;
|
|
882
|
-
`,
|
|
764
|
+
`,_s=It(Li)`
|
|
883
765
|
font-size: 12px;
|
|
884
766
|
color: ${({theme:e})=>e.text.grey};
|
|
885
|
-
`,
|
|
767
|
+
`,Fs=It(Li)`
|
|
886
768
|
font-size: 10px;
|
|
887
769
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
888
|
-
`,
|
|
770
|
+
`,Rs=It.div`
|
|
889
771
|
display: flex;
|
|
890
772
|
align-items: center;
|
|
891
773
|
gap: 8px;
|
|
892
774
|
margin-left: auto;
|
|
893
|
-
`,
|
|
775
|
+
`,Ls=It(Li)`
|
|
894
776
|
font-size: 12px;
|
|
895
777
|
text-align: right;
|
|
896
|
-
`,
|
|
778
|
+
`,Bs=({title:e,subTitle:t,tooltip:o,value:n})=>xt.createElement(Os,null,xt.createElement(da,{$gap:4},xt.createElement(ur,{text:o||""},e&&xt.createElement(_s,null,e),t&&xt.createElement(Fs,null,t))),xt.createElement(Rs,null,n?.status?xt.createElement(ps,{status:"transitioning"===n.status?go.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):xt.createElement(Ls,null,n?.text||"-"))),Ms=It(da)`
|
|
897
779
|
width: 100%;
|
|
898
|
-
`,
|
|
780
|
+
`,Ps=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=ft(()=>{const e=[];return o?.name&&e.push(xt.createElement(ps,{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(ps,{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(zs,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>xt.createElement(ps,{status:ho.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>xt.createElement(Ms,{$gap:24},i.map((e,t)=>xt.createElement(Ms,{key:`process-${t}`,$gap:8},xt.createElement(Bs,{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(Bs,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},js=It.div`
|
|
899
781
|
display: flex;
|
|
900
782
|
flex-direction: column;
|
|
901
783
|
align-items: center;
|
|
902
|
-
`,
|
|
784
|
+
`,Us=It.div`
|
|
903
785
|
display: flex;
|
|
904
786
|
align-items: center;
|
|
905
787
|
gap: 8px;
|
|
906
|
-
`,
|
|
788
|
+
`,Ws=It(Li)`
|
|
907
789
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
908
|
-
`,
|
|
790
|
+
`,Vs=It(Li)`
|
|
909
791
|
color: ${({theme:e})=>e.colors.border};
|
|
910
792
|
font-size: 14px;
|
|
911
793
|
font-weight: 200;
|
|
912
794
|
line-height: 20px;
|
|
913
795
|
text-align: center;
|
|
914
|
-
`,
|
|
796
|
+
`,Hs=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const o=Si.useTheme();return xt.createElement(js,null,xt.createElement(Us,null,xt.createElement(ot,{fill:o.text.dark_grey}),xt.createElement(Ws,null,e)),t&&xt.createElement(Vs,null,t))},qs=It(da)`
|
|
915
797
|
max-width: 300px;
|
|
916
798
|
padding: 12px;
|
|
917
799
|
border-radius: 12px;
|
|
918
800
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
919
801
|
justify-content: center;
|
|
920
|
-
`,
|
|
802
|
+
`,Gs=Ct(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return xt.createElement(qs,{"data-id":e},xt.createElement(Hs,{title:o,subTitle:n}))});Gs.displayName=Gs.name;const Ks=It.div`
|
|
921
803
|
padding: 6px;
|
|
922
804
|
border-radius: 12px;
|
|
923
805
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
924
806
|
cursor: pointer;
|
|
925
|
-
`,
|
|
807
|
+
`,Js=It.div`
|
|
926
808
|
position: relative;
|
|
927
|
-
`,
|
|
809
|
+
`,Ys=It(ca)`
|
|
928
810
|
position: absolute;
|
|
929
811
|
bottom: -24px;
|
|
930
812
|
left: 50%;
|
|
931
813
|
transform: translateX(-50%);
|
|
932
814
|
gap: 4px;
|
|
933
|
-
`,
|
|
815
|
+
`,Xs=It.div`
|
|
934
816
|
position: absolute;
|
|
935
817
|
bottom: 100%;
|
|
936
818
|
left: 100%;
|
|
@@ -939,12 +821,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
939
821
|
border-radius: 16px;
|
|
940
822
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
941
823
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
942
|
-
`,
|
|
824
|
+
`,Qs=({title:e,value:t})=>{const o=_t();return xt.createElement(ca,{$justifyContent:"space-between"},xt.createElement(Li,{size:12,color:o.text.info},e),xt.createElement(Li,{size:12,family:"secondary"},t))},Zs=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(Js,{"data-id":e},xt.createElement(Ks,null,xt.createElement(Cs,{id:o,icons:a,status:n})),xt.createElement(Ys,null,d&&xt.createElement(d,null),xt.createElement(fs,{maxWidth:100,text:i})),s===fo.MapItem&&l===e&&xt.createElement(Xs,null,xt.createElement(ca,{$gap:12},xt.createElement(Cs,{id:o,icons:a,status:n}),xt.createElement(Li,{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(ir,null),xt.createElement(Qs,{title:"Connected Service",value:e}),xt.createElement(Qs,{title:"Outgoing Requests",value:t}),xt.createElement(Qs,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):xt.createElement(xt.Fragment,null,xt.createElement(ir,null),xt.createElement(Hs,{title:"No outgoing connections",subTitle:" "})))))});Zs.displayName=Zs.name;const el=It.div`
|
|
943
825
|
height: calc(100vh - 160px);
|
|
944
826
|
.react-flow__attribution {
|
|
945
827
|
visibility: hidden;
|
|
946
828
|
}
|
|
947
|
-
`,
|
|
829
|
+
`,tl=It.div`
|
|
948
830
|
button {
|
|
949
831
|
padding: 8px;
|
|
950
832
|
margin: 8px;
|
|
@@ -958,13 +840,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
958
840
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
959
841
|
}
|
|
960
842
|
}
|
|
961
|
-
`,
|
|
843
|
+
`,ol={[fo.MapItem]:Zs,[fo.NoData]:Gs},nl=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=ka(),{setActiveNodeType:s,setActiveNodeId:l}=qt();return xt.createElement(el,null,xt.createElement(Bt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:ol,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(tl,null,xt.createElement(Mt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},il=It.div`
|
|
962
844
|
display: flex;
|
|
963
845
|
|
|
964
846
|
align-items: center;
|
|
965
847
|
gap: 6px;
|
|
966
848
|
margin-bottom: 4px;
|
|
967
|
-
`,
|
|
849
|
+
`,al=It(Li)`
|
|
968
850
|
font-size: 14px;
|
|
969
851
|
opacity: 0.8;
|
|
970
852
|
line-height: 22px;
|
|
@@ -972,16 +854,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
972
854
|
white-space: nowrap;
|
|
973
855
|
text-overflow: ellipsis;
|
|
974
856
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
975
|
-
|
|
857
|
+
`,rl=It(Li)`
|
|
976
858
|
font-size: 12px;
|
|
977
859
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
978
860
|
opacity: 0.8;
|
|
979
|
-
`,
|
|
861
|
+
`,sl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?xt.createElement(il,{style:n},xt.createElement(ur,{text:o,withIcon:!0},xt.createElement(al,{$status:i},e),!t&&xt.createElement(rl,null,"(optional)"))):null,ll=It.div`
|
|
980
862
|
display: flex;
|
|
981
863
|
flex-direction: column;
|
|
982
864
|
position: relative;
|
|
983
865
|
width: 100%;
|
|
984
|
-
`,
|
|
866
|
+
`,cl=It.div`
|
|
985
867
|
width: 100%;
|
|
986
868
|
display: flex;
|
|
987
869
|
align-items: center;
|
|
@@ -1007,7 +889,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1007
889
|
&:focus-within {
|
|
1008
890
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1009
891
|
}
|
|
1010
|
-
`,
|
|
892
|
+
`,dl=It.input`
|
|
1011
893
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
1012
894
|
flex: 1;
|
|
1013
895
|
min-width: 150px;
|
|
@@ -1036,13 +918,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1036
918
|
-webkit-appearance: none;
|
|
1037
919
|
margin: 0;
|
|
1038
920
|
}
|
|
1039
|
-
`,
|
|
921
|
+
`,pl=It.div`
|
|
1040
922
|
display: flex;
|
|
1041
923
|
align-items: center;
|
|
1042
924
|
margin-left: 12px;
|
|
1043
|
-
`,
|
|
925
|
+
`,ul=It(pl)`
|
|
1044
926
|
cursor: pointer;
|
|
1045
|
-
`,
|
|
927
|
+
`,hl=It.button`
|
|
1046
928
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
1047
929
|
border: none;
|
|
1048
930
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -1057,15 +939,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1057
939
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1058
940
|
cursor: not-allowed;
|
|
1059
941
|
}
|
|
1060
|
-
`,
|
|
942
|
+
`,ml=({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=Si.useTheme(),g=d===uo.Password,[x,$]=bt(!1);return xt.createElement(ll,null,xt.createElement(sl,{title:a,required:s,tooltip:r,status:u}),xt.createElement(cl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?xt.createElement(ul,{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(pl,null,xt.createElement(e,{size:14,fill:m.text.grey})):null,xt.createElement(dl,{"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(hl,{onClick:o,disabled:h.disabled},t)),!!i&&xt.createElement(Pi,null,i))},gl=It.div`
|
|
1061
943
|
display: flex;
|
|
1062
944
|
flex-direction: column;
|
|
1063
945
|
min-width: 120px;
|
|
1064
946
|
width: 100%;
|
|
1065
947
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1066
|
-
`,
|
|
948
|
+
`,xl=It.div`
|
|
1067
949
|
position: relative;
|
|
1068
|
-
|
|
950
|
+
`,$l=It.div`
|
|
1069
951
|
display: flex;
|
|
1070
952
|
align-items: center;
|
|
1071
953
|
justify-content: space-between;
|
|
@@ -1091,14 +973,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1091
973
|
&:hover {
|
|
1092
974
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
1093
975
|
}
|
|
1094
|
-
`,
|
|
976
|
+
`,fl=It.div`
|
|
1095
977
|
display: flex;
|
|
1096
978
|
align-items: center;
|
|
1097
979
|
gap: 4px;
|
|
1098
|
-
`,
|
|
980
|
+
`,bl=({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);La(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(gl,{$disabled:s},xt.createElement(sl,{title:i,required:d,tooltip:a,status:h}),xt.createElement(xl,{ref:f},xt.createElement($l,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},xt.createElement(vl,{value:t,placeholder:r,onDeselect:n}),xt.createElement(fl,null,l&&xt.createElement(na,{label:y,filled:!!y}),xt.createElement(es,{extend:m}))),m&&xt.createElement(Sl,{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(Pi,null,p))},yl=It(fl)`
|
|
1099
981
|
max-width: calc(100% - 50px);
|
|
1100
982
|
overflow-x: auto;
|
|
1101
|
-
`,
|
|
983
|
+
`,wl=It(Li)`
|
|
1102
984
|
display: flex;
|
|
1103
985
|
align-items: center;
|
|
1104
986
|
gap: 2px;
|
|
@@ -1113,7 +995,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1113
995
|
transition: transform 0.3s;
|
|
1114
996
|
}
|
|
1115
997
|
}
|
|
1116
|
-
`,
|
|
998
|
+
`,kl=It(Li)``,vl=({value:e,placeholder:t,onDeselect:o})=>{const n=Si.useTheme();return Array.isArray(e)?e.length?xt.createElement(yl,null,e.map(e=>xt.createElement(wl,{key:`multi-label-${e.id}`,size:14},e.value,xt.createElement(ir,{orientation:"vertical",length:"10px",margin:"0 4px"}),xt.createElement(Je,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):xt.createElement(kl,{size:14,color:n.text.darker_grey},t):xt.createElement(kl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Cl=It.div`
|
|
1117
999
|
position: absolute;
|
|
1118
1000
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1119
1001
|
left: 0;
|
|
@@ -1128,11 +1010,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1128
1010
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1129
1011
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1130
1012
|
border-radius: 24px;
|
|
1131
|
-
`,
|
|
1013
|
+
`,El=It.div`
|
|
1132
1014
|
display: flex;
|
|
1133
1015
|
flex-direction: column;
|
|
1134
1016
|
align-items: center;
|
|
1135
|
-
`,
|
|
1017
|
+
`,Sl=({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(Cl,{$openUpwards:e},r&&xt.createElement(El,null,xt.createElement(ml,{placeholder:"Search...",icon:at,value:s,onChange:e=>l(e.target.value)}),xt.createElement(ir,{thickness:1,margin:"8px 0 0 0"})),0===c.length?xt.createElement(Hs,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>xt.createElement(Dl,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Al=It.div`
|
|
1136
1018
|
padding: 8px 12px;
|
|
1137
1019
|
cursor: pointer;
|
|
1138
1020
|
display: flex;
|
|
@@ -1143,21 +1025,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1143
1025
|
&.selected {
|
|
1144
1026
|
background: ${({theme:e})=>e.colors.majestic_blue+Si.opacity.hex["024"]};
|
|
1145
1027
|
}
|
|
1146
|
-
`,
|
|
1028
|
+
`,Dl=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=Si.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(Al,{className:r?"selected":"",onClick:()=>s(!r)},xt.createElement(Rr,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):xt.createElement(Al,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},xt.createElement(ca,{$gap:8},e.icon&&xt.createElement(e.icon,null),xt.createElement(Li,{size:14},e.value)),r&&xt.createElement(Ge,null))},Tl=It(da)`
|
|
1147
1029
|
gap: 12px;
|
|
1148
|
-
`,
|
|
1030
|
+
`,Nl=It(ca)`
|
|
1149
1031
|
width: 100%;
|
|
1150
1032
|
gap: 12px;
|
|
1151
1033
|
align-items: flex-end;
|
|
1152
|
-
`,
|
|
1034
|
+
`,Il=({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=Si.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Ba({onClickOutside:a});return Ra({key:"Enter",active:i},r),yt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:xt.createElement(cr,{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(Tl,null,xt.createElement(ur,{text:d,withIcon:!0},xt.createElement(Li,{size:14},c)),xt.createElement(Nl,null,u,xt.createElement(ca,{$gap:6},xt.createElement(gr,{withBorder:!0,onClick:a,tooltip:"Cancel"},xt.createElement(Je,null)),xt.createElement(gr,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},xt.createElement(Ge,{fill:h.text.primary})),s&&xt.createElement(gr,{onClick:l,tooltip:"Undo"},xt.createElement(rt,null)))),p&&xt.createElement(Cr,{type:ho.Warning,message:p})))},zl=It.div`
|
|
1153
1035
|
position: relative;
|
|
1154
|
-
`,
|
|
1036
|
+
`,Ol=({defaultLanguage:e=ro.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=ci(),{formData:i,handleFormChange:a,resetFormData:r}=fa({language:e,version:t}),[s,l]=bt(!1),c=()=>{l(!1),r()};return xt.createElement(zl,null,xt.createElement(gr,{tooltip:en.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},xt.createElement(tt,null)),xt.createElement(Il,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Mn(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(bl,{title:en.LANGUAGE,options:Qn,value:Qn.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),xt.createElement(ml,{title:en.RUNTIME_VERSION,placeholder:en.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},_l=It(ca)`
|
|
1155
1037
|
width: 100%;
|
|
1156
1038
|
justify-content: center;
|
|
1157
|
-
`,
|
|
1039
|
+
`,Fl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=Si.useTheme(),c=i?ho.Success:a?ho.Info:ho.Warning,d=i?mo.INSTRUMENTED:a?mo.NOT_INSTRUMENTED:mo.INSTRUMENTING;return xt.createElement(zs,{title:e,subTitle:`${t?Xn[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:dn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>xt.createElement(_l,null,xt.createElement(Li,{size:12,family:"secondary",color:l.text.info},Pn(a)))},renderActions:()=>xt.createElement(xt.Fragment,null,xt.createElement(ps,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&xt.createElement(ps,{status:ho.Default,forceIcon:st,title:en.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&xt.createElement(Ol,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Rl=It.tr`
|
|
1158
1040
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1159
1041
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1160
|
-
`,
|
|
1042
|
+
`,Ll=It.td`
|
|
1161
1043
|
position: relative;
|
|
1162
1044
|
width: fit-content;
|
|
1163
1045
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1165,7 +1047,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1165
1047
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1166
1048
|
font-size: 14px;
|
|
1167
1049
|
white-space: nowrap;
|
|
1168
|
-
`,
|
|
1050
|
+
`,Bl=It(Li)`
|
|
1169
1051
|
font-size: 14px;
|
|
1170
1052
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1171
1053
|
line-height: 16px;
|
|
@@ -1178,7 +1060,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1178
1060
|
display: -webkit-box;
|
|
1179
1061
|
-webkit-line-clamp: 2;
|
|
1180
1062
|
-webkit-box-orient: vertical;
|
|
1181
|
-
`,
|
|
1063
|
+
`,Ml=It.div`
|
|
1182
1064
|
position: absolute;
|
|
1183
1065
|
top: 0;
|
|
1184
1066
|
left: 0;
|
|
@@ -1187,56 +1069,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1187
1069
|
height: ${({$height:e})=>e}px;
|
|
1188
1070
|
border-radius: 16px;
|
|
1189
1071
|
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Si.opacity.hex["020"]:e.colors.majestic_blue+Si.opacity.hex["030"]:o?e.text[o]+Si.opacity.hex["010"]:e.colors.secondary+Si.opacity.hex["005"]};
|
|
1190
|
-
`,
|
|
1072
|
+
`,Pl=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=Ea(),[c,d]=bt(!1);return xt.createElement(Rl,{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(Ll,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?xt.createElement(ws,{icon:u}):h?xt.createElement(h,null):xt.createElement(ur,{text:p&&r?String(r):""},xt.createElement(Bl,{$color:d},On(r)?"-":r)),0===n&&xt.createElement(Ml,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},jl=It.div`
|
|
1191
1073
|
width: 100%;
|
|
1192
|
-
`,
|
|
1074
|
+
`,Ul=It.table`
|
|
1193
1075
|
position: relative;
|
|
1194
1076
|
z-index: 0;
|
|
1195
1077
|
width: 100%;
|
|
1196
1078
|
border-collapse: separate;
|
|
1197
1079
|
border-spacing: 0 12px;
|
|
1198
|
-
`,
|
|
1080
|
+
`,Wl=It.thead`
|
|
1199
1081
|
// only supported with "border-collapse: collapse;"
|
|
1200
1082
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1201
1083
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1202
|
-
`,
|
|
1084
|
+
`,Vl=It.th`
|
|
1203
1085
|
// only required with "border-collapse: separate;"
|
|
1204
1086
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1205
1087
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1206
1088
|
|
|
1207
1089
|
padding: 8px;
|
|
1208
|
-
`,
|
|
1090
|
+
`,Hl=It(ca)`
|
|
1209
1091
|
cursor: pointer;
|
|
1210
1092
|
&:hover {
|
|
1211
1093
|
* {
|
|
1212
1094
|
color: ${({theme:e})=>e.text.secondary};
|
|
1213
1095
|
}
|
|
1214
1096
|
}
|
|
1215
|
-
`,
|
|
1097
|
+
`,ql=It(Li)`
|
|
1216
1098
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1217
1099
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1218
1100
|
text-transform: uppercase;
|
|
1219
1101
|
font-size: 12px;
|
|
1220
1102
|
font-weight: 500;
|
|
1221
1103
|
text-wrap: nowrap;
|
|
1222
|
-
`,
|
|
1104
|
+
`,Gl=It.tbody``,Kl=({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(Pl,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return xt.createElement(jl,null,xt.createElement(Ul,null,xt.createElement(Wl,null,xt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>xt.createElement(Vl,{key:`column-${e}`},o?xt.createElement(Hl,{onClick:()=>r(e)},xt.createElement(lt,null),xt.createElement(ql,null,t)):xt.createElement(ql,null,t))))),xt.createElement(Gl,null,s)))};var Jl;!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"}(Jl||(Jl={}));const Yl=It.div`
|
|
1223
1105
|
display: flex;
|
|
1224
1106
|
flex-wrap: wrap;
|
|
1225
1107
|
gap: 16px 32px;
|
|
1226
1108
|
width: 100%;
|
|
1227
|
-
`,
|
|
1109
|
+
`,Xl=It.div`
|
|
1228
1110
|
display: flex;
|
|
1229
1111
|
flex-direction: column;
|
|
1230
1112
|
gap: 2px;
|
|
1231
1113
|
width: ${({$width:e})=>e};
|
|
1232
|
-
`,
|
|
1114
|
+
`,Ql=It(Li)`
|
|
1233
1115
|
color: ${({theme:e})=>e.text.grey};
|
|
1234
1116
|
font-size: 10px;
|
|
1235
1117
|
line-height: 16px;
|
|
1236
|
-
`,
|
|
1118
|
+
`,Zl=It(Li)`
|
|
1237
1119
|
font-size: 12px;
|
|
1238
1120
|
white-space: pre-wrap;
|
|
1239
|
-
`,
|
|
1121
|
+
`,ec=({data:e})=>xt.createElement(Yl,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>xt.createElement(Xl,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Jl.Code,Jl.Table].includes(e)?"inherit":e&&[Jl.Loader,Jl.Divider,Jl.CopyText].includes(e)?"100%":"unset"},xt.createElement(ur,{text:n,withIcon:!0},xt.createElement(ca,{$alignItems:"center",$gap:4},o&&xt.createElement(o,{size:14}),!!t&&xt.createElement(Ql,{transform:"capitalize"},t))),xt.createElement(tc,{type:e,value:i})))),tc=({type:e,value:t})=>{const o=Si.useTheme();switch(e){case Jl.Divider:return xt.createElement(ir,{length:"100%",margin:"0"});case Jl.Loader:return xt.createElement(pa,null,xt.createElement(Qr,{scale:1.2}));case Jl.Monitors:return xt.createElement(Ss,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Jl.Badge:{const{label:e,filled:o,...n}=Nn(t,{label:"-",filled:!1});return xt.createElement(na,{label:e,filled:o,...n})}case Jl.Code:{const{language:e,code:o,...n}=Nn(t,{language:"",code:""});return xt.createElement(qr,{language:e,code:o,...n})}case Jl.Table:{const{columns:e,rows:o,...n}=Nn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return xt.createElement(Kl,{columns:e,rows:o,...n})}case Jl.ActiveStatus:return xt.createElement(ps,{status:"true"==t?ho.Success:ho.Error,title:"true"==t?en.ENABLED:en.DISABLED,size:10,withIcon:!0,withBorder:!0});case Jl.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return xt.createElement(ms,{value:e})}default:return xt.createElement(Zl,null,qn("string"==typeof t?t||"-":""))}},oc=It.div`
|
|
1240
1122
|
display: flex;
|
|
1241
1123
|
flex-direction: column;
|
|
1242
1124
|
align-items: flex-start;
|
|
@@ -1247,27 +1129,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1247
1129
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1248
1130
|
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Si.opacity.hex["010"]:"transparent"};
|
|
1249
1131
|
transition: background-color 0.3s;
|
|
1250
|
-
`,
|
|
1132
|
+
`,nc=It.div`
|
|
1251
1133
|
width: 100%;
|
|
1252
1134
|
display: flex;
|
|
1253
1135
|
flex-direction: column;
|
|
1254
1136
|
gap: 4px;
|
|
1255
1137
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1256
|
-
`,
|
|
1138
|
+
`,ic=It(Li)`
|
|
1257
1139
|
width: 100%;
|
|
1258
1140
|
display: flex;
|
|
1259
1141
|
align-items: center;
|
|
1260
1142
|
gap: 8px;
|
|
1261
1143
|
font-size: 16px;
|
|
1262
|
-
`,
|
|
1144
|
+
`,ac=It(Li)`
|
|
1263
1145
|
font-size: 12px;
|
|
1264
1146
|
color: ${({theme:e})=>e.text.grey};
|
|
1265
|
-
|
|
1147
|
+
`,rc=It(ca)`
|
|
1266
1148
|
margin-left: auto;
|
|
1267
1149
|
gap: 8px;
|
|
1268
|
-
`,
|
|
1150
|
+
`,sc=({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(oc,{$hovered:p},e||o||n||i?xt.createElement(nc,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},xt.createElement(ca,null,xt.createElement(ca,{$alignItems:"center",$gap:8},o&&xt.createElement(ca,{$alignItems:"center"},xt.createElement(o,{size:20})),!!e&&xt.createElement(ic,{transform:"capitalize"},e),t===go.Loading?xt.createElement(Qr,null):void 0!==t&&xt.createElement(na,{label:t})),(!!i||a)&&xt.createElement(rc,null,"function"==typeof i?xt.createElement(i,{hovered:p}):i,a&&xt.createElement(es,{extend:c}))),!!n&&xt.createElement(ac,null,n)):null,(!a||a&&c)&&(l||xt.createElement(ec,{data:s})))},lc=It.div`
|
|
1269
1151
|
visibility: hidden;
|
|
1270
|
-
`,
|
|
1152
|
+
`,cc=It(ca)`
|
|
1271
1153
|
align-self: stretch;
|
|
1272
1154
|
width: calc(100% - 32px);
|
|
1273
1155
|
padding: 16px;
|
|
@@ -1277,58 +1159,58 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1277
1159
|
&:hover {
|
|
1278
1160
|
cursor: pointer;
|
|
1279
1161
|
background-color: ${e.colors.secondary+Si.opacity.hex["010"]};
|
|
1280
|
-
${
|
|
1162
|
+
${lc} {
|
|
1281
1163
|
visibility: visible;
|
|
1282
1164
|
}
|
|
1283
1165
|
}
|
|
1284
|
-
`:`\n &:hover {\n ${
|
|
1285
|
-
`,
|
|
1166
|
+
`:`\n &:hover {\n ${lc} {\n visibility: visible;\n }\n }\n `}
|
|
1167
|
+
`,dc=It(ca)`
|
|
1286
1168
|
margin-left: auto;
|
|
1287
1169
|
gap: 8px;
|
|
1288
|
-
`,
|
|
1170
|
+
`,pc=It(Li)`
|
|
1289
1171
|
font-size: 10px;
|
|
1290
1172
|
color: ${({theme:e})=>e.text.grey};
|
|
1291
|
-
`,
|
|
1173
|
+
`,uc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=Si.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(cc,{ref:c,$gap:8,$withClick:!!i,onClick:i},xt.createElement(Cs,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&xt.createElement(fs,{maxWidth:s/2,text:e,textSize:14}),e&&t&&xt.createElement(pc,null,"•"),t&&xt.createElement(fs,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),xt.createElement(dc,{ref:d},a&&xt.createElement(xt.Fragment,null,xt.createElement(ir,{orientation:"vertical",length:"24px",margin:"0"}),a())))},hc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===lo.Source?"uninstrument":"delete";return xt.createElement(zr,{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}})},mc=It(sa)`
|
|
1292
1174
|
display: flex;
|
|
1293
1175
|
align-items: center;
|
|
1294
1176
|
justify-content: center;
|
|
1295
1177
|
font-size: 14px;
|
|
1296
1178
|
gap: 6px;
|
|
1297
1179
|
min-width: 100px;
|
|
1298
|
-
`,
|
|
1180
|
+
`,gc=({endpoint:e="/",variant:t="secondary"})=>xt.createElement(mc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},xt.createElement(ct,{size:18}),"Docs"),xc=It(ca)`
|
|
1299
1181
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1300
|
-
|
|
1182
|
+
`,$c=It.div`
|
|
1301
1183
|
display: flex;
|
|
1302
1184
|
align-items: center;
|
|
1303
1185
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1304
1186
|
cursor: pointer;
|
|
1305
|
-
`,
|
|
1187
|
+
`,fc=It(Li)`
|
|
1306
1188
|
padding: 12px;
|
|
1307
1189
|
font-size: 14px;
|
|
1308
1190
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1309
|
-
`,
|
|
1191
|
+
`,bc=({tabs:e,hideBorder:t=!1})=>e?.length?xt.createElement(xc,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>xt.createElement($c,{key:`tab-${e}`,onClick:o,$selected:n},xt.createElement(fc,{$selected:n},e),t&&xt.createElement(t,null)))):null,yc=It.section`
|
|
1310
1192
|
padding: 0px 32px;
|
|
1311
1193
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1312
|
-
`,
|
|
1194
|
+
`,wc=It.div`
|
|
1313
1195
|
height: 76px;
|
|
1314
1196
|
display: flex;
|
|
1315
1197
|
justify-content: space-between;
|
|
1316
1198
|
flex-shrink: 0;
|
|
1317
1199
|
align-self: stretch;
|
|
1318
|
-
`,
|
|
1200
|
+
`,kc=It.div`
|
|
1319
1201
|
display: flex;
|
|
1320
1202
|
align-items: center;
|
|
1321
1203
|
gap: ${({$gap:e})=>e||16}px;
|
|
1322
|
-
`,
|
|
1204
|
+
`,vc=It(Li)`
|
|
1323
1205
|
font-size: 18px;
|
|
1324
1206
|
line-height: 26px;
|
|
1325
1207
|
max-width: ${({$maxWidth:e})=>e};
|
|
1326
1208
|
overflow: hidden;
|
|
1327
1209
|
white-space: nowrap;
|
|
1328
1210
|
text-overflow: ellipsis;
|
|
1329
|
-
`,
|
|
1211
|
+
`,Cc=It(sa)`
|
|
1330
1212
|
gap: 8px;
|
|
1331
|
-
`,
|
|
1213
|
+
`,Ec=It(sa)``,Sc=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>xt.createElement(yc,null,xt.createElement(wc,null,xt.createElement(kc,null,o?.length||n?.length?xt.createElement(Cs,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?xt.createElement(r,null):r||null)||xt.createElement(ur,{text:a||i,withIcon:!!a},i&&xt.createElement(vc,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),xt.createElement(kc,{$gap:2},s,l.map((e,t)=>xt.createElement(Cc,{key:`header-action-button-${t}`,...e})),xt.createElement(Ec,{"data-id":"drawer-close",variant:"secondary",onClick:e},xt.createElement(Je,{size:12})))),xt.createElement(bc,{tabs:c,hideBorder:!0})),Ac=It.div`
|
|
1332
1214
|
display: flex;
|
|
1333
1215
|
justify-content: space-between;
|
|
1334
1216
|
gap: 8px;
|
|
@@ -1336,16 +1218,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1336
1218
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1337
1219
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1338
1220
|
transform: translateY(100%);
|
|
1339
|
-
`,
|
|
1221
|
+
`,Dc=It(ca)`
|
|
1340
1222
|
margin-right: auto;
|
|
1341
|
-
`,
|
|
1223
|
+
`,Tc=It(ca)`
|
|
1342
1224
|
margin: 0 auto;
|
|
1343
|
-
`,
|
|
1225
|
+
`,Nc=It(ca)`
|
|
1344
1226
|
margin-left: auto;
|
|
1345
|
-
`,
|
|
1227
|
+
`,Ic=It(sa)`
|
|
1346
1228
|
min-width: 140px;
|
|
1347
1229
|
font-size: 14px;
|
|
1348
|
-
`,
|
|
1230
|
+
`,zc=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>{const i=Ga({container:Ac,animateIn:Si.animations.slide.in.bottom,animateOut:Si.animations.slide.out.bottom});return xt.createElement(i,{enter:e},xt.createElement(Dc,null,t.map((e,t)=>xt.createElement(Ic,{key:`footer-left-button-${t}`,...e}))),xt.createElement(Tc,null,o.map((e,t)=>xt.createElement(Ic,{key:`footer-center-button-${t}`,...e}))),xt.createElement(Nc,null,n.map((e,t)=>xt.createElement(Ic,{key:`footer-right-button-${t}`,...e}))))},Oc=It.div`
|
|
1349
1231
|
position: fixed;
|
|
1350
1232
|
top: 0;
|
|
1351
1233
|
bottom: 0;
|
|
@@ -1355,36 +1237,36 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1355
1237
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1356
1238
|
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Si.opacity.hex["010"]};
|
|
1357
1239
|
overflow-y: auto;
|
|
1358
|
-
`,
|
|
1240
|
+
`,_c=It.div`
|
|
1359
1241
|
display: flex;
|
|
1360
1242
|
flex-direction: column;
|
|
1361
1243
|
height: 100%;
|
|
1362
|
-
`,
|
|
1244
|
+
`,Fc=It.div`
|
|
1363
1245
|
flex-grow: 1;
|
|
1364
1246
|
padding: 24px 32px;
|
|
1365
1247
|
overflow-y: auto;
|
|
1366
|
-
`,
|
|
1248
|
+
`,Rc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>{Ra({key:"Escape",active:e&&o},()=>t()),wa(e);const l=Ga({container:Oc,animateIn:Si.animations.slide.in[n],animateOut:Si.animations.slide.out[n]});return e?Pt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ha,{hidden:!e,onClick:t}),xt.createElement(l,{"data-id":"drawer",enter:e,$position:n,$width:i},xt.createElement(_c,null,xt.createElement(Sc,{onClose:t,width:i,...r}),xt.createElement(Fc,null,a),xt.createElement(zc,{...s})))),document.body):null},Lc=({error:e})=>{const t=Si.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(sa,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Bc=({children:e})=>xt.createElement(Vt,{FallbackComponent:e=>xt.createElement(Si.Provider,null,xt.createElement(Lc,{...e}))},e),Mc=It(ca)`
|
|
1367
1249
|
position: relative;
|
|
1368
1250
|
width: calc(100% - 24px);
|
|
1369
1251
|
padding: 12px;
|
|
1370
1252
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1371
1253
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Si.opacity.hex["050"]};
|
|
1372
|
-
`,
|
|
1254
|
+
`,Pc=It(ca)`
|
|
1373
1255
|
margin-right: auto;
|
|
1374
1256
|
margin-left: 32px;
|
|
1375
1257
|
gap: 12px;
|
|
1376
|
-
`,
|
|
1258
|
+
`,jc=It(ca)`
|
|
1377
1259
|
margin-left: auto;
|
|
1378
1260
|
margin-right: 32px;
|
|
1379
1261
|
gap: 12px;
|
|
1380
|
-
`,
|
|
1262
|
+
`,Uc=It(ca)`
|
|
1381
1263
|
position: absolute;
|
|
1382
1264
|
left: 50%;
|
|
1383
1265
|
transform: translateX(-50%);
|
|
1384
1266
|
gap: 12px;
|
|
1385
|
-
`,
|
|
1267
|
+
`,Wc=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(Mc,null,xt.createElement(Pc,null,e.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(Uc,null,t.map((e,t)=>e&&xt.createElement($t,{key:t},e))),xt.createElement(jc,null,o.map((e,t)=>e&&xt.createElement($t,{key:t},e)))),Vc=It(Li)`
|
|
1386
1268
|
color: ${({theme:e})=>e.text.grey};
|
|
1387
|
-
`,
|
|
1269
|
+
`,Hc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>xt.createElement(ca,{$gap:6},e&&xt.createElement(e,null),xt.createElement(Vc,{size:14},t),void 0!==o&&xt.createElement(ur,{text:n},xt.createElement(na,{label:o})),i&&xt.createElement(Qr,null)),qc=It.div`
|
|
1388
1270
|
width: fit-content;
|
|
1389
1271
|
height: fit-content;
|
|
1390
1272
|
padding: 4px;
|
|
@@ -1396,7 +1278,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1396
1278
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1397
1279
|
align-items: center;
|
|
1398
1280
|
justify-content: center;
|
|
1399
|
-
`,
|
|
1281
|
+
`,Gc=It.div`
|
|
1400
1282
|
width: 32px;
|
|
1401
1283
|
height: 32px;
|
|
1402
1284
|
|
|
@@ -1409,50 +1291,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1409
1291
|
justify-content: center;
|
|
1410
1292
|
|
|
1411
1293
|
cursor: pointer;
|
|
1412
|
-
`,
|
|
1294
|
+
`,Kc=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>xt.createElement(qc,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(ur,{key:`main-nav-icon-${i}`,text:n},xt.createElement(Gc,{$selected:t,onClick:o},xt.createElement(e,{size:20})))),!!o.length&&!!n.length&&xt.createElement(ir,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(ur,{key:`sub-nav-icon-${i}`,text:n},xt.createElement(Gc,{$selected:t,onClick:o},xt.createElement(e,{size:20}))))),Jc=It.div`
|
|
1413
1295
|
display: flex;
|
|
1414
1296
|
flex-direction: column;
|
|
1415
1297
|
width: 100%;
|
|
1416
|
-
`,
|
|
1298
|
+
`,Yc=It.div`
|
|
1417
1299
|
display: flex;
|
|
1418
1300
|
flex-direction: column;
|
|
1419
1301
|
gap: 8px;
|
|
1420
|
-
`,
|
|
1302
|
+
`,Xc=It.div`
|
|
1421
1303
|
display: flex;
|
|
1422
1304
|
align-items: center;
|
|
1423
1305
|
gap: 16px;
|
|
1424
|
-
`,
|
|
1306
|
+
`,Qc=It(gr)`
|
|
1425
1307
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1426
1308
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1427
|
-
`,
|
|
1309
|
+
`,Zc=({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(Jc,null,xt.createElement(sl,{title:n,required:a,tooltip:i}),xt.createElement(Yc,null,s.map((e,t)=>{const o=t===s.length-1;return xt.createElement(Xc,{key:`input-list-${t}`},xt.createElement(ml,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:On(e)&&!u&&o}),t===s.length-1&&xt.createElement(Qc,{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(Qc,{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(Pi,null,r))},ed=({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(bl,{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(ml,{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))})}})())},td=It.div`
|
|
1428
1310
|
display: flex;
|
|
1429
1311
|
flex-direction: column;
|
|
1430
1312
|
width: 100%;
|
|
1431
|
-
`,
|
|
1313
|
+
`,od=It.button`
|
|
1432
1314
|
margin-top: ${({$marginTop:e})=>e};
|
|
1433
1315
|
background: none;
|
|
1434
1316
|
border: none;
|
|
1435
1317
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1436
1318
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1437
|
-
`,
|
|
1319
|
+
`,nd=({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(td,null,xt.createElement(sl,{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(sl,{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(ir,null))):null,$.map((n,r)=>xt.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>xt.createElement(ed,{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(od,{$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(Pi,null,i),xt.createElement(us,{onClick:()=>{d(e=>{const t=qo(e);return t.push(qo(s)),t})},disabled:m}))},id=It.div`
|
|
1438
1320
|
display: flex;
|
|
1439
1321
|
flex-direction: column;
|
|
1440
1322
|
width: 100%;
|
|
1441
|
-
`,
|
|
1323
|
+
`,ad=It.div`
|
|
1442
1324
|
display: flex;
|
|
1443
1325
|
flex-direction: column;
|
|
1444
1326
|
gap: 8px;
|
|
1445
|
-
|
|
1327
|
+
`,rd=It.div`
|
|
1446
1328
|
display: flex;
|
|
1447
1329
|
align-items: center;
|
|
1448
1330
|
gap: 8px;
|
|
1449
|
-
`,
|
|
1331
|
+
`,sd=It.div`
|
|
1450
1332
|
width: 100%;
|
|
1451
1333
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1452
|
-
`,
|
|
1334
|
+
`,ld=It(gr)`
|
|
1453
1335
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1454
1336
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1455
|
-
`,
|
|
1337
|
+
`,cd={key:"",value:""},dd=({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([{...cd}])},[]);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(id,null,xt.createElement(sl,{title:n,required:r,tooltip:i}),xt.createElement(ad,null,p.map(({key:e,value:t},o)=>xt.createElement(rd,{key:`key-value-input-list-${o}`},xt.createElement(sd,{$maxWidth:d},xt.createElement(ml,{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(sd,{$maxWidth:o===p.length-1?d-38:d},xt.createElement(ml,{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(ld,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...cd}),t})}},xt.createElement(et,null)),xt.createElement(ld,{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(Pi,null,s))},pd=Ot`
|
|
1338
|
+
0% {
|
|
1339
|
+
background-position: 0% 50%;
|
|
1340
|
+
}
|
|
1341
|
+
100% {
|
|
1342
|
+
background-position: 100% 50%;
|
|
1343
|
+
}
|
|
1344
|
+
`,ud=It(Li)`
|
|
1345
|
+
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1346
|
+
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1347
|
+
background-clip: text;
|
|
1348
|
+
color: transparent;
|
|
1349
|
+
animation: ${pd} 1s reverse linear infinite;
|
|
1350
|
+
`,hd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Si.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return xt.createElement(ud,{$textColor:a,$stripColor:r,...n},e)},md=It.div`
|
|
1456
1351
|
display: flex;
|
|
1457
1352
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1458
1353
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1461,51 +1356,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1461
1356
|
border-radius: 32px;
|
|
1462
1357
|
padding: 8px;
|
|
1463
1358
|
`}
|
|
1464
|
-
`,
|
|
1359
|
+
`,gd=(e,t)=>!t?.length||!!t?.find(t=>t===e),xd=({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})=>{gd(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(sl,{title:t,required:o}),xt.createElement(md,{$isVertical:e,$hasError:!!n},jo.map(e=>{const t=gd(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?xt.createElement(Rr,{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(Pi,null,n))},$d=It.div`
|
|
1465
1360
|
display: flex;
|
|
1466
1361
|
gap: 8px;
|
|
1467
1362
|
align-items: center;
|
|
1468
|
-
`,
|
|
1363
|
+
`,fd=It(sa)`
|
|
1469
1364
|
display: flex;
|
|
1470
1365
|
align-items: center;
|
|
1471
1366
|
justify-content: center;
|
|
1472
1367
|
gap: 8px;
|
|
1473
1368
|
min-width: 90px;
|
|
1474
|
-
`,
|
|
1369
|
+
`,bd=({buttons:e})=>{const t=Si.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($d,null,e.map((e,t)=>xt.createElement(ur,{key:t,text:e.tooltip||""},xt.createElement(fd,{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})))))},yd=It.div`
|
|
1475
1370
|
height: ${({$height:e})=>e}px;
|
|
1476
1371
|
width: 100%;
|
|
1477
1372
|
overflow: auto;
|
|
1478
|
-
`,
|
|
1373
|
+
`,wd=It.div`
|
|
1479
1374
|
height: ${({$height:e})=>e}px;
|
|
1480
1375
|
width: 100%;
|
|
1481
1376
|
position: relative;
|
|
1482
|
-
`,
|
|
1377
|
+
`,kd=It.div`
|
|
1483
1378
|
height: ${({$height:e})=>e}px;
|
|
1484
1379
|
width: 100%;
|
|
1485
1380
|
position: absolute;
|
|
1486
1381
|
top: 0;
|
|
1487
1382
|
left: 0;
|
|
1488
1383
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1489
|
-
`,
|
|
1384
|
+
`,vd=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:a}=Oa({items:o,rowHeight:t});return xt.createElement(yd,{ref:n,$height:e},xt.createElement(wd,{$height:i},a.map(({key:e,index:t,size:n,start:i})=>{const a=t>o.length-1,r=o[t];return xt.createElement(kd,{key:e,$height:n,$yOffset:i},a?xt.createElement(pa,null,xt.createElement(hd,null)):r)})))},Cd=It.div`
|
|
1490
1385
|
display: flex;
|
|
1491
1386
|
justify-content: space-between;
|
|
1492
1387
|
align-items: center;
|
|
1493
1388
|
gap: 16px;
|
|
1494
|
-
`,
|
|
1389
|
+
`,Ed=It.div`
|
|
1495
1390
|
display: flex;
|
|
1496
1391
|
flex-direction: column;
|
|
1497
1392
|
gap: 4px;
|
|
1498
|
-
`,
|
|
1393
|
+
`,Sd=It.div`
|
|
1499
1394
|
display: flex;
|
|
1500
1395
|
align-items: center;
|
|
1501
1396
|
gap: 8px;
|
|
1502
|
-
`,
|
|
1397
|
+
`,Ad=It(Li)``,Dd=It(Li)``,Td=({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(Cd,null,xt.createElement(Ed,null,xt.createElement(Sd,null,n&&xt.createElement(n,{size:r}),xt.createElement(Ad,{weight:300,size:r},e),void 0!==o&&xt.createElement(na,{label:o,filled:!!o})),xt.createElement(Dd,{weight:200,opacity:.8,size:s},t)),i&&xt.createElement("div",null,i))},Nd=It.div`
|
|
1503
1398
|
position: relative;
|
|
1504
1399
|
gap: 0;
|
|
1505
1400
|
z-index: 0;
|
|
1506
1401
|
display: grid;
|
|
1507
1402
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1508
|
-
`,
|
|
1403
|
+
`,Id=It.button`
|
|
1509
1404
|
flex: 1;
|
|
1510
1405
|
display: flex;
|
|
1511
1406
|
align-items: center;
|
|
@@ -1519,7 +1414,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1519
1414
|
&:hover {
|
|
1520
1415
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1521
1416
|
}
|
|
1522
|
-
`,
|
|
1417
|
+
`,zd=It.div`
|
|
1523
1418
|
position: absolute;
|
|
1524
1419
|
top: ${({$y:e})=>e}px;
|
|
1525
1420
|
left: ${({$x:e})=>e}px;
|
|
@@ -1529,7 +1424,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1529
1424
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1530
1425
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1531
1426
|
transition: all 0.3s;
|
|
1532
|
-
`,
|
|
1427
|
+
`,Od=({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(Nd,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return xt.createElement(Id,{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(Li,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),xt.createElement(zd,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},_d=It(sa)`
|
|
1533
1428
|
gap: 8px;
|
|
1534
1429
|
text-transform: none;
|
|
1535
1430
|
text-decoration: none;
|
|
@@ -1543,71 +1438,71 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1543
1438
|
&.selected {
|
|
1544
1439
|
background-color: ${({theme:e})=>e.colors.majestic_blue+Si.opacity.hex["030"]};
|
|
1545
1440
|
}
|
|
1546
|
-
`,
|
|
1441
|
+
`,Fd=It(Li)`
|
|
1547
1442
|
white-space: nowrap;
|
|
1548
1443
|
overflow: hidden;
|
|
1549
1444
|
text-overflow: ellipsis;
|
|
1550
1445
|
font-size: 14px;
|
|
1551
|
-
`,
|
|
1446
|
+
`,Rd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Si.useTheme();return xt.createElement(_d,{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(Fd,null,e),r&&xt.createElement("div",null,xt.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&xt.createElement(na,{label:i,filled:a||r}))},Ld=It.div`
|
|
1552
1447
|
display: flex;
|
|
1553
1448
|
flex-direction: column;
|
|
1554
1449
|
gap: 16px;
|
|
1555
1450
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1556
|
-
`,
|
|
1451
|
+
`,Bd=It.div`
|
|
1557
1452
|
display: flex;
|
|
1558
1453
|
align-items: center;
|
|
1559
1454
|
gap: 16px;
|
|
1560
|
-
`,
|
|
1455
|
+
`,Md=It.div`
|
|
1561
1456
|
width: 50px;
|
|
1562
1457
|
height: 50px;
|
|
1563
1458
|
border-radius: 8px;
|
|
1564
1459
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1565
1460
|
background-size: 200% 100%;
|
|
1566
1461
|
animation: ${Si.animations.shimmer} 10s infinite linear;
|
|
1567
|
-
`,
|
|
1462
|
+
`,Pd=It(da)`
|
|
1568
1463
|
flex: 1;
|
|
1569
1464
|
gap: 12px;
|
|
1570
|
-
`,
|
|
1465
|
+
`,jd=It.div`
|
|
1571
1466
|
width: ${({$width:e})=>e};
|
|
1572
1467
|
height: 16px;
|
|
1573
1468
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1574
1469
|
background-size: 200% 100%;
|
|
1575
1470
|
animation: ${Si.animations.shimmer} 1.5s infinite linear;
|
|
1576
1471
|
border-radius: 4px;
|
|
1577
|
-
`,
|
|
1472
|
+
`,Ud=({size:e=5,maxWidth:t})=>xt.createElement(Ld,{$maxWidth:t},[...Array(e)].map((e,t)=>xt.createElement(Bd,{key:t},xt.createElement(Md,null),xt.createElement(Pd,null,xt.createElement(jd,{$width:"80%"}),xt.createElement(jd,{$width:"100%"})))));var Wd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Wd||(Wd={}));const Vd=It.div`
|
|
1578
1473
|
display: flex;
|
|
1579
1474
|
flex-direction: column;
|
|
1580
1475
|
gap: 32px;
|
|
1581
|
-
`,
|
|
1476
|
+
`,Hd=It.div`
|
|
1582
1477
|
display: flex;
|
|
1583
1478
|
gap: 16px;
|
|
1584
1479
|
padding: 8px;
|
|
1585
|
-
opacity: ${({$state:e})=>e===
|
|
1480
|
+
opacity: ${({$state:e})=>e===Wd.Active?1:e===Wd.Disabled?.5:.8};
|
|
1586
1481
|
transition: all 0.3s;
|
|
1587
|
-
`,
|
|
1482
|
+
`,qd=It(ca)`
|
|
1588
1483
|
justify-content: center;
|
|
1589
1484
|
width: 24px;
|
|
1590
1485
|
height: 24px;
|
|
1591
1486
|
border-radius: 32px;
|
|
1592
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1593
|
-
opacity: ${({$state:e})=>e===
|
|
1594
|
-
`,
|
|
1487
|
+
border: ${({theme:e,$state:t})=>t===Wd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1488
|
+
opacity: ${({$state:e})=>e===Wd.Finished?.8:1};
|
|
1489
|
+
`,Gd=It(da)`
|
|
1595
1490
|
justify-content: center;
|
|
1596
1491
|
gap: 8px;
|
|
1597
|
-
`,
|
|
1492
|
+
`,Kd=It(Li)``,Jd=It(Li)``,Yd=({data:e,currentStep:t=0})=>{const[o,n]=bt([]);return yt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Wd.Finished,subtitle:e.subtitle||ho.Success}:o===t-1?{...e,state:Wd.Active,subtitle:""}:{...e,state:Wd.Disabled,subtitle:""}))},[t,e]),xt.createElement(Vd,null,o.map((e,t)=>xt.createElement(Hd,{key:t,$state:e.state},xt.createElement(qd,{$state:e.state},[Wd.Active,Wd.Disabled].includes(e.state)?xt.createElement(Li,{size:12},e.stepNumber):e.state===Wd.Finished?xt.createElement(Ge,{size:20}):null),xt.createElement(Gd,null,xt.createElement(Kd,{family:"secondary"},e.title),e.subtitle&&xt.createElement(Jd,{size:10,weight:300},e.subtitle)))))},Xd=It(ca)`
|
|
1598
1493
|
width: fit-content;
|
|
1599
1494
|
gap: 6px;
|
|
1600
1495
|
padding: 6px 12px;
|
|
1601
1496
|
border-radius: 360px;
|
|
1602
1497
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1603
|
-
`,
|
|
1498
|
+
`,Qd=It(Li)`
|
|
1604
1499
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1605
|
-
`,
|
|
1500
|
+
`,Zd=({type:e=ho.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>xt.createElement(Xd,{$type:e},t&&xt.createElement(t,null),xt.createElement(Qd,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),ep=It.div`
|
|
1606
1501
|
display: flex;
|
|
1607
1502
|
flex-direction: column;
|
|
1608
1503
|
position: relative;
|
|
1609
1504
|
width: 100%;
|
|
1610
|
-
`,
|
|
1505
|
+
`,tp=It.div`
|
|
1611
1506
|
width: 100%;
|
|
1612
1507
|
display: flex;
|
|
1613
1508
|
align-items: center;
|
|
@@ -1635,7 +1530,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1635
1530
|
&:focus-within {
|
|
1636
1531
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1637
1532
|
}
|
|
1638
|
-
`,
|
|
1533
|
+
`,op=It.textarea`
|
|
1639
1534
|
flex: 1;
|
|
1640
1535
|
border: none;
|
|
1641
1536
|
outline: none;
|
|
@@ -1659,13 +1554,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1659
1554
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1660
1555
|
cursor: not-allowed;
|
|
1661
1556
|
}
|
|
1662
|
-
`,
|
|
1557
|
+
`,np=({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(ep,null,xt.createElement(sl,{title:t,required:n,tooltip:o}),xt.createElement(tp,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},xt.createElement(op,{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(Pi,null,e))},ip=It.div`
|
|
1663
1558
|
display: flex;
|
|
1664
1559
|
align-items: center;
|
|
1665
1560
|
gap: 12px;
|
|
1666
1561
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1667
1562
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1668
|
-
`,
|
|
1563
|
+
`,ap=It.div`
|
|
1669
1564
|
width: 24px;
|
|
1670
1565
|
height: 12px;
|
|
1671
1566
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1687,11 +1582,116 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1687
1582
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1688
1583
|
transition: background-color 0.3s, transform 0.3s;
|
|
1689
1584
|
}
|
|
1690
|
-
`,
|
|
1585
|
+
`,rp=({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(ip,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&xt.createElement(ap,{$disabled:i,$isActive:s}),(e||t)&&xt.createElement(ur,{text:t,withIcon:!0},e&&xt.createElement(Li,{size:14},e)),r&&xt.createElement(ap,{$disabled:i,$isActive:s}))};var sp={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 lp=It.div`
|
|
1691
1586
|
width: ${({$width:e})=>e}px;
|
|
1692
1587
|
height: ${({$height:e})=>e}px;
|
|
1693
1588
|
position: relative;
|
|
1694
|
-
|
|
1589
|
+
`,cp=({width:e=620})=>{const{darkMode:t}=Si.useTheme(),o=e/(620/220),n=e;return xt.createElement(lp,{$width:n,$height:o},xt.createElement(Ht,{autoplay:!0,loop:!0,animationData:sp,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 dp,pp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(dp||(dp={})),function(e){e.S="small",e.M="medium",e.L="large"}(pp||(pp={}));const up=It.button`
|
|
1590
|
+
display: flex;
|
|
1591
|
+
align-items: center;
|
|
1592
|
+
justify-content: center;
|
|
1593
|
+
gap: 8px;
|
|
1594
|
+
${({$fullWidth:e})=>e&&Ft`
|
|
1595
|
+
width: 100%;
|
|
1596
|
+
`}
|
|
1597
|
+
border: none;
|
|
1598
|
+
border-radius: 6px;
|
|
1599
|
+
${({$size:e,$hasLabel:t})=>e===pp.S?Ft`
|
|
1600
|
+
height: 32px;
|
|
1601
|
+
${t?Ft`
|
|
1602
|
+
padding: 8px 16px;
|
|
1603
|
+
`:Ft`
|
|
1604
|
+
width: 32px;
|
|
1605
|
+
`}
|
|
1606
|
+
`:e===pp.M?Ft`
|
|
1607
|
+
height: 38px;
|
|
1608
|
+
${t?Ft`
|
|
1609
|
+
padding: 8px 18px;
|
|
1610
|
+
`:Ft`
|
|
1611
|
+
width: 38px;
|
|
1612
|
+
`}
|
|
1613
|
+
`:Ft`
|
|
1614
|
+
height: 44px;
|
|
1615
|
+
${t?Ft`
|
|
1616
|
+
padding: 8px 22px;
|
|
1617
|
+
`:Ft`
|
|
1618
|
+
width: 44px;
|
|
1619
|
+
`}
|
|
1620
|
+
`}
|
|
1621
|
+
|
|
1622
|
+
cursor: pointer;
|
|
1623
|
+
&:disabled {
|
|
1624
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1625
|
+
cursor: not-allowed;
|
|
1626
|
+
}
|
|
1627
|
+
&:enabled {
|
|
1628
|
+
${({$withShadow:e})=>e?Ft`
|
|
1629
|
+
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1630
|
+
`:""}
|
|
1631
|
+
${({$variant:e})=>e===dp.Primary?Ft`
|
|
1632
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1633
|
+
&:hover {
|
|
1634
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
1635
|
+
}
|
|
1636
|
+
&:active {
|
|
1637
|
+
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1638
|
+
}
|
|
1639
|
+
`:e===dp.Secondary?Ft`
|
|
1640
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1641
|
+
&:hover {
|
|
1642
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1643
|
+
}
|
|
1644
|
+
&:active {
|
|
1645
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1646
|
+
}
|
|
1647
|
+
`:e===dp.Text?Ft`
|
|
1648
|
+
background-color: transparent;
|
|
1649
|
+
&:hover {
|
|
1650
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1651
|
+
}
|
|
1652
|
+
&:active {
|
|
1653
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1654
|
+
}
|
|
1655
|
+
`:""}
|
|
1656
|
+
}
|
|
1657
|
+
`,hp=vt(({label:e,leftIcon:t,rightIcon:o,variant:n=dp.Primary,size:i=pp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Si.useTheme(),m=a||(i===pp.L?18:16),g=i===pp.L?Di.S:Di.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return xt.createElement(up,{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(hd,{size:h.v2.text.size[g],textColor:x}):xt.createElement(Qr,null):xt.createElement(xt.Fragment,null,t&&xt.createElement(t,{size:m,fill:x}),e?xt.createElement(Ni,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&xt.createElement(o,{size:m,fill:x})))});hp.displayName=hp.name;const mp=It.button`
|
|
1658
|
+
width: 100%;
|
|
1659
|
+
padding: 0;
|
|
1660
|
+
padding-right: 12px;
|
|
1661
|
+
display: flex;
|
|
1662
|
+
align-items: center;
|
|
1663
|
+
justify-content: flex-start;
|
|
1664
|
+
gap: 12px;
|
|
1665
|
+
border-radius: 8px;
|
|
1666
|
+
border: none;
|
|
1667
|
+
${({$hovered:e})=>e?Ft`
|
|
1668
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1669
|
+
`:Ft`
|
|
1670
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1671
|
+
`}
|
|
1672
|
+
overflow: hidden;
|
|
1673
|
+
cursor: pointer;
|
|
1674
|
+
&:disabled {
|
|
1675
|
+
cursor: not-allowed;
|
|
1676
|
+
}
|
|
1677
|
+
`,gp=It.div`
|
|
1678
|
+
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1679
|
+
height: 56px;
|
|
1680
|
+
display: flex;
|
|
1681
|
+
align-items: center;
|
|
1682
|
+
justify-content: center;
|
|
1683
|
+
${({$hovered:e})=>e?Ft`
|
|
1684
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1685
|
+
`:Ft`
|
|
1686
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1687
|
+
`}
|
|
1688
|
+
`,xp=It.div`
|
|
1689
|
+
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1690
|
+
display: flex;
|
|
1691
|
+
justify-content: space-between;
|
|
1692
|
+
align-items: center;
|
|
1693
|
+
gap: 8px;
|
|
1694
|
+
`,$p=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=bt(!1);return xt.createElement(mp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},xt.createElement(gp,{$hovered:i,$hasIcon:!!t},t&&xt.createElement(t,{size:36})),xt.createElement(xp,{$hasIcon:!!t},o?xt.createElement(hd,{size:16}):xt.createElement(Ni,{variant:Ai.Span,align:"center"},e),xt.createElement(dt,{rotate:90,size:24})))},fp=({buttons:e})=>xt.createElement(da,{$gap:12},e.map(e=>xt.createElement($p,{key:e.label,...e}))),bp=It.div`
|
|
1695
1695
|
display: flex;
|
|
1696
1696
|
align-items: center;
|
|
1697
1697
|
flex-wrap: wrap;
|
|
@@ -1705,7 +1705,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1705
1705
|
display: flex;
|
|
1706
1706
|
flex-direction: column;
|
|
1707
1707
|
gap: 4px;
|
|
1708
|
-
`,wp=({cellsPerRow:e,items:t})=>{const o=_t(),{CopyButton:n}=
|
|
1708
|
+
`,wp=({cellsPerRow:e,items:t})=>{const o=_t(),{CopyButton:n}=Ta();return xt.createElement(bp,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>xt.createElement(yp,{key:i,$cellsPerRow:e||t.length},xt.createElement(Ni,{size:Di.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),xt.createElement(ca,{$gap:4},l&&xt.createElement(zi,{...l}),r&&xt.createElement(Ni,{size:Di.XS,nowrap:!0},r),s&&xt.createElement(n,{value:r||l?.label?.toString()||"",size:Sa.XS})))))},kp=It.div`
|
|
1709
1709
|
width: ${({$width:e})=>e||"unset"};
|
|
1710
1710
|
padding: 6px 12px;
|
|
1711
1711
|
display: flex;
|
|
@@ -1733,7 +1733,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1733
1733
|
overflow: hidden;
|
|
1734
1734
|
text-overflow: ellipsis;
|
|
1735
1735
|
white-space: nowrap;
|
|
1736
|
-
`,Cp=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=Si.useTheme(),[a,r]=
|
|
1736
|
+
`,Cp=({placeholder:e="Search...",value:t,onChange:o,width:n})=>{const i=Si.useTheme(),[a,r]=bt(!1),[s,l]=bt(!1),c=s?i.v2.colors.white[500]:i.v2.colors.silver[200];return xt.createElement(kp,{$width:n,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),$isHovered:a,$isActive:s},xt.createElement(at,{size:18,fill:c}),xt.createElement(vp,{"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 Ep;!function(e){e.S="small",e.L="large"}(Ep||(Ep={}));const Sp=It.div`
|
|
1737
1737
|
width: fit-content;
|
|
1738
1738
|
display: flex;
|
|
1739
1739
|
align-items: center;
|
|
@@ -1748,9 +1748,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1748
1748
|
border-radius: 4px;
|
|
1749
1749
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1750
1750
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1751
|
-
`,Dp=({label:e,size:t=Ep.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Si.useTheme(),[s,l]=
|
|
1751
|
+
`,Dp=({label:e,size:t=Ep.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=Si.useTheme(),[s,l]=bt(!1),c=n||i,d=t===Ep.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(Sp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},xt.createElement(Ap,{$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(Ni,{size:t===Ep.S?Di.XXS:Di.XS,nowrap:!0},e))},Tp=It.div`
|
|
1752
|
+
display: flex;
|
|
1753
|
+
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
1754
|
+
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
1755
|
+
`,Np=({direction:e=to.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===Ep.S?Di.XXS:Di.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(Tp,{$direction:e},t&&i?xt.createElement(Dp,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?xt.createElement(Ni,{size:l},t):null,a.map(e=>xt.createElement(Dp,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))};var Ip;!function(e){e.Left="left",e.Right="right"}(Ip||(Ip={}));const zp=It.div`
|
|
1752
1756
|
position: relative;
|
|
1753
|
-
`,
|
|
1757
|
+
`,Op=It.div`
|
|
1754
1758
|
display: flex;
|
|
1755
1759
|
flex-direction: column;
|
|
1756
1760
|
gap: 0;
|
|
@@ -1763,7 +1767,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1763
1767
|
position: absolute;
|
|
1764
1768
|
top: ${({$withButton:e})=>e?"calc(100% + 8px)":"0"};
|
|
1765
1769
|
${({$align:e})=>`${e}: 0;`}
|
|
1766
|
-
`,
|
|
1770
|
+
`,_p=It.div`
|
|
1767
1771
|
display: flex;
|
|
1768
1772
|
align-items: center;
|
|
1769
1773
|
gap: 8px;
|
|
@@ -1779,14 +1783,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1779
1783
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1780
1784
|
}
|
|
1781
1785
|
`}
|
|
1782
|
-
`,
|
|
1786
|
+
`,Fp=({items:e,selectedId:t,onSelect:o,defaultOpen:n,buttonProps:i})=>{const a=_t(),[r,s]=bt(Ip.Left),[l,c]=bt(n??!i),d=e=>{o(e),i&&c(!1)};return xt.createElement(zp,null,i&&xt.createElement(hp,{...i,rightIcon:l?pt:ut,onClick:e=>{s(e.clientX>window.innerWidth/2?Ip.Right:Ip.Left),c(e=>!e)}}),l&&xt.createElement(Op,{$withButton:!!i,$align:r},e.map(({id:e,label:o,icon:n,withCheckbox:i})=>{const r=t===e;return xt.createElement(_p,{key:e,$selected:r,onClick:()=>d(e)},i&&xt.createElement(Dp,{value:r,onChange:()=>d(e)}),n&&xt.createElement(n,{size:14,fill:a.v2.colors.white[500]}),xt.createElement(Ni,{size:Di.XS,nowrap:!0},o))})))};var Rp,Lp;!function(e){e.S="small",e.M="medium"}(Rp||(Rp={})),function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Lp||(Lp={}));const Bp=It.div`
|
|
1783
1787
|
display: flex;
|
|
1784
1788
|
flex-direction: column;
|
|
1785
1789
|
gap: ${({$gap:e})=>e}px;
|
|
1786
1790
|
padding: ${({$padding:e})=>e}px;
|
|
1787
1791
|
border-radius: 16px;
|
|
1788
1792
|
background-color: ${({$backgroundWeight:e,theme:t})=>t.v2.colors.silver[e]};
|
|
1789
|
-
`,
|
|
1793
|
+
`,Mp=({size:e=Rp.M,backgroundWeight:t="900",icon:o,title:n,withCopyTitle:i,badge:a,search:r,actions:s,children:l})=>{const{CopyButton:c}=Ta(),d=e===Rp.S?4:16,p=e===Rp.S?12:16;return xt.createElement(Bp,{$padding:p,$gap:d,$backgroundWeight:t},xt.createElement(ca,{$gap:16,$justifyContent:"space-between"},xt.createElement(ca,{$gap:8,$alignItems:"center"},xt.createElement(o,{size:24}),xt.createElement(Ni,null,n),i&&xt.createElement(c,{value:n,size:Sa.XS}),a&&xt.createElement(zi,{...a}),r&&xt.createElement(Cp,{...r})),xt.createElement(ca,{$gap:8,$alignItems:"center"},s?.map(e=>{switch(e.type){case Lp.Button:return xt.createElement(hp,{key:e.id,...e.buttonProps,label:e.buttonProps?.label??""});case Lp.ButtonDropData:return xt.createElement(Fp,{key:e.id,items:e.dropDataItems??[],selectedId:"",onSelect:t=>e.buttonProps?.onClick?.(t),buttonProps:e.buttonProps});default:return null}}))),l)},Pp=It.div`
|
|
1790
1794
|
flex: 1;
|
|
1791
1795
|
align-self: stretch;
|
|
1792
1796
|
display: flex;
|
|
@@ -1795,7 +1799,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1795
1799
|
padding: 16px;
|
|
1796
1800
|
border-radius: 12px;
|
|
1797
1801
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,t===xo.Unknown?"750":"500")};
|
|
1798
|
-
`,
|
|
1802
|
+
`,jp=It.div`
|
|
1799
1803
|
display: flex;
|
|
1800
1804
|
align-items: center;
|
|
1801
1805
|
justify-content: center;
|
|
@@ -1804,7 +1808,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1804
1808
|
padding: 8px;
|
|
1805
1809
|
border-radius: 12px;
|
|
1806
1810
|
background-color: ${({theme:e,$status:t})=>t===xo.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+Si.opacity.hex["015"]};
|
|
1807
|
-
`,
|
|
1811
|
+
`,Up=({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(Pp,{$status:e},xt.createElement(jp,{$status:e},xt.createElement(a,{size:32,fill:r})),xt.createElement(da,{$gap:2,$justifyContent:"center"},xt.createElement(Ni,{size:Di.M,weight:500,color:r,nowrap:!0},o),xt.createElement(Ni,{size:Di.XXS,weight:300,color:r,nowrap:!0},n)))},Wp=It.div`
|
|
1808
1812
|
flex: 1;
|
|
1809
1813
|
align-self: stretch;
|
|
1810
1814
|
display: flex;
|
|
@@ -1813,11 +1817,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1813
1817
|
padding: 12px;
|
|
1814
1818
|
border-radius: 12px;
|
|
1815
1819
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1816
|
-
`,
|
|
1817
|
-
display: flex;
|
|
1818
|
-
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
1819
|
-
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
1820
|
-
`,Hp=({direction:e=to.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===Ep.S?Di.XXS:Di.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(Vp,{$direction:e},t&&i?xt.createElement(Dp,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?xt.createElement(Ni,{size:l},t):null,a.map(e=>xt.createElement(Dp,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))},qp=It(ya)`
|
|
1820
|
+
`,Vp=["-","N/A"],Hp=({title:e,cells:t})=>{const o=_t();return xt.createElement(Wp,null,xt.createElement(Ni,{size:Di.XXS,color:o.v2.colors.grey[150]},e),xt.createElement(ca,{$gap:32},t.map(t=>xt.createElement(da,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!Vp.includes(t.value)?xt.createElement(Ni,{size:t.label?Di.M:Di.L},t.value):xt.createElement(Qr,{scale:.9}),t.label&&xt.createElement(Ni,{size:Di.XXS},t.label)))))},qp=It(ca)`
|
|
1821
1821
|
width: calc(100% - 20px);
|
|
1822
1822
|
padding: 10px;
|
|
1823
1823
|
border-radius: 6px;
|
|
@@ -1843,7 +1843,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1843
1843
|
flex-shrink: 0;
|
|
1844
1844
|
font-size: 14px;
|
|
1845
1845
|
color: #5ffb98; // TODO: add to theme
|
|
1846
|
-
`,Yp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=
|
|
1846
|
+
`,Yp=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=Ta({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(qp,null,xt.createElement(Gp,{$hideCopy:t},xt.createElement(Kp,{ref:i},e),a&&xt.createElement(Jp,null,"...")),!t&&xt.createElement(n,{value:e,size:Sa.XS}))},Xp=It.div`
|
|
1847
1847
|
display: flex;
|
|
1848
1848
|
align-items: center;
|
|
1849
1849
|
justify-content: space-between;
|
|
@@ -1865,7 +1865,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1865
1865
|
display: flex;
|
|
1866
1866
|
align-items: center;
|
|
1867
1867
|
gap: 12px;
|
|
1868
|
-
`,tu=({icon:e,title:t,actions:o,onClose:n})=>xt.createElement(Xp,null,xt.createElement(Qp,null,xt.createElement(Zp,null,xt.createElement(e,{size:24})),xt.createElement(Ni,{size:Di.S},t)),xt.createElement(eu,null,o?.length?xt.createElement(
|
|
1868
|
+
`,tu=({icon:e,title:t,actions:o,onClose:n})=>xt.createElement(Xp,null,xt.createElement(Qp,null,xt.createElement(Zp,null,xt.createElement(e,{size:24})),xt.createElement(Ni,{size:Di.S},t)),xt.createElement(eu,null,o?.length?xt.createElement(Da,{icon:ht,size:Sa.M,onClick:()=>alert("todo")}):null,xt.createElement(Da,{icon:Je,size:Sa.M,onClick:n}))),ou=It.div`
|
|
1869
1869
|
position: fixed;
|
|
1870
1870
|
top: 0;
|
|
1871
1871
|
bottom: 0;
|
|
@@ -1887,7 +1887,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1887
1887
|
border-radius: ${({$position:e})=>"left"===e?"20px 20px 20px 0":"20px 20px 0 20px"};
|
|
1888
1888
|
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1889
1889
|
overflow-y: auto;
|
|
1890
|
-
`,iu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(
|
|
1890
|
+
`,iu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(wa(e),e?jt(xt.createElement(xt.Fragment,null,!t&&xt.createElement(ha,{hidden:!e,onClick:i.onClose}),xt.createElement(ou,{$position:o,$width:n},xt.createElement(tu,{...i}),xt.createElement(nu,{$position:o},a))),document.body):null),au=It.header`
|
|
1891
1891
|
position: relative;
|
|
1892
1892
|
width: calc(100% - 36px);
|
|
1893
1893
|
padding: 12px 18px;
|
|
@@ -1895,22 +1895,36 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1895
1895
|
display: flex;
|
|
1896
1896
|
align-items: center;
|
|
1897
1897
|
justify-content: space-between;
|
|
1898
|
-
`,ru=It(
|
|
1898
|
+
`,ru=It(ca)`
|
|
1899
1899
|
position: absolute;
|
|
1900
1900
|
left: 50%;
|
|
1901
1901
|
transform: translateX(-50%);
|
|
1902
1902
|
gap: 16px;
|
|
1903
|
-
`,su=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(au,null,xt.createElement(
|
|
1903
|
+
`,su=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(au,null,xt.createElement(ca,{$gap:16},e),xt.createElement(ru,null,t),xt.createElement(ca,{$gap:16},o)),lu=It.div`
|
|
1904
|
+
display: flex;
|
|
1905
|
+
align-items: center;
|
|
1906
|
+
gap: 2px;
|
|
1907
|
+
width: fit-content;
|
|
1908
|
+
padding: 4px;
|
|
1909
|
+
border-radius: 8px;
|
|
1910
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1911
|
+
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
|
|
1912
|
+
|
|
1913
|
+
position: absolute;
|
|
1914
|
+
right: ${({$right:e})=>e||"12px"};
|
|
1915
|
+
top: 50%;
|
|
1916
|
+
transform: translateY(-50%);
|
|
1917
|
+
`,cu=({isOpen:e,actions:t,positionRight:o})=>e?xt.createElement(lu,{$right:o},t.map(e=>xt.createElement(hp,{key:e.id,...e,variant:dp.Secondary,size:pp.S}))):null,du=It.span`
|
|
1904
1918
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1905
1919
|
font-size: 14px;
|
|
1906
1920
|
font-weight: 400;
|
|
1907
1921
|
color: ${({theme:e})=>e.text.error};
|
|
1908
|
-
`,
|
|
1922
|
+
`,pu=It.span`
|
|
1909
1923
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1910
1924
|
font-size: 14px;
|
|
1911
1925
|
font-weight: 400;
|
|
1912
1926
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1913
|
-
`,
|
|
1927
|
+
`,uu=It.div`
|
|
1914
1928
|
padding: 12px;
|
|
1915
1929
|
display: flex;
|
|
1916
1930
|
align-self: stretch;
|
|
@@ -1927,7 +1941,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1927
1941
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1928
1942
|
}
|
|
1929
1943
|
`}
|
|
1930
|
-
`,
|
|
1944
|
+
`,hu=It.input`
|
|
1931
1945
|
flex: 1;
|
|
1932
1946
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1933
1947
|
font-size: 14px;
|
|
@@ -1951,16 +1965,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1951
1965
|
overflow: hidden;
|
|
1952
1966
|
text-overflow: ellipsis;
|
|
1953
1967
|
white-space: nowrap;
|
|
1954
|
-
`,
|
|
1968
|
+
`,mu=It.div`
|
|
1955
1969
|
cursor: pointer;
|
|
1956
|
-
`,
|
|
1970
|
+
`,gu=({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=Si.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(da,{$gap:6},xt.createElement(ca,{$justifyContent:"space-between"},e&&xt.createElement(pu,null,e),xt.createElement(ca,{$gap:10},o&&xt.createElement(ur,{text:o,withIcon:!0}),t&&xt.createElement(du,null,"*"))),xt.createElement(uu,{$disabled:p,$error:!!a},n?xt.createElement(n,{size:18,fill:$}):null,xt.createElement(hu,{"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(mu,{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(ca,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.red[500]}),xt.createElement(Ni,{size:Di.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?xt.createElement(ca,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),xt.createElement(Ni,{size:Di.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},xu=Ot`
|
|
1957
1971
|
0% {
|
|
1958
1972
|
background-position: 0% 50%;
|
|
1959
1973
|
}
|
|
1960
1974
|
100% {
|
|
1961
1975
|
background-position: 100% 50%;
|
|
1962
1976
|
}
|
|
1963
|
-
|
|
1977
|
+
`,$u=It(Ni)`
|
|
1964
1978
|
display: flex;
|
|
1965
1979
|
align-items: center;
|
|
1966
1980
|
gap: 4px;
|
|
@@ -1969,8 +1983,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1969
1983
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1970
1984
|
background-clip: text;
|
|
1971
1985
|
color: transparent;
|
|
1972
|
-
animation: ${
|
|
1973
|
-
`,
|
|
1986
|
+
animation: ${xu} 1s reverse linear infinite;
|
|
1987
|
+
`,fu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=Si.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return xt.createElement(xt.Fragment,null,e?xt.createElement(ca,{$gap:4},t&&xt.createElement(t,null),o?xt.createElement($u,{$textColor:s,$stripColor:l,...a},e):xt.createElement(Ni,{color:s,...a},e)):null)},bu=It.div`
|
|
1974
1988
|
position: fixed;
|
|
1975
1989
|
top: 50%;
|
|
1976
1990
|
left: 50%;
|
|
@@ -1983,13 +1997,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1983
1997
|
overflow: hidden;
|
|
1984
1998
|
|
|
1985
1999
|
animation-name: ${Si.animations.slide.in.center};
|
|
1986
|
-
`,
|
|
2000
|
+
`,yu=It.div`
|
|
1987
2001
|
position: relative;
|
|
1988
|
-
`,
|
|
2002
|
+
`,wu=It.div`
|
|
1989
2003
|
position: absolute;
|
|
1990
2004
|
top: 16px;
|
|
1991
2005
|
left: 16px;
|
|
1992
|
-
`,
|
|
2006
|
+
`,ku=({isOpen:e,onBack:t,onClose:o,children:n})=>(wa(e),e?jt(xt.createElement(xt.Fragment,null,xt.createElement(ha,{hidden:!e,onClick:o}),xt.createElement(bu,null,xt.createElement(yu,null,t&&xt.createElement(wu,null,xt.createElement(Da,{icon:e=>xt.createElement(dt,{rotate:-90,...e}),size:Sa.L,onClick:t})),n))),document.body):null),vu=It.aside`
|
|
1993
2007
|
display: flex;
|
|
1994
2008
|
flex-direction: column;
|
|
1995
2009
|
gap: 8px;
|
|
@@ -1998,14 +2012,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1998
2012
|
padding: 16px 12px;
|
|
1999
2013
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2000
2014
|
overflow-y: auto;
|
|
2001
|
-
`,
|
|
2015
|
+
`,Cu=({height:e,icons:t})=>xt.createElement(vu,{$height:e},t.map(({id:e,selected:t,icon:o,onClick:n})=>xt.createElement(hp,{key:e,label:"",leftIcon:o,iconSize:24,onClick:n,variant:t?dp.Primary:dp.Text}))),Eu=It.div`
|
|
2002
2016
|
display: flex;
|
|
2003
2017
|
align-items: center;
|
|
2004
2018
|
gap: 10px;
|
|
2005
2019
|
padding: 4px;
|
|
2006
2020
|
border-radius: 8px;
|
|
2007
2021
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"1000":"900")};
|
|
2008
|
-
`,
|
|
2022
|
+
`,Su=It.div`
|
|
2009
2023
|
width: 36px;
|
|
2010
2024
|
height: 36px;
|
|
2011
2025
|
display: flex;
|
|
@@ -2013,26 +2027,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2013
2027
|
justify-content: center;
|
|
2014
2028
|
border-radius: 6px;
|
|
2015
2029
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[ho.Info].includes(t)?"900":"800")};
|
|
2016
|
-
`,
|
|
2030
|
+
`,Au=({status:e,message:t})=>{const o=Si.useTheme(),n=Sn(e,o);return xt.createElement(Eu,{$status:e},xt.createElement("div",null,xt.createElement(Su,{$status:e},xt.createElement(n,{size:24}))),xt.createElement(Ni,{color:Cn(o,e,e===ho.Default?"300":e===ho.Info?"400":"500"),size:Di.XXS,weight:400},t))};var Du;!function(e){e.S="small",e.L="large"}(Du||(Du={}));const Tu=It.div`
|
|
2017
2031
|
width: fit-content;
|
|
2018
2032
|
display: flex;
|
|
2019
2033
|
align-items: center;
|
|
2020
2034
|
gap: 8px;
|
|
2021
2035
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2022
|
-
`,
|
|
2023
|
-
width: ${({$size:e})=>e===
|
|
2024
|
-
height: ${({$size:e})=>e===
|
|
2036
|
+
`,Nu=It.div`
|
|
2037
|
+
width: ${({$size:e})=>e===Du.S?"16px":"20px"};
|
|
2038
|
+
height: ${({$size:e})=>e===Du.S?"16px":"20px"};
|
|
2025
2039
|
display: flex;
|
|
2026
2040
|
align-items: center;
|
|
2027
2041
|
justify-content: center;
|
|
2028
2042
|
border-radius: 100%;
|
|
2029
2043
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2030
2044
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2031
|
-
`,
|
|
2045
|
+
`,Iu=({label:e,value:t,onChange:o,disabled:n,size:i=Du.L})=>{const a=Si.useTheme(),[r,s]=bt(!1),l=t,c=i===Du.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(Tu,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},xt.createElement(Nu,{$size:i,$borderColor:p,$backgroundColor:u},t?xt.createElement(mt,{size:c,fill:d}):null),e&&xt.createElement(Ni,{size:i===Du.S?Di.XXS:Di.XS},e))},zu=It.div`
|
|
2032
2046
|
display: flex;
|
|
2033
2047
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2034
2048
|
gap: ${({$gap:e})=>e}px;
|
|
2035
|
-
`,
|
|
2049
|
+
`,Ou=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>xt.createElement(zu,{$flexDirection:t===to.Horizontal?"row":"column",$gap:t===to.Horizontal?16:8},e&&xt.createElement(Ni,null,e),i.map(t=>xt.createElement(Iu,{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}))),_u=It.div`
|
|
2036
2050
|
position: relative;
|
|
2037
2051
|
z-index: 0;
|
|
2038
2052
|
display: flex;
|
|
@@ -2041,7 +2055,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2041
2055
|
border-radius: 8px;
|
|
2042
2056
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
2043
2057
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2044
|
-
`,
|
|
2058
|
+
`,Fu=It.button`
|
|
2045
2059
|
flex: 1;
|
|
2046
2060
|
display: flex;
|
|
2047
2061
|
align-items: center;
|
|
@@ -2056,16 +2070,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2056
2070
|
&:hover {
|
|
2057
2071
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
2058
2072
|
}
|
|
2059
|
-
`,
|
|
2073
|
+
`,Ru=({options:e=[],selected:t,setSelected:o})=>xt.createElement(_u,{$count:e.length},e.map(({value:e,label:n,icon:i},a)=>{const r=t===e;return xt.createElement(Fu,{key:`segment-${n||a}-${e}`,onClick:()=>o(e),$isSelected:r},i&&xt.createElement(i,null),n&&xt.createElement(Ni,{size:Di.XS,weight:500,nowrap:!0},n))}));var Lu;!function(e){e.Data="data",e.Pretty="pretty"}(Lu||(Lu={}));const Bu=It.div`
|
|
2060
2074
|
max-height: ${({$maxHeight:e})=>e};
|
|
2061
2075
|
width: 100%;
|
|
2062
2076
|
overflow: auto;
|
|
2063
|
-
`,
|
|
2077
|
+
`,Mu=It.table`
|
|
2064
2078
|
width: 100%;
|
|
2065
2079
|
|
|
2066
|
-
${({$variant:e})=>{switch(e){case
|
|
2080
|
+
${({$variant:e})=>{switch(e){case Lu.Data:return Ft`
|
|
2067
2081
|
border-collapse: collapse;
|
|
2068
|
-
`;case
|
|
2082
|
+
`;case Lu.Pretty:return Ft`
|
|
2069
2083
|
border-collapse: separate;
|
|
2070
2084
|
border-spacing: 0 8px;
|
|
2071
2085
|
`;default:return""}}}
|
|
@@ -2073,19 +2087,19 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2073
2087
|
position: sticky;
|
|
2074
2088
|
top: 0;
|
|
2075
2089
|
z-index: 100;
|
|
2076
|
-
`,
|
|
2090
|
+
`,ju=It.th`
|
|
2077
2091
|
position: relative;
|
|
2078
2092
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2079
2093
|
padding: 18px 24px;
|
|
2080
2094
|
border: none;
|
|
2081
2095
|
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
2082
2096
|
|
|
2083
|
-
${({$variant:e})=>{switch(e){case
|
|
2097
|
+
${({$variant:e})=>{switch(e){case Lu.Data:return Ft`
|
|
2084
2098
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2085
|
-
`;case
|
|
2099
|
+
`;case Lu.Pretty:return Ft`
|
|
2086
2100
|
background-color: transparent;
|
|
2087
2101
|
`;default:return""}}}
|
|
2088
|
-
`,
|
|
2102
|
+
`,Uu=It.div`
|
|
2089
2103
|
position: absolute;
|
|
2090
2104
|
top: 50%;
|
|
2091
2105
|
right: 0;
|
|
@@ -2093,23 +2107,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2093
2107
|
width: 1px;
|
|
2094
2108
|
height: 18px;
|
|
2095
2109
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2096
|
-
`,
|
|
2110
|
+
`,Wu=It.tbody``,Vu=It.td`
|
|
2097
2111
|
position: relative;
|
|
2098
2112
|
padding: 18px 24px;
|
|
2099
2113
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2100
2114
|
|
|
2101
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case
|
|
2115
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case Lu.Data:return Ft`
|
|
2102
2116
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2103
2117
|
border-left: none;
|
|
2104
2118
|
border-right: none;
|
|
2105
2119
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2106
2120
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2107
|
-
`;case
|
|
2121
|
+
`;case Lu.Pretty:return Ft`
|
|
2108
2122
|
border: none;
|
|
2109
2123
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2110
2124
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2111
2125
|
`;default:return""}}}
|
|
2112
|
-
`,
|
|
2126
|
+
`,Hu=It.div`
|
|
2113
2127
|
width: 100%;
|
|
2114
2128
|
display: flex;
|
|
2115
2129
|
align-items: center;
|
|
@@ -2122,21 +2136,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2122
2136
|
fill: ${({theme:e})=>e.v2.colors.white[500]};
|
|
2123
2137
|
}
|
|
2124
2138
|
}
|
|
2125
|
-
`,Hu=It.div`
|
|
2126
|
-
display: flex;
|
|
2127
|
-
align-items: center;
|
|
2128
|
-
gap: 2px;
|
|
2129
|
-
width: fit-content;
|
|
2130
|
-
padding: 4px;
|
|
2131
|
-
border-radius: 8px;
|
|
2132
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
2133
|
-
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
|
|
2134
|
-
|
|
2135
|
-
position: absolute;
|
|
2136
|
-
right: ${({$rightPosition:e})=>e};
|
|
2137
|
-
top: 50%;
|
|
2138
|
-
transform: translateY(-50%);
|
|
2139
|
-
`,qu=({rowActions:e,rowActionsPushRightPosition:t="12px"})=>xt.createElement(Hu,{$rightPosition:t},e.map(e=>xt.createElement(Vi,{key:e.id,...e}))),Gu=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=yt(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(Wu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},xt.createElement(Dp,{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(Wu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?xt.createElement(ya,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(Ni,{size:Di.XS,align:n},s?.rawValue||"-"),$.length&&g&&d?xt.createElement(qu,{rowActions:$,rowActionsPushRightPosition:i}):null)}))}))},Ku=({variant:e,columns:t,sortDirection:o,sortByKey:n,onSort:i,withCheckboxes:a,allSelected:r,onSelectAll:s})=>{const l=_t();return xt.createElement("tr",null,a&&xt.createElement(Mu,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Dp,{value:r||!1,onChange:s})),t.map(({key:r,label:s,sortable:c,minWidth:d,textAlign:p},u)=>{const h=0===u&&!a,m=u===t.length-1;return xt.createElement(Mu,{key:`column-${r}`,$variant:e,$minWidth:d,$isFirst:h,$isLast:m},xt.createElement(Vu,{$withClick:c||!1,$textAlign:p,onClick:()=>c?i(r):null},xt.createElement(Ni,{size:Di.XS,align:p},s),c&&xt.createElement(Ge,{fill:n===r?l.v2.colors.white[500]:l.v2.colors.grey[400],rotate:o===oo.Ascending?0:180})),!m&&e===Ru.Data&&xt.createElement(ju,null))}))},Ju=({variant:e,maxHeight:t="unset",isLoading:o,columns:n,rows:i,getRowActions:a,rowActionsPushRightPosition:r,withCheckboxes:s})=>{const[l,c]=yt(oo.Ascending),[d,p]=yt(""),u=vt(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(Lu,{$maxHeight:t},xt.createElement(Bu,{$variant:e},xt.createElement(Pu,null,xt.createElement(Ku,{variant:e,columns:n,sortDirection:l,sortByKey:d,onSort:u,withCheckboxes:s,allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),xt.createElement(Uu,null,xt.createElement(Gu,{variant:e,columns:n,rows:h,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!h.length&&xt.createElement(ka,{style:{marginTop:"0.5rem"}},o?xt.createElement(cs,{scale:1.2}):xt.createElement(ol,null)))},Yu=It.div`
|
|
2139
|
+
`,qu=({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(Vu,{key:"checkbox-column",$variant:e,...f(!1,!0,!1)},xt.createElement(Dp,{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(Vu,{key:`row-${c}-cell-${r}`,$variant:e,...f(x,l,d)},s?.component?xt.createElement(ca,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(Ni,{size:Di.XS,align:n},s?.rawValue||"-"),$.length?xt.createElement(cu,{isOpen:g&&d,actions:$,positionRight:i}):null)}))}))},Gu=({variant:e,columns:t,sortDirection:o,sortByKey:n,onSort:i,withCheckboxes:a,allSelected:r,onSelectAll:s})=>{const l=_t();return xt.createElement("tr",null,a&&xt.createElement(ju,{key:"checkbox-column",$variant:e,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Dp,{value:r||!1,onChange:s})),t.map(({key:r,label:s,sortable:c,minWidth:d,textAlign:p},u)=>{const h=0===u&&!a,m=u===t.length-1;return xt.createElement(ju,{key:`column-${r}`,$variant:e,$minWidth:d,$isFirst:h,$isLast:m},xt.createElement(Hu,{$withClick:c||!1,$textAlign:p,onClick:()=>c?i(r):null},xt.createElement(Ni,{size:Di.XS,align:p},s),c&&xt.createElement(dt,{fill:n===r?l.v2.colors.white[500]:l.v2.colors.grey[400],rotate:o===oo.Ascending?0:180})),!m&&e===Lu.Data&&xt.createElement(Uu,null))}))},Ku=({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(Bu,{$maxHeight:t},xt.createElement(Mu,{$variant:e},xt.createElement(Pu,null,xt.createElement(Gu,{variant:e,columns:n,sortDirection:l,sortByKey:d,onSort:u,withCheckboxes:s,allSelected:i.length>0&&i.every(e=>e.isSelected),onSelectAll:e=>{e?i.forEach(e=>e.onSelect?.()):i.forEach(e=>e.onDeselect?.())}})),xt.createElement(Wu,null,xt.createElement(qu,{variant:e,columns:n,rows:h,getRowActions:a||(()=>[]),rowActionsPushRightPosition:r,withCheckboxes:s}))),!h.length&&xt.createElement(pa,{style:{marginTop:"0.5rem"}},o?xt.createElement(Qr,{scale:1.2}):xt.createElement(Hs,null)))},Ju=It.div`
|
|
2140
2140
|
display: flex;
|
|
2141
2141
|
align-items: center;
|
|
2142
2142
|
justify-content: center;
|
|
@@ -2144,10 +2144,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2144
2144
|
width: fit-content;
|
|
2145
2145
|
padding: 8px;
|
|
2146
2146
|
border-radius: 4px;
|
|
2147
|
-
${({$disabled:e})=>e?Ft`
|
|
2147
|
+
${({$disabled:e,$withClick:t})=>e?Ft`
|
|
2148
2148
|
cursor: not-allowed;
|
|
2149
2149
|
background-color: ${({theme:e})=>e.v2.colors.grey[800]};
|
|
2150
|
-
`:Ft`
|
|
2150
|
+
`:t?Ft`
|
|
2151
2151
|
cursor: pointer;
|
|
2152
2152
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2153
2153
|
&:hover {
|
|
@@ -2156,12 +2156,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2156
2156
|
&:active {
|
|
2157
2157
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2158
2158
|
}
|
|
2159
|
+
`:Ft`
|
|
2160
|
+
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2159
2161
|
`}
|
|
2160
|
-
`,
|
|
2162
|
+
`,Yu=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=Si.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return xt.createElement(Ju,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&xt.createElement(t,{fill:r,size:16}),xt.createElement(Ni,{color:r,size:Di.XS,nowrap:!0},e),o&&xt.createElement(o,{fill:r,size:16}))};var Xu,Qu,Zu;!function(e){e.Default="default",e.SuccessError="successError"}(Xu||(Xu={})),function(e){e.S="small",e.L="large"}(Qu||(Qu={})),function(e){e.Left="left",e.Right="right"}(Zu||(Zu={}));const eh=It.div`
|
|
2161
2163
|
display: flex;
|
|
2162
2164
|
align-items: center;
|
|
2163
2165
|
gap: ${({$gap:e})=>e}px;
|
|
2164
|
-
`,
|
|
2166
|
+
`,th=It.div`
|
|
2165
2167
|
position: relative;
|
|
2166
2168
|
display: flex;
|
|
2167
2169
|
align-items: center;
|
|
@@ -2171,10 +2173,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2171
2173
|
height: ${({$size:e})=>e}px;
|
|
2172
2174
|
padding: ${4}px;
|
|
2173
2175
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2174
|
-
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
|
|
2176
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:a})=>{if(e)return a.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case Xu.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case Xu.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
|
|
2175
2177
|
|
|
2176
2178
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2177
|
-
`,
|
|
2179
|
+
`,oh=It.div`
|
|
2178
2180
|
position: absolute;
|
|
2179
2181
|
top: 50%;
|
|
2180
2182
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2184,8 +2186,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2184
2186
|
border-radius: 100%;
|
|
2185
2187
|
background-color: ${({$color:e})=>e};
|
|
2186
2188
|
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)"};
|
|
2187
|
-
`,
|
|
2189
|
+
`,nh=({variant:e=Xu.Default,size:t=Qu.L,label:o,labelAlign:n=Zu.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===Qu.S?14:18,x=t===Qu.S?Di.XS:Di.S,$=t===Qu.S?8:12;return xt.createElement(eh,{$gap:$},o&&n===Zu.Left&&xt.createElement(Ni,{size:x,nowrap:!0},o),xt.createElement(th,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:()=>!s&&r(!a)},xt.createElement(oh,{$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===Zu.Right&&xt.createElement(Ni,{size:x,nowrap:!0},o),i&&xt.createElement(ur,{text:i,withIcon:!0}))},ih=It.div`
|
|
2188
2190
|
display: flex;
|
|
2189
2191
|
flex-direction: ${({$direction:e})=>e===to.Horizontal?"row":"column"};
|
|
2190
2192
|
gap: ${({$direction:e})=>e===to.Horizontal?16:8}px;
|
|
2191
|
-
`,
|
|
2193
|
+
`,ah=({direction:e=to.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===Qu.S?Di.XS:Di.S;return xt.createElement(ih,{$direction:e},t&&xt.createElement(Ni,{size:s},t),i.map(e=>xt.createElement(nh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:Zu.Right,value:a[e.id],onChange:t=>{return o=e.id,n=t,void r(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))};export{Zc as $,Hp as A,zi as B,Dp as C,iu as D,en as E,da as F,Jl as G,Kt as H,Da as I,sl as J,Yt as K,fu as L,Rr as M,Hs as N,xo as O,la as P,Pi as Q,Jt as R,Cp as S,Ni as T,ml as U,uo as V,Ao as W,On as X,nd as Y,rp as Z,dd as _,ca as a,Ud as a$,po as a0,Li as a1,Od as a2,Td as a3,gc as a4,xd as a5,np as a6,pi as a7,ci as a8,ni as a9,Sn as aA,ri as aB,Go as aC,ws as aD,gn as aE,Ss as aF,ga as aG,xa as aH,Hc as aI,hn as aJ,$a as aK,Kl as aL,cp as aM,na as aN,Jn as aO,hd as aP,sa as aQ,ui as aR,si as aS,zs as aT,mn as aU,Wn as aV,an as aW,vd as aX,Mo as aY,un as aZ,pn as a_,Ra as aa,tn as ab,Rc as ac,hc as ad,Or as ae,lo as af,ii as ag,ya as ah,Lo as ai,Ro as aj,ss as ak,sc as al,so as am,li as an,or as ao,bd as ap,ma as aq,Cr as ar,Zo as as,ea as at,ir as au,ln as av,ps as aw,jn as ax,ur as ay,go as az,Di as b,Rn as b$,Ca as b0,oi as b1,Ea as b2,Yo as b3,on as b4,Ko as b5,Jo as b6,ka as b7,Ba as b8,cr as b9,Yd as bA,ec as bB,fn as bC,Co as bD,_o as bE,Eo as bF,Fo as bG,vo as bH,So as bI,ko as bJ,Zd as bK,dn as bL,Fa as bM,Po as bN,Ga as bO,Tn as bP,va as bQ,fo as bR,nl as bS,gs as bT,Kc as bU,An as bV,zn as bW,ms as bX,Bs as bY,Ps as bZ,cu as b_,Rd as ba,ua as bb,La as bc,Pn as bd,bl as be,Xn as bf,jo as bg,Qo as bh,Ma as bi,Na as bj,gi as bk,Xo as bl,gr as bm,es as bn,us as bo,xs as bp,co as bq,Un as br,Ho as bs,Nn as bt,Io as bu,za as bv,In as bw,Uo as bx,Bo as by,qo as bz,nh as c,Wc as c$,Hn as c0,ja as c1,Fl as c2,zo as c3,ro as c4,Ha as c5,Cs as c6,cn as c7,Fn as c8,Sa as c9,nn as cA,xn as cB,$n as cC,bn as cD,yn as cE,wn as cF,vn as cG,Dn as cH,_n as cI,Ln as cJ,Mn as cK,Vn as cL,qn as cM,Gn as cN,Kn as cO,Yn as cP,Qn as cQ,Zn as cR,qt as cS,wa as cT,Oa as cU,Zs as cV,Gs as cW,uc as cX,Sc as cY,zc as cZ,Bc as c_,Il as ca,ei as cb,rn as cc,Mr as cd,kn as ce,fs as cf,Gt as cg,Xt as ch,Qt as ci,Zt as cj,eo as ck,to as cl,oo as cm,no as cn,io as co,ao as cp,mo as cq,$o as cr,bo as cs,yo as ct,wo as cu,Do as cv,To as cw,No as cx,Oo as cy,Wo as cz,Qu as d,bs as d0,bc as d1,_i as d2,Fi as d3,Ri as d4,zr as d5,ha as d6,$p as d7,fp as d8,Rp as d9,Ep as da,Np as db,Fp as dc,su as dd,gu as de,ku as df,Cu as dg,Au as dh,Du as di,Iu as dj,Ou as dk,Yu as dl,Xu as dm,Zu as dn,ah as dp,Ai as dq,hp as e,dp as f,qa as g,Mp as h,sn as i,Lp as j,pp as k,Ku as l,Lu as m,ho as n,Si as o,Ta as p,En as q,pa as r,Qr as s,wp as t,fa as u,Yp as v,qr as w,Cn as x,Ru as y,Up as z};
|