@odigos/ui-kit 0.0.165 → 0.0.166
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/lib/chunks/{ui-components-76a424df.js → ui-components-e8819fa0.js} +374 -374
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/data-flow/column/head.d.ts +4 -0
- package/lib/containers/v2.js +2 -2
- package/lib/containers.js +114 -114
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store/index.d.ts +0 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/store/usePendingStore.d.ts +0 -14
|
@@ -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,JavaLogo as s,GoLogo as l,NodejsLogo as c,PythonLogo as d,DotnetLogo as p,CSharpLogo as u,CPlusPlusLogo as h,PhpLogo as m,RubyLogo as g,RustLogo as x,SwiftLogo as $,ElixirLogo as f,MysqlLogo as b,NginxLogo as y,PostgresLogo as w,RedisLogo as k,KafkaLogo as C,AlaudaLogo as v,AlibabaCloudLogo as E,AppDynamicsLogo as S,AxiomLogo as A,AzureBlobLogo as D,AzureMonitorLogo as T,BetterStackLogo as z,BonreeLogo as F,CauselyLogo as I,ChecklyLogo as O,ChronosphereLogo as N,ClickhouseLogo as _,AwsCloudwatchLogo as B,CoralogixLogo as R,Dash0Logo as L,DatadogLogo as M,OpenTelemetryLogo as P,DynatraceLogo as j,ElasticApmLogo as U,ElasticSearchLogo as W,GoogleCloudPlatformLogo as V,GrafanaLogo as H,GreptimeLogo as q,GroundcoverLogo as G,HoneycombLogo as K,HyperDxLogo as Y,InstanaLogo as J,JaegerLogo as X,KloudmateLogo as Z,Last9Logo as Q,LightstepLogo as ee,LogzioLogo as te,LokiLogo as oe,LumigoLogo as ne,MiddlewareLogo as ie,NewRelicLogo as ae,ObserveLogo as re,OdigosLogo as se,OneUptimeLogo as le,OpenObserveLogo as ce,OpsVerseLogo as de,OracleLogo as pe,PrometheusLogo as ue,QrynLogo as he,GigapipeLogo as me,QuickwitLogo as ge,AwsS3Logo as xe,SeqLogo as $e,SplunkLogo as fe,SignozLogo as be,SumoLogicLogo as ye,TelemetryHubLogo as we,TempoLogo as ke,TingyunLogo as Ce,TraceloopLogo as ve,UptraceLogo as Ee,VictoriaMetricsLogo as Se,AwsXrayLogo as Ae,NamespacesIcon as De,SourceIcon as Te,DestinationIcon as ze,ActionIcon as Fe,InstrumentationRuleIcon as Ie,CodeAttributesIcon as Oe,CustomInstrumentationIcon as Ne,HeadersCollectionIcon as _e,PayloadCollectionIcon as Be,LogsIcon as Re,MetricsIcon as Le,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 Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Ze,ExtendArrowIcon as Qe,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,YamlIcon as pt,DotsVerticalIcon as ut,ChevronUpIcon as ht,ChevronDownIcon as mt,DotIcon as gt,FilterIcon as xt}from"../icons.js";import{create as $t}from"zustand";import ft,{Fragment as bt,useMemo as yt,useState as wt,useEffect as kt,useRef as Ct,createContext as vt,useContext as Et,useCallback as St,forwardRef as At,memo as Dt}from"react";import Tt from"javascript-time-ago";import{p as zt,c as Ft,s as It,u as Ot,e as Nt}from"./vendor-55cc654c.js";import _t,{css as Bt,useTheme as Rt,ThemeProvider as Lt,keyframes as Mt}from"styled-components";import{Handle as Pt,Position as jt,ReactFlow as Ut,Controls as Wt}from"@xyflow/react";import Vt,{createPortal as Ht}from"react-dom";import{ErrorBoundary as qt}from"react-error-boundary";import Gt from"lottie-react";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";const Jt=e=>e.charAt(0).toUpperCase()+e.slice(1),Xt=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 Zt;!function(e){e.SIGNALS="SIGNALS"}(Zt||(Zt={}));const Qt=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Zt.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}},eo=e=>JSON.parse(JSON.stringify(e)),to=(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},oo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},no=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,Co,vo,Eo,So,Ao,Do,To,zo,Fo,Io,Oo,No,_o,Bo,Ro,Lo,Mo,Po,jo,Uo,Wo,Vo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(io||(io={})),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"}(ao||(ao={})),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"}(ro||(ro={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(so||(so={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(lo||(lo={})),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"}(co||(co={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(po||(po={})),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"}(uo||(uo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(ho||(ho={})),function(e){e.Ascending="ascending",e.Descending="descending"}(mo||(mo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(go||(go={})),function(e){e.K8s="k8s",e.Vm="vm"}(xo||(xo={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}($o||($o={})),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"}(fo||(fo={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(bo||(bo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(yo||(yo={})),function(e){e.DataStream="DataStream"}(wo||(wo={})),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"}(ko||(ko={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Co||(Co={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(vo||(vo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Eo||(Eo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(So||(So={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Ao||(Ao={})),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"}(Do||(Do={})),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"}(To||(To={})),function(e){e.Labeled="labeled"}(zo||(zo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Fo||(Fo={})),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.Signalfx="signalfx",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"}(Io||(Io={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.ConfigMap="ConfigMap",e.Pod="Pod",e.DeploymentConfig="DeploymentConfig"}(Oo||(Oo={})),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"}(No||(No={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(_o||(_o={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Bo||(Bo={})),function(e){e.HeaderKeys="headerKeys"}(Ro||(Ro={})),function(e){e.Java="java",e.Golang="golang"}(Lo||(Lo={}));class Ho{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 qo{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"}(Mo||(Mo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Po||(Po={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(jo||(jo={})),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"}(Uo||(Uo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Wo||(Wo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Vo||(Vo={}));const Go=(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.podsAgentInjectionStatus?.length&&(o=o.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.message))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===vo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Ko="default",Yo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Jo={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)'},Xo={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},Zo={ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},Qo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Ko&&!e.dataStreamNames.length):[],en=(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?en(e,n,o):o[n]=e}):o[a]=i:en(i,a,o)}return o},tn=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]}`},on=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`}},nn=()=>{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)})},an=s=>{const l=s?.toLowerCase(),c=l?.includes(io.Samplers),d=l===io.Attributes;return c?e:d?t:{[ao.K8sAttributes]:n,[ao.AddClusterInfo]:i,[ao.DeleteAttributes]:a,[ao.PiiMasking]:t,[ao.RenameAttributes]:r,[ao.ErrorSampler]:e,[ao.ProbabilisticSampler]:e,[ao.LatencySampler]:e,[ao.ServiceNameSampler]:e,[ao.SpanAttributeSampler]:e}[s]||o},rn=e=>{const t=e?.filter(({status:e})=>e===vo.Error),o=e?.filter(({status:e})=>e===vo.Warning),n=e?.filter(({status:e})=>e===So.Disabled),i=e?.filter(({status:e})=>e===So.Loading),a=t.length>0,r=o.length>0,s=n.length>0;return{errors:t,hasErrors:a,warnings:o,hasWarnings:r,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:a?vo.Error:r?vo.Warning:s?vo.Info:void 0}},sn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},ln=e=>({[fo.Java]:s,[fo.Go]:l,[fo.JavaScript]:c,[fo.Python]:d,[fo.DotNet]:p,[fo.CSharp]:u,[fo.CPlusPlus]:h,[fo.Php]:m,[fo.Ruby]:g,[fo.Rust]:x,[fo.Swift]:$,[fo.Elixir]:f,[fo.MySql]:b,[fo.Nginx]:y,[fo.Postgres]:w,[fo.Redis]:k,[fo.Kafka]:C,[fo.Ignored]:o,[fo.Unknown]:o,[fo.Processing]:o,[fo.NoContainers]:o,[fo.NoRunningPods]:o}[e]||o),cn=e=>e?.map(({language:e})=>ln(e))||[],dn=(e,t)=>{const o={[Io.Alauda]:v,[Io.AlibabaCloud]:E,[Io.AppDynamics]:S,[Io.Axiom]:A,[Io.AzureBlob]:D,[Io.AzureMonitor]:T,[Io.BetterStack]:z,[Io.Bonree]:F,[Io.Causely]:I,[Io.Checkly]:O,[Io.Chronosphere]:N,[Io.ClickHouse]:_,[Io.CloudWatch]:B,[Io.Coralogix]:R,[Io.Dash0]:L,[Io.Datadog]:M,[Io.Dynamic]:P,[Io.Dynatrace]:j,[Io.ElasticApm]:U,[Io.ElasticSearch]:W,[Io.GoogleCloud]:V,[Io.GoogleCloudOTLP]:V,[Io.GrafanaCloudLoki]:H,[Io.GrafanaCloudPrometheus]:H,[Io.GrafanaCloudTempo]:H,[Io.Greptime]:q,[Io.Groundcover]:G,[Io.Honeycomb]:K,[Io.HyperDX]:Y,[Io.Instana]:J,[Io.Jaeger]:X,[Io.Kafka]:C,[Io.Kloudmate]:Z,[Io.Last9]:Q,[Io.Lightstep]:ee,[Io.LogzIo]:te,[Io.Loki]:oe,[Io.Lumigo]:ne,[Io.Middleware]:ie,[Io.NewRelic]:ae,[Io.Observe]:re,[Io.Odigos]:se,[Io.OneUptime]:le,[Io.OpenObserve]:ce,[Io.Opsverse]:de,[Io.Oracle]:pe,[Io.OTLP]:P,[Io.OTLPHttp]:P,[Io.Prometheus]:ue,[Io.Qryn]:he,[Io.QrynOss]:me,[Io.Quickwit]:ge,[Io.S3]:xe,[Io.Seq]:$e,[Io.Signalfx]:fe,[Io.Signoz]:be,[Io.Splunk]:fe,[Io.SplunkSapm]:fe,[Io.SplunkOtlp]:fe,[Io.SumoLogic]:ye,[Io.TelemetryHub]:we,[Io.Tempo]:ke,[Io.Tingyun]:Ce,[Io.Traceloop]:ve,[Io.Uptrace]:Ee,[Io.VictoriaMetrics]:Se,[Io.VictoriaMetricsCloud]:Se,[Io.XRay]:Ae}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},pn=e=>({[yo.Namespace]:De,[yo.Source]:Te,[yo.Destination]:ze,[yo.Action]:Fe,[yo.InstrumentationRule]:Ie}[e]),un=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,hn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case yo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case yo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case yo.Action:const n=e;a=n.type,r=n.name;break;case yo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case yo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},mn=(e,t)=>{if(t===yo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},gn=e=>({[_o.CodeAttributes]:Oe,[_o.CustomInstrumentation]:Ne,[_o.HeadersCollection]:_e,[_o.PayloadCollection]:Be,[_o.UnknownType]:o}[e]||o),xn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?fo.Processing:fo.NoRunningPods;const n=o?.filter(e=>e.language!==fo.Ignored);if(!n.length)return fo.NoContainers;const i=n.find(e=>e.language!==fo.Unknown);return i?i.language:fo.Unknown},$n=(e,t,o)=>(t===yo.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},fn=e=>({[Vo.Logs]:Re,[Vo.Metrics]:Le,[Vo.Traces]:Me}[e]),bn=e=>e?{[xo.K8s]:n,[xo.Vm]:Pe}[e]:se,yn=e=>e?{[xo.K8s]:"Kubernetes Cluster",[xo.Vm]:"Virtual Machine"}[e]:"Unknown",wn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...wn(e,t,o)),i}):[]},kn=(e,t)=>{if(t===yo.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 vo.Default:return e.v2.colors.purple[o];case vo.Info:return e.v2.colors.blue[o];case vo.Error:return e.v2.colors.red[o];case vo.Warning:return e.v2.colors.yellow[o];case vo.Success:return e.v2.colors.green[o];case Ao.Disabled:case Ao.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},vn=e=>{switch(e){case Po.Updating:case jo.Pending:case Uo.ContainerCreating:case Wo.Waiting:return vo.Info;case Po.Healthy:case jo.Succeeded:case jo.Running:case Uo.Running:case Wo.Running:return vo.Success;case Po.Degraded:return vo.Warning;case Po.Failed:case jo.Failed:case Uo.Error:case Uo.CrashLoopBackOff:case Uo.CreateContainerError:case Uo.CreateContainerConfigError:case Uo.ErrImagePull:case Uo.ErrImageNeverPull:case Uo.ImagePullBackOff:case Uo.InvalidImageName:case Uo.RegistryUnavailable:case Uo.NetworkNotReady:case Uo.OOMKilled:case Uo.ContainerCannotRun:case Wo.Terminated:case Uo.DeadlineExceeded:case Uo.StartError:return vo.Error;case Po.Down:case Uo.Completed:return Ao.Disabled;case Po.Unknown:case jo.Unknown:default:return Ao.Unknown}},En=(e,t)=>({[vo.Default]:o=>se({fill:Cn(t,e,"300"),...o}),[vo.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[vo.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[vo.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[vo.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[Ao.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[Ao.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),Sn=e=>{switch(e){case No.Success:return vo.Success;case No.Error:case No.Failure:return vo.Error;case No.Notice:return vo.Warning;case No.Unsupported:case No.Unknown:return vo.Info;case No.Irrelevant:case No.Disabled:return So.Disabled;case No.Waiting:return So.Loading;case No.Pending:default:return vo.Default}},An=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Dn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Tn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const zn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Tn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},Fn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==vo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},In=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),On=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Nn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},_n=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Bn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Rn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Ln=e=>Rn.test(e),Mn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Pn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Mn(t),reason:o?Mn(o):"",message:n,lastTransitionTime:i}))||[],jn=(e,t)=>{const o=Tn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Un=e=>e?Object.keys(e).filter(t=>e[t]):[],Wn=e=>e.replace(/[^\d]/g,""),Vn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Hn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},qn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>qn(e)))}else if("object"==typeof n&&null!==n){const e=qn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Gn=(e,t=2)=>JSON.stringify(e||{},null,t),Kn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Yn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Jn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)};var Xn,Zn;!function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.Span="span"}(Xn||(Xn={})),function(e){e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(Zn||(Zn={}));const Qn=_t.p`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as a,RenameAttributeIcon as r,JavaLogo as s,GoLogo as l,NodejsLogo as c,PythonLogo as d,DotnetLogo as p,CSharpLogo as u,CPlusPlusLogo as h,PhpLogo as m,RubyLogo as g,RustLogo as x,SwiftLogo as $,ElixirLogo as f,MysqlLogo as b,NginxLogo as y,PostgresLogo as w,RedisLogo as k,KafkaLogo as C,AlaudaLogo as v,AlibabaCloudLogo as E,AppDynamicsLogo as S,AxiomLogo as A,AzureBlobLogo as D,AzureMonitorLogo as T,BetterStackLogo as z,BonreeLogo as F,CauselyLogo as O,ChecklyLogo as I,ChronosphereLogo as N,ClickhouseLogo as _,AwsCloudwatchLogo as B,CoralogixLogo as R,Dash0Logo as L,DatadogLogo as M,OpenTelemetryLogo as P,DynatraceLogo as j,ElasticApmLogo as U,ElasticSearchLogo as W,GoogleCloudPlatformLogo as V,GrafanaLogo as H,GreptimeLogo as q,GroundcoverLogo as G,HoneycombLogo as K,HyperDxLogo as Y,InstanaLogo as J,JaegerLogo as X,KloudmateLogo as Z,Last9Logo as Q,LightstepLogo as ee,LogzioLogo as te,LokiLogo as oe,LumigoLogo as ne,MiddlewareLogo as ie,NewRelicLogo as ae,ObserveLogo as re,OdigosLogo as se,OneUptimeLogo as le,OpenObserveLogo as ce,OpsVerseLogo as de,OracleLogo as pe,PrometheusLogo as ue,QrynLogo as he,GigapipeLogo as me,QuickwitLogo as ge,AwsS3Logo as xe,SeqLogo as $e,SplunkLogo as fe,SignozLogo as be,SumoLogicLogo as ye,TelemetryHubLogo as we,TempoLogo as ke,TingyunLogo as Ce,TraceloopLogo as ve,UptraceLogo as Ee,VictoriaMetricsLogo as Se,AwsXrayLogo as Ae,NamespacesIcon as De,SourceIcon as Te,DestinationIcon as ze,ActionIcon as Fe,InstrumentationRuleIcon as Oe,CodeAttributesIcon as Ie,CustomInstrumentationIcon as Ne,HeadersCollectionIcon as _e,PayloadCollectionIcon as Be,LogsIcon as Re,MetricsIcon as Le,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 Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Ze,ExtendArrowIcon as Qe,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as at,TrashIcon as rt,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,YamlIcon as pt,DotsVerticalIcon as ut,ChevronUpIcon as ht,ChevronDownIcon as mt,DotIcon as gt,FilterIcon as xt}from"../icons.js";import{create as $t}from"zustand";import ft,{Fragment as bt,useMemo as yt,useState as wt,useEffect as kt,useRef as Ct,createContext as vt,useContext as Et,useCallback as St,forwardRef as At,memo as Dt}from"react";import Tt from"javascript-time-ago";import{p as zt,c as Ft,s as Ot,u as It,e as Nt}from"./vendor-55cc654c.js";import _t,{css as Bt,useTheme as Rt,ThemeProvider as Lt,keyframes as Mt}from"styled-components";import{Handle as Pt,Position as jt,ReactFlow as Ut,Controls as Wt}from"@xyflow/react";import Vt,{createPortal as Ht}from"react-dom";import{ErrorBoundary as qt}from"react-error-boundary";import Gt from"lottie-react";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";const Jt=e=>e.charAt(0).toUpperCase()+e.slice(1),Xt=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 Zt;!function(e){e.SIGNALS="SIGNALS"}(Zt||(Zt={}));const Qt=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,a]=e;if(n===Zt.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}},eo=e=>JSON.parse(JSON.stringify(e)),to=(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},oo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},no=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var io,ao,ro,so,lo,co,po,uo,ho,mo,go,xo,$o,fo,bo,yo,wo,ko,Co,vo,Eo,So,Ao,Do,To,zo,Fo,Oo,Io,No,_o,Bo,Ro,Lo,Mo,Po,jo,Uo,Wo,Vo;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(io||(io={})),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"}(ao||(ao={})),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"}(ro||(ro={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(so||(so={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(lo||(lo={})),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"}(co||(co={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(po||(po={})),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"}(uo||(uo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(ho||(ho={})),function(e){e.Ascending="ascending",e.Descending="descending"}(mo||(mo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(go||(go={})),function(e){e.K8s="k8s",e.Vm="vm"}(xo||(xo={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}($o||($o={})),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"}(fo||(fo={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(bo||(bo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(yo||(yo={})),function(e){e.DataStream="DataStream"}(wo||(wo={})),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"}(ko||(ko={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Co||(Co={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(vo||(vo={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Eo||(Eo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(So||(So={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Ao||(Ao={})),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"}(Do||(Do={})),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"}(To||(To={})),function(e){e.Labeled="labeled"}(zo||(zo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Fo||(Fo={})),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.Signalfx="signalfx",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"}(Oo||(Oo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.ConfigMap="ConfigMap",e.Pod="Pod",e.DeploymentConfig="DeploymentConfig"}(Io||(Io={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(No||(No={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(_o||(_o={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Bo||(Bo={})),function(e){e.HeaderKeys="headerKeys"}(Ro||(Ro={})),function(e){e.Java="java",e.Golang="golang"}(Lo||(Lo={}));class Ho{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 qo{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"}(Mo||(Mo={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Po||(Po={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(jo||(jo={})),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"}(Uo||(Uo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Wo||(Wo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Vo||(Vo={}));const Go=(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.podsAgentInjectionStatus?.length&&(o=o.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.message))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===vo.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Ko="default",Yo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Jo={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)'},Xo={NAMESPACE:"Namespace",NAME:"Name",KIND:"Kind",CONNECTION:"Connection",CONNECTIONS:"Connections",DATA_STREAM:"Data Stream",DATA_STREAMS:"Data Streams",STREAM_NAME:"Data Stream Name",NAME_YOUR_STREAM:"Name your Data Stream",NAME_YOUR_STREAM_PLACEHOLDER:"e.g. Highest priority",STREAM_DESCRIPTION:"Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.",STREAM_CONFIRM:"Confirm your new Data Stream",DATA_STREAM_EXISTS_WARNING:(e,t)=>`A Data Stream with this name already exists, you can still rename the current "${e}", but it will merge into the existing "${t}".`,ACTION:"Action",ACTIONS:"Actions",ADD_ACTION:"Add Action",ACTION_DETAILS:"Action Details",INSTRUMENTATION_RULE:"Instrumentation Rule",INSTRUMENTATION_RULES:"Instrumentation Rules",ADD_INSTRUMENTATION_RULE:"Add Instrumentation Rule",INSTRUMENTATION_RULE_DETAILS:"Instrumentation Rule Details",DESTINATION:"Destination",DESTINATIONS:"Destinations",ADD_DESTINATION:"Add Destination",ADD_DESTINATIONS:"Add Destinations",ADD_DESTINATION_DESCRIPTION:"Add a destination to send your telemetry data to. You can add multiple destinations.",DESTINATION_DETAILS:"Destination Details",SELECTED_DESTINATIONS:"Selected Destinations",SOURCE:"Source",SOURCES:"Sources",ADD_SOURCE:"Add Source",SOURCE_DETAILS:"Source Details",SELECT_SOURCES:"Select Sources",SELECTED_SOURCES:"Selected Sources",SELECT_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",NO_SOURCES:"No sources",NO_SOURCES_GO_BACK:"No sources selected. Please go back to select sources.",PLEASE_ADD_SOURCE:"Please add a source",NO_SOURCES_NAMESPACE:"No sources available in this namespace",TRY_SEARCH_OR_OTHER_NAMESPACE:"Try searching again or select another namespace.",PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES:"Please make sure your cluster has unignored namespaces",INSTALLATION:"Installation",SUMMARY:"Summary",TYPE:"Type",NOTES:"Notes",STATUS:"Status",READONLY:"Readonly",LANGUAGE:"Language",VERSION:"Version",RUNTIME_VERSION:"Runtime Version",VERSION_PLACEHOLDER:"1.0.0",MONITORS:"Monitors",SIGNALS_FOR_PROCESSING:"Signals for Processing",MANAGED_BY_PROFILE:"Managed by Profile",TIER:"Tier",ENTERPRISE:"Enterprise",ENTERPRISE_TIER:"Enterprise Tier",COMMUNITY:"Community",COMMUNITY_TIER:"Community Tier",API_TOKEN:"API Token",API_TOKENS:"API Tokens",DESCRIBE_ODIGOS:"Describe Odigos",DESCRIBE_SOURCE:"Describe Source",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",CONTAINER_NAME:"Container Name",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select All",ONLY_SELECTED:"Only selected",ONLY_RUNNING_INSTANCES:"Only running instances",TO_COLLECT_OTEL_DATA:"To collect OpenTelemetry data",TO_MONITOR_OTEL_DATA:"To monitor OpenTelemetry data",TO_MODIFY_OTEL_DATA:"To modify OpenTelemetry data",QUICK_BACK_TO_SUMMARY:"When you finish editing you can quickly go back to the summary.",GO_TO_SUMMARY:"Go to summary",FUTURE_APPS_TITLE:"Instrument entire namespace",FUTURE_APPS_DESCRIPTION:"When enabled, all applications in the namespace and new applications will be instrumented automatically and included in the current data stream using a Namespace Source.",OVERIDE:"Override",OVERIDDEN:"Overridden",OVERRIDE_RUNTIME_DETAILS:"Override Runtime Details",OVERRIDE_RUNTIME_WARNING:"This is an advanced configuration. If the selected programming language is incorrect, data collection may be incomplete or may not occur at all.",ACTIVE:"Active",INACTIVE:"Inactive",ENABLED:"Enabled",DISABLED:"Disabled",NO_TRACES_FOUND:"No traces found",ARE_SERVICES_INSTRUMENTED_AND_PRODUCING_TRAFFIC:"Are your services instrumented & producing traffic?",JAVA_CUSTOM_PROBES:"Java Custom Probes",GOLANG_CUSTOM_PROBES:"Golang Custom Probes"},Zo={ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},Qo=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Ko&&!e.dataStreamNames.length):[],en=(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?en(e,n,o):o[n]=e}):o[a]=i:en(i,a,o)}return o},tn=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]}`},on=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`}},nn=()=>{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)})},an=s=>{const l=s?.toLowerCase(),c=l?.includes(io.Samplers),d=l===io.Attributes;return c?e:d?t:{[ao.K8sAttributes]:n,[ao.AddClusterInfo]:i,[ao.DeleteAttributes]:a,[ao.PiiMasking]:t,[ao.RenameAttributes]:r,[ao.ErrorSampler]:e,[ao.ProbabilisticSampler]:e,[ao.LatencySampler]:e,[ao.ServiceNameSampler]:e,[ao.SpanAttributeSampler]:e}[s]||o},rn=e=>{const t=e?.filter(({status:e})=>e===vo.Error),o=e?.filter(({status:e})=>e===vo.Warning),n=e?.filter(({status:e})=>e===So.Disabled),i=e?.filter(({status:e})=>e===So.Loading),a=t.length>0,r=o.length>0,s=n.length>0;return{errors:t,hasErrors:a,warnings:o,hasWarnings:r,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:a?vo.Error:r?vo.Warning:s?vo.Info:void 0}},sn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},ln=e=>({[fo.Java]:s,[fo.Go]:l,[fo.JavaScript]:c,[fo.Python]:d,[fo.DotNet]:p,[fo.CSharp]:u,[fo.CPlusPlus]:h,[fo.Php]:m,[fo.Ruby]:g,[fo.Rust]:x,[fo.Swift]:$,[fo.Elixir]:f,[fo.MySql]:b,[fo.Nginx]:y,[fo.Postgres]:w,[fo.Redis]:k,[fo.Kafka]:C,[fo.Ignored]:o,[fo.Unknown]:o,[fo.Processing]:o,[fo.NoContainers]:o,[fo.NoRunningPods]:o}[e]||o),cn=e=>e?.map(({language:e})=>ln(e))||[],dn=(e,t)=>{const o={[Oo.Alauda]:v,[Oo.AlibabaCloud]:E,[Oo.AppDynamics]:S,[Oo.Axiom]:A,[Oo.AzureBlob]:D,[Oo.AzureMonitor]:T,[Oo.BetterStack]:z,[Oo.Bonree]:F,[Oo.Causely]:O,[Oo.Checkly]:I,[Oo.Chronosphere]:N,[Oo.ClickHouse]:_,[Oo.CloudWatch]:B,[Oo.Coralogix]:R,[Oo.Dash0]:L,[Oo.Datadog]:M,[Oo.Dynamic]:P,[Oo.Dynatrace]:j,[Oo.ElasticApm]:U,[Oo.ElasticSearch]:W,[Oo.GoogleCloud]:V,[Oo.GoogleCloudOTLP]:V,[Oo.GrafanaCloudLoki]:H,[Oo.GrafanaCloudPrometheus]:H,[Oo.GrafanaCloudTempo]:H,[Oo.Greptime]:q,[Oo.Groundcover]:G,[Oo.Honeycomb]:K,[Oo.HyperDX]:Y,[Oo.Instana]:J,[Oo.Jaeger]:X,[Oo.Kafka]:C,[Oo.Kloudmate]:Z,[Oo.Last9]:Q,[Oo.Lightstep]:ee,[Oo.LogzIo]:te,[Oo.Loki]:oe,[Oo.Lumigo]:ne,[Oo.Middleware]:ie,[Oo.NewRelic]:ae,[Oo.Observe]:re,[Oo.Odigos]:se,[Oo.OneUptime]:le,[Oo.OpenObserve]:ce,[Oo.Opsverse]:de,[Oo.Oracle]:pe,[Oo.OTLP]:P,[Oo.OTLPHttp]:P,[Oo.Prometheus]:ue,[Oo.Qryn]:he,[Oo.QrynOss]:me,[Oo.Quickwit]:ge,[Oo.S3]:xe,[Oo.Seq]:$e,[Oo.Signalfx]:fe,[Oo.Signoz]:be,[Oo.Splunk]:fe,[Oo.SplunkSapm]:fe,[Oo.SplunkOtlp]:fe,[Oo.SumoLogic]:ye,[Oo.TelemetryHub]:we,[Oo.Tempo]:ke,[Oo.Tingyun]:Ce,[Oo.Traceloop]:ve,[Oo.Uptrace]:Ee,[Oo.VictoriaMetrics]:Se,[Oo.VictoriaMetricsCloud]:Se,[Oo.XRay]:Ae}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},pn=e=>({[yo.Namespace]:De,[yo.Source]:Te,[yo.Destination]:ze,[yo.Action]:Fe,[yo.InstrumentationRule]:Oe}[e]),un=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,hn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let a="",r="";switch(t){case yo.InstrumentationRule:const t=e;a=t.type,r=t.ruleName;break;case yo.Source:const o=e;a=o.name,r=o.otelServiceName;break;case yo.Action:const n=e;a=n.type,r=n.name;break;case yo.Destination:const i=e;a=i.destinationType.displayName,r=i.name;break;case yo.Namespace:const s=e;a=s.name,r=s.name}return n?a+(r&&r!==a?` (${r})`:""):i&&r||a},mn=(e,t)=>{if(t===yo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},gn=e=>({[_o.CodeAttributes]:Ie,[_o.CustomInstrumentation]:Ne,[_o.HeadersCollection]:_e,[_o.PayloadCollection]:Be,[_o.UnknownType]:o}[e]||o),xn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?fo.Processing:fo.NoRunningPods;const n=o?.filter(e=>e.language!==fo.Ignored);if(!n.length)return fo.NoContainers;const i=n.find(e=>e.language!==fo.Unknown);return i?i.language:fo.Unknown},$n=(e,t,o)=>(t===yo.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},fn=e=>({[Vo.Logs]:Re,[Vo.Metrics]:Le,[Vo.Traces]:Me}[e]),bn=e=>e?{[xo.K8s]:n,[xo.Vm]:Pe}[e]:se,yn=e=>e?{[xo.K8s]:"Kubernetes Cluster",[xo.Vm]:"Virtual Machine"}[e]:"Unknown",wn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...wn(e,t,o)),i}):[]},kn=(e,t)=>{if(t===yo.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 vo.Default:return e.v2.colors.purple[o];case vo.Info:return e.v2.colors.blue[o];case vo.Error:return e.v2.colors.red[o];case vo.Warning:return e.v2.colors.yellow[o];case vo.Success:return e.v2.colors.green[o];case Ao.Disabled:case Ao.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},vn=e=>{switch(e){case Po.Updating:case jo.Pending:case Uo.ContainerCreating:case Wo.Waiting:return vo.Info;case Po.Healthy:case jo.Succeeded:case jo.Running:case Uo.Running:case Wo.Running:return vo.Success;case Po.Degraded:return vo.Warning;case Po.Failed:case jo.Failed:case Uo.Error:case Uo.CrashLoopBackOff:case Uo.CreateContainerError:case Uo.CreateContainerConfigError:case Uo.ErrImagePull:case Uo.ErrImageNeverPull:case Uo.ImagePullBackOff:case Uo.InvalidImageName:case Uo.RegistryUnavailable:case Uo.NetworkNotReady:case Uo.OOMKilled:case Uo.ContainerCannotRun:case Wo.Terminated:case Uo.DeadlineExceeded:case Uo.StartError:return vo.Error;case Po.Down:case Uo.Completed:return Ao.Disabled;case Po.Unknown:case jo.Unknown:default:return Ao.Unknown}},En=(e,t)=>({[vo.Default]:o=>se({fill:Cn(t,e,"300"),...o}),[vo.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[vo.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[vo.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[vo.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[Ao.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[Ao.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),Sn=e=>{switch(e){case No.Success:return vo.Success;case No.Error:case No.Failure:return vo.Error;case No.Notice:return vo.Warning;case No.Unsupported:case No.Unknown:return vo.Info;case No.Irrelevant:case No.Disabled:return So.Disabled;case No.Waiting:return So.Loading;case No.Pending:default:return vo.Default}},An=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Dn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function Tn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const zn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=Tn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},Fn=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==vo.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},On=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),In=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Nn=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},_n=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Bn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Rn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Ln=e=>Rn.test(e),Mn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Pn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Mn(t),reason:o?Mn(o):"",message:n,lastTransitionTime:i}))||[],jn=(e,t)=>{const o=Tn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Un=e=>e?Object.keys(e).filter(t=>e[t]):[],Wn=e=>e.replace(/[^\d]/g,""),Vn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Hn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},qn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>qn(e)))}else if("object"==typeof n&&null!==n){const e=qn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Gn=(e,t=2)=>JSON.stringify(e||{},null,t),Kn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Yn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Jn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)};var Xn,Zn;!function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5",e.H6="h6",e.P="p",e.Span="span"}(Xn||(Xn={})),function(e){e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.S="s",e.M="m",e.L="l",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl"}(Zn||(Zn={}));const Qn=_t.p`
|
|
2
2
|
margin: 0;
|
|
3
3
|
color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
|
|
4
4
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
@@ -27,7 +27,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
27
27
|
padding: 4px 8px;
|
|
28
28
|
border-radius: 100px;
|
|
29
29
|
background-color: ${({$backgroundColor:e})=>e};
|
|
30
|
-
`,oi=({label:e,leftIcon:t,rightIcon:o,status:n=Ao.Unknown,useSecondaryTone:i=!1,invertColors:a=!1,textSize:r,textColor:s,backgroundColor:l})=>{const c=Rt(),d=n?[Ao.Disabled].includes(n)?Cn(c,n,a?"400":"700"):[Ao.Unknown].includes(n)?Cn(c,n,"600"):Cn(c,n,a?i?"400":"300":i?"700":"500"):c.v2.colors.grey[200],p=s||(a&&![Ao.Unknown].includes(n)?d:[Ao.Disabled].includes(n)?c.v2.colors.grey[400]:[vo.Error,vo.Warning,vo.Success].includes(n)?c.v2.colors.black[500]:c.v2.colors.white[500]),u=l||(a&&![Ao.Unknown].includes(n)?[Ao.Disabled].includes(n)?c.v2.colors.grey[700]:c.v2.colors.silver[600]:d);return ft.createElement(ti,{$backgroundColor:u},t&&ft.createElement(t,{fill:p,size:14}),ft.createElement(ei,{color:p,size:r||Zn.XXS,nowrap:!0},e),o&&ft.createElement(o,{fill:p,size:14}))},ni=$t(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),ii=[{label:"Attributes",icon:an(io.Attributes),items:[{type:ao.K8sAttributes,icon:an(ao.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:ao.AddClusterInfo,icon:an(ao.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.DeleteAttributes,icon:an(ao.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.RenameAttributes,icon:an(ao.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.PiiMasking,icon:an(ao.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:an(io.Samplers),items:[{type:ao.ErrorSampler,icon:an(io.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:ao.LatencySampler,icon:an(io.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Vo.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:ao.ProbabilisticSampler,icon:an(io.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:ao.ServiceNameSampler,icon:an(io.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:ao.SpanAttributeSampler,icon:an(io.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Vo.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."}]}],ai={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."}},ri=[{type:_o.CodeAttributes,icon:gn(_o.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:[fo.Go,fo.Python]},{type:_o.CustomInstrumentation,icon:gn(_o.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:[fo.Go,fo.Java]},{type:_o.HeadersCollection,icon:gn(_o.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:[fo.Go,fo.Java,fo.JavaScript]},{type:_o.PayloadCollection,icon:gn(_o.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:[fo.Go]}],si=[{id:Vo.Logs,value:"Logs"},{id:Vo.Metrics,value:"Metrics"},{id:Vo.Traces,value:"Traces"}],li={[fo.Go]:"Go",[fo.Java]:"Java",[fo.JavaScript]:"Node.js",[fo.Python]:"Python",[fo.DotNet]:".NET",[fo.CSharp]:"C#",[fo.CPlusPlus]:"C++",[fo.Php]:"PHP",[fo.Ruby]:"Ruby",[fo.Rust]:"Rust",[fo.Swift]:"Swift",[fo.Elixir]:"Elixir",[fo.MySql]:"MySQL",[fo.Nginx]:"Nginx",[fo.Postgres]:"PostgreSQL",[fo.Redis]:"Redis",[fo.Kafka]:"Kafka",[fo.Ignored]:"Ignored",[fo.Unknown]:"Unknown",[fo.Processing]:"Processing",[fo.NoContainers]:"No Containers",[fo.NoRunningPods]:"No Running Pods"},ci=[{id:fo.Go,value:li[fo.Go],icon:ln(fo.Go)},{id:fo.Java,value:li[fo.Java],icon:ln(fo.Java)},{id:fo.JavaScript,value:li[fo.JavaScript],icon:ln(fo.JavaScript)},{id:fo.Python,value:li[fo.Python],icon:ln(fo.Python)},{id:fo.Php,value:li[fo.Php],icon:ln(fo.Php)},{id:fo.Ruby,value:li[fo.Ruby],icon:ln(fo.Ruby)},{id:fo.Rust,value:li[fo.Rust],icon:ln(fo.Rust)},{id:fo.DotNet,value:li[fo.DotNet],icon:ln(fo.DotNet)},{id:fo.CSharp,value:li[fo.CSharp],icon:ln(fo.CSharp)},{id:fo.CPlusPlus,value:li[fo.CPlusPlus],icon:ln(fo.CPlusPlus)},{id:fo.Swift,value:li[fo.Swift],icon:ln(fo.Swift)},{id:fo.Elixir,value:li[fo.Elixir],icon:ln(fo.Elixir)}],di=6048e5,pi=$t()(zt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Yo.DARK_MODE,storage:"undefined"!=typeof window?Ft(()=>localStorage):void 0})),ui={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},hi=$t(e=>({...ui,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(ui)})),mi=$t(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),gi=$t(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===yo.Namespace?"namespacesLoading":t===yo.Source?"sourcesLoading":t===yo.Destination?"destinationsLoading":t===yo.Action?"actionsLoading":t===yo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(un(t))===JSON.stringify(un(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===yo.Source?JSON.stringify(un(o))===JSON.stringify(un(e)):un(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:[]})}})),xi=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),$i=$t(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}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus: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:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),getEmptyState:xi})),fi=$t(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),bi=$t(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),yi=$t((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)}))}})),wi=(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},ki=$t((e,t)=>({pendingItems:[],setPendingItems:t=>e({pendingItems:t}),addPendingItems:t=>e(e=>({pendingItems:e.pendingItems.concat(t.filter(t=>!e.pendingItems.some(e=>wi(e,t))))})),removePendingItems:t=>e(e=>({pendingItems:e.pendingItems.filter(e=>!t.find(t=>wi(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===yo.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}})),Ci=$t(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),vi={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},Ei=(e,t)=>e.destinationType.type!==t.destinationType.type,Si=$t(e=>({...vi,setFetchedAllNamespaces:t=>e({fetchedAllNamespaces:t}),setAvailableSources:t=>e({availableSources:t}),setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>Ei(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=>Ei(e,t))})),clearStore:()=>e(()=>({...vi}))})),Ai={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"}},Di={v2:Ai.v2,darkMode:!0,colors:{...Ai.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:Ai.font_family},Ti={v2:Ai.v2,darkMode:!1,colors:{...Ai.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:Ai.font_family},zi=e=>e?Di:Ti;var Fi=Object.freeze({__proto__:null,baseTheme:Ai,darkModeTheme:Di,getTheme:zi,lightModeTheme:Ti});It('@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 Ii={in:{left:Mt`
|
|
30
|
+
`,oi=({label:e,leftIcon:t,rightIcon:o,status:n=Ao.Unknown,useSecondaryTone:i=!1,invertColors:a=!1,textSize:r,textColor:s,backgroundColor:l})=>{const c=Rt(),d=n?[Ao.Disabled].includes(n)?Cn(c,n,a?"400":"700"):[Ao.Unknown].includes(n)?Cn(c,n,"600"):Cn(c,n,a?i?"400":"300":i?"700":"500"):c.v2.colors.grey[200],p=s||(a&&![Ao.Unknown].includes(n)?d:[Ao.Disabled].includes(n)?c.v2.colors.grey[400]:[vo.Error,vo.Warning,vo.Success].includes(n)?c.v2.colors.black[500]:c.v2.colors.white[500]),u=l||(a&&![Ao.Unknown].includes(n)?[Ao.Disabled].includes(n)?c.v2.colors.grey[700]:c.v2.colors.silver[600]:d);return ft.createElement(ti,{$backgroundColor:u},t&&ft.createElement(t,{fill:p,size:14}),ft.createElement(ei,{color:p,size:r||Zn.XXS,nowrap:!0},e),o&&ft.createElement(o,{fill:p,size:14}))},ni=$t(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),ii=[{label:"Attributes",icon:an(io.Attributes),items:[{type:ao.K8sAttributes,icon:an(ao.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:ao.AddClusterInfo,icon:an(ao.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.DeleteAttributes,icon:an(ao.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.RenameAttributes,icon:an(ao.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Vo.Traces,Vo.Metrics,Vo.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:ao.PiiMasking,icon:an(ao.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:an(io.Samplers),items:[{type:ao.ErrorSampler,icon:an(io.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:ao.LatencySampler,icon:an(io.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Vo.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:ao.ProbabilisticSampler,icon:an(io.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:ao.ServiceNameSampler,icon:an(io.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Vo.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:ao.SpanAttributeSampler,icon:an(io.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Vo.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."}]}],ai={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."}},ri=[{type:_o.CodeAttributes,icon:gn(_o.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:[fo.Go,fo.Python]},{type:_o.CustomInstrumentation,icon:gn(_o.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:[fo.Go,fo.Java]},{type:_o.HeadersCollection,icon:gn(_o.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:[fo.Go,fo.Java,fo.JavaScript]},{type:_o.PayloadCollection,icon:gn(_o.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:[fo.Go]}],si=[{id:Vo.Logs,value:"Logs"},{id:Vo.Metrics,value:"Metrics"},{id:Vo.Traces,value:"Traces"}],li={[fo.Go]:"Go",[fo.Java]:"Java",[fo.JavaScript]:"Node.js",[fo.Python]:"Python",[fo.DotNet]:".NET",[fo.CSharp]:"C#",[fo.CPlusPlus]:"C++",[fo.Php]:"PHP",[fo.Ruby]:"Ruby",[fo.Rust]:"Rust",[fo.Swift]:"Swift",[fo.Elixir]:"Elixir",[fo.MySql]:"MySQL",[fo.Nginx]:"Nginx",[fo.Postgres]:"PostgreSQL",[fo.Redis]:"Redis",[fo.Kafka]:"Kafka",[fo.Ignored]:"Ignored",[fo.Unknown]:"Unknown",[fo.Processing]:"Processing",[fo.NoContainers]:"No Containers",[fo.NoRunningPods]:"No Running Pods"},ci=[{id:fo.Go,value:li[fo.Go],icon:ln(fo.Go)},{id:fo.Java,value:li[fo.Java],icon:ln(fo.Java)},{id:fo.JavaScript,value:li[fo.JavaScript],icon:ln(fo.JavaScript)},{id:fo.Python,value:li[fo.Python],icon:ln(fo.Python)},{id:fo.Php,value:li[fo.Php],icon:ln(fo.Php)},{id:fo.Ruby,value:li[fo.Ruby],icon:ln(fo.Ruby)},{id:fo.Rust,value:li[fo.Rust],icon:ln(fo.Rust)},{id:fo.DotNet,value:li[fo.DotNet],icon:ln(fo.DotNet)},{id:fo.CSharp,value:li[fo.CSharp],icon:ln(fo.CSharp)},{id:fo.CPlusPlus,value:li[fo.CPlusPlus],icon:ln(fo.CPlusPlus)},{id:fo.Swift,value:li[fo.Swift],icon:ln(fo.Swift)},{id:fo.Elixir,value:li[fo.Elixir],icon:ln(fo.Elixir)}],di=6048e5,pi=$t()(zt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:Yo.DARK_MODE,storage:"undefined"!=typeof window?Ft(()=>localStorage):void 0})),ui={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},hi=$t(e=>({...ui,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(ui)})),mi=$t(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),gi=$t(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,o)=>{const n=t===yo.Namespace?"namespacesLoading":t===yo.Source?"sourcesLoading":t===yo.Destination?"destinationsLoading":t===yo.Action?"actionsLoading":t===yo.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:o})},setEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:o})},addEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]];return o.forEach(e=>{const o=t.findIndex(t=>JSON.stringify(un(t))===JSON.stringify(un(e)));-1!==o?t[o]={...t[o],...e}:t.push(e)}),{[n]:t}})},removeEntities:(t,o)=>{const n=t===yo.Namespace?"namespaces":t===yo.Source?"sources":t===yo.Destination?"destinations":t===yo.Action?"actions":t===yo.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const i=[...e[n]];return o.forEach(e=>{const o=i.findIndex(o=>t===yo.Source?JSON.stringify(un(o))===JSON.stringify(un(e)):un(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:[]})}})),xi=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),$i=$t(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}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus: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:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),getEmptyState:xi})),fi=$t(e=>({isAwaitingInstrumentation:!1,sourcesToCreate:0,sourcesCreated:0,sourcesToDelete:0,sourcesDeleted:0,setInstrumentAwait:t=>e({isAwaitingInstrumentation:t}),setInstrumentCount:(t,o)=>e({[t]:o})})),bi=$t(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),yi=$t((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)}))}})),wi=$t(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),ki={fetchedAllNamespaces:!1,availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},Ci=(e,t)=>e.destinationType.type!==t.destinationType.type,vi=$t(e=>({...ki,setFetchedAllNamespaces:t=>e({fetchedAllNamespaces:t}),setAvailableSources:t=>e({availableSources:t}),setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>Ci(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const o=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(o).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>Ci(e,t))})),clearStore:()=>e(()=>({...ki}))})),Ei={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"}},Si={v2:Ei.v2,darkMode:!0,colors:{...Ei.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:Ei.font_family},Ai={v2:Ei.v2,darkMode:!1,colors:{...Ei.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:Ei.font_family},Di=e=>e?Si:Ai;var Ti=Object.freeze({__proto__:null,baseTheme:Ei,darkModeTheme:Si,getTheme:Di,lightModeTheme:Ai});Ot('@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 zi={in:{left:Mt`
|
|
31
31
|
from { transform: translateX(-100%); }
|
|
32
32
|
to { transform: translateX(0); }
|
|
33
33
|
`,right:Mt`
|
|
@@ -57,7 +57,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
57
57
|
`,center:Mt`
|
|
58
58
|
from { transform: translate(-50%, -50%); }
|
|
59
59
|
to { transform: translate(-50%, 100%); }
|
|
60
|
-
`}},
|
|
60
|
+
`}},Fi={in:Mt`
|
|
61
61
|
from {
|
|
62
62
|
width: 0%;
|
|
63
63
|
}
|
|
@@ -71,7 +71,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
71
71
|
to {
|
|
72
72
|
width: 0%;
|
|
73
73
|
}
|
|
74
|
-
`},
|
|
74
|
+
`},Oi=Mt`
|
|
75
75
|
0% {
|
|
76
76
|
transform: scale(1);
|
|
77
77
|
opacity: 1;
|
|
@@ -80,14 +80,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
80
80
|
transform: scale(2);
|
|
81
81
|
opacity: 0;
|
|
82
82
|
}
|
|
83
|
-
`,
|
|
83
|
+
`,Ii=Mt`
|
|
84
84
|
0% {
|
|
85
85
|
background-position: -500px 0;
|
|
86
86
|
}
|
|
87
87
|
100% {
|
|
88
88
|
background-position: 500px 0;
|
|
89
89
|
}
|
|
90
|
-
`,
|
|
90
|
+
`,Ni={in:Mt`
|
|
91
91
|
from {
|
|
92
92
|
opacity: 0;
|
|
93
93
|
}
|
|
@@ -101,7 +101,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
101
101
|
to {
|
|
102
102
|
opacity: 0;
|
|
103
103
|
}
|
|
104
|
-
`},
|
|
104
|
+
`},_i={Provider:({children:e})=>{const{darkMode:t}=pi();return ft.createElement(Lt,{theme:Di(t)},e)},useTheme:Rt,opacity:Object.freeze({__proto__:null,hex:{100:"FF","099":"FC","098":"FA","097":"F7","096":"F5","095":"F2","094":"F0","093":"ED","092":"EB","091":"E8","090":"E6","089":"E3","088":"E0","087":"DE","086":"DB","085":"D9","084":"D6","083":"D4","082":"D1","081":"CF","080":"CC","079":"C9","078":"C7","077":"C4","076":"C2","075":"BF","074":"BD","073":"BA","072":"B8","071":"B5","070":"B3","069":"B0","068":"AD","067":"AB","066":"A8","065":"A6","064":"A3","063":"A1","062":"9E","061":"9C","060":"99","059":"96","058":"94","057":"91","056":"8F","055":"8C","054":"8A","053":"87","052":"85","051":"82","050":"80","049":"7D","048":"7A","047":"78","046":"75","045":"73","044":"70","043":"6E","042":"6B","041":"69","040":"66","039":"63","038":"61","037":"5E","036":"5C","035":"59","034":"57","033":"54","032":"52","031":"4F","030":"4D","029":"4A","028":"47","027":"45","026":"42","025":"40","024":"3D","023":"3B","022":"38","021":"36","020":"33","019":"30","018":"2E","017":"2B","016":"29","015":"26","014":"24","013":"21","012":"1F","011":"1C","010":"1A","009":"17","008":"14","007":"12","006":"0F","005":"0D","004":"0A","003":"08","002":"05","001":"03","000":"00"}}),palletes:Ti,animations:Object.freeze({__proto__:null,fade:Ni,ping:Oi,progress:Fi,shimmer:Ii,slide:zi})},Bi=_t.div`
|
|
105
105
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
106
106
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
107
107
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -112,15 +112,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
112
112
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
113
113
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
114
114
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
115
|
-
`,
|
|
115
|
+
`,Ri=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(">","")}})},Li=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},Mi=(e,t)=>{const o=Ri(e);o?.forEach((t,o)=>{e=e.replace(t.original,`LINK-${o}###`)});const n=Li(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 ft.createElement(bt,{key:e},ft.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 ft.createElement(bt,{key:e},ft.createElement("strong",{style:{fontWeight:600}},i?.label),o?`${o} `:" ")}return e+" "})},Pi=({children:e,color:t,size:o,weight:n,align:i,family:a,opacity:r,decoration:s,transform:l,nowrap:c,...d})=>{const p=_i.useTheme(),u=yt(()=>(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 ft.createElement(Bi,{$color:t,$size:o,$weight:n,$align:i,$family:a,$opacity:r,$decoration:s,$transform:l,$nowrap:c,...d},u.length?u.map((e,t)=>ft.createElement(bt,{key:`text-${t}-${e}`},Mi(e,p),t!==u.length-1?ft.createElement("br",null):null)):e)},ji=_t.div`
|
|
116
116
|
padding: 4px 0 0 0;
|
|
117
|
-
`,
|
|
117
|
+
`,Ui=_t(Pi)`
|
|
118
118
|
font-size: 12px;
|
|
119
119
|
color: ${({theme:e})=>e.text.error};
|
|
120
|
-
`,
|
|
120
|
+
`,Wi=({children:e})=>ft.createElement(ji,null,ft.createElement(Ui,null,e)),Vi=_t.div`
|
|
121
121
|
position: relative;
|
|
122
122
|
width: 100%;
|
|
123
|
-
`,
|
|
123
|
+
`,Hi=_t.div`
|
|
124
124
|
width: calc(100% - 16px);
|
|
125
125
|
display: flex;
|
|
126
126
|
align-items: center;
|
|
@@ -137,7 +137,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
137
137
|
&:focus-within {
|
|
138
138
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
139
139
|
}
|
|
140
|
-
`,
|
|
140
|
+
`,qi=_t.input`
|
|
141
141
|
flex: 1;
|
|
142
142
|
border: none;
|
|
143
143
|
outline: none;
|
|
@@ -158,7 +158,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
158
158
|
&:disabled {
|
|
159
159
|
cursor: not-allowed;
|
|
160
160
|
}
|
|
161
|
-
`,
|
|
161
|
+
`,Gi=_t.ul`
|
|
162
162
|
position: absolute;
|
|
163
163
|
max-height: 500px;
|
|
164
164
|
top: 32px;
|
|
@@ -169,7 +169,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
169
169
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
170
170
|
z-index: 9999;
|
|
171
171
|
padding: 12px;
|
|
172
|
-
`,
|
|
172
|
+
`,Ki=_t.li`
|
|
173
173
|
width: calc(100% - 24px);
|
|
174
174
|
padding: 8px 12px;
|
|
175
175
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -181,34 +181,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
181
181
|
&:hover {
|
|
182
182
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
183
183
|
}
|
|
184
|
-
`,
|
|
184
|
+
`,Yi=_t.div`
|
|
185
185
|
width: 100%;
|
|
186
|
-
`,
|
|
186
|
+
`,Ji=_t.div`
|
|
187
187
|
display: flex;
|
|
188
188
|
width: 100%;
|
|
189
|
-
`,
|
|
189
|
+
`,Xi=_t.div`
|
|
190
190
|
width: 1px;
|
|
191
191
|
height: 52px;
|
|
192
192
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
193
193
|
position: absolute;
|
|
194
194
|
left: 33px;
|
|
195
|
-
`,
|
|
195
|
+
`,Zi=_t.div`
|
|
196
196
|
display: flex;
|
|
197
197
|
flex-direction: column;
|
|
198
198
|
gap: 4px;
|
|
199
|
-
`,
|
|
199
|
+
`,Qi=_t(Pi)`
|
|
200
200
|
flex: 1;
|
|
201
201
|
font-size: 14px;
|
|
202
|
-
`,
|
|
202
|
+
`,ea=_t(Pi)`
|
|
203
203
|
color: ${({theme:e})=>e.text.grey};
|
|
204
204
|
font-size: 10px;
|
|
205
205
|
line-height: 150%;
|
|
206
|
-
`,
|
|
206
|
+
`,ta=_t.ul`
|
|
207
207
|
padding-left: 0px;
|
|
208
208
|
margin: 4px 0 0 0;
|
|
209
209
|
list-style: none;
|
|
210
210
|
width: 100%;
|
|
211
|
-
`,
|
|
211
|
+
`,oa=(e,t)=>t?e.reduce((e,o)=>{if(o.items){const n=oa(o.items,t);n.length&&e.push({...o,items:n})}else o.label.toLowerCase().includes(t.toLowerCase())&&e.push(o);return e},[]):e,na=({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]=wt(o?.label||i||""),[u,h]=wt(oa(t,d)),[m,g]=wt(!1);wt(-1),kt(()=>h(oa(t,d)),[t]);const x=o?.icon,$=e=>{e&&(p(e.label),a?.(e.label)),g(!e),n?.(e)};return ft.createElement(Vi,{style:r},ft.createElement(Hi,{$hasError:!!l},x&&ft.createElement(x,null),ft.createElement(qi,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const o=e.target.value,n=oa(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?ft.createElement(Gi,null,u.map(e=>ft.createElement(ia,{key:e.type||e.label,option:e,onClick:$}))):null,l&&ft.createElement(Wi,null,l))},ia=({option:e,renderIcon:t=!0,onClick:o})=>{const n=!!e.items&&e.items.length>0,i=e.icon;return ft.createElement(Ki,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:o(e)},i&&t&&ft.createElement(i,null),ft.createElement(Yi,null,ft.createElement(Zi,null,ft.createElement(Qi,null,e.label),ft.createElement(ea,null,e.description)),n&&ft.createElement(ta,null,e.items?.map(e=>ft.createElement(Ji,{key:e.type||e.label},ft.createElement(Xi,null),ft.createElement(ia,{option:e,renderIcon:!1,onClick:o}))))))},aa=_t.span`
|
|
212
212
|
display: flex;
|
|
213
213
|
align-items: center;
|
|
214
214
|
justify-content: center;
|
|
@@ -220,15 +220,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
220
220
|
gap: 2px;
|
|
221
221
|
|
|
222
222
|
border-radius: 50px;
|
|
223
|
-
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":
|
|
223
|
+
border: 1px solid ${({theme:e,$filled:t,$status:o})=>o?e.text[o]+(t?"":_i.opacity.hex["050"]):t?"transparent":e.colors.border};
|
|
224
224
|
background-color: ${({theme:e,$filled:t,$status:o})=>t?o?e.colors[o]:e.colors.majestic_blue:"transparent"};
|
|
225
225
|
color: ${({theme:e,$filled:t,$status:o})=>t&&o?e.text.secondary:t?e.text.white:o?e.text[o]:e.text.grey};
|
|
226
226
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
227
227
|
font-size: 12px;
|
|
228
228
|
white-space: nowrap;
|
|
229
229
|
|
|
230
|
-
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+
|
|
231
|
-
`,
|
|
230
|
+
${({theme:e,$filled:t,$status:o,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${o?e.colors[o]+_i.opacity.hex["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+_i.opacity.hex["020"]};\n }`}
|
|
231
|
+
`,ra=({label:e,filled:t,status:o,withIcon:n,onClick:i})=>{const a=_i.useTheme(),r=o&&n?En(o,a):null;return ft.createElement(aa,{$filled:t,$status:o,$clickable:!!i,onClick:i},!!r&&ft.createElement(r,null),e)},sa=_t.div`
|
|
232
232
|
height: fit-content;
|
|
233
233
|
border: 2px solid transparent;
|
|
234
234
|
padding: 2px;
|
|
@@ -238,15 +238,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
238
238
|
&:focus-within {
|
|
239
239
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
240
240
|
}
|
|
241
|
-
`,
|
|
242
|
-
border: 1px solid ${({theme:e})=>e.text.secondary+
|
|
241
|
+
`,la={primary:Bt`
|
|
242
|
+
border: 1px solid ${({theme:e})=>e.text.secondary+_i.opacity.hex["024"]};
|
|
243
243
|
background: ${({theme:e})=>e.colors.secondary};
|
|
244
244
|
color: ${({theme:e})=>e.colors.primary};
|
|
245
245
|
&:hover {
|
|
246
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
246
|
+
background: ${({theme:e})=>e.colors.secondary+_i.opacity.hex["080"]};
|
|
247
247
|
}
|
|
248
248
|
&:active {
|
|
249
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
249
|
+
background: ${({theme:e})=>e.text.secondary+_i.opacity.hex["060"]};
|
|
250
250
|
}
|
|
251
251
|
`,secondary:Bt`
|
|
252
252
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -254,17 +254,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
254
254
|
color: ${({theme:e})=>e.colors.secondary};
|
|
255
255
|
&:hover {
|
|
256
256
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
257
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
257
|
+
background: ${({theme:e})=>e.colors.secondary+_i.opacity.hex["010"]};
|
|
258
258
|
}
|
|
259
259
|
&:active {
|
|
260
260
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
261
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
261
|
+
background: ${({theme:e})=>e.colors.secondary+_i.opacity.hex["015"]};
|
|
262
262
|
}
|
|
263
263
|
`,tertiary:Bt`
|
|
264
264
|
border-color: transparent;
|
|
265
265
|
background: transparent;
|
|
266
266
|
&:hover {
|
|
267
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
267
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+_i.opacity.hex["040"]};
|
|
268
268
|
}
|
|
269
269
|
&:active {
|
|
270
270
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
@@ -273,21 +273,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
273
273
|
border-color: transparent;
|
|
274
274
|
background: ${({theme:e})=>e.text.error};
|
|
275
275
|
&:hover {
|
|
276
|
-
background: ${({theme:e})=>e.text.error+
|
|
276
|
+
background: ${({theme:e})=>e.text.error+_i.opacity.hex["090"]};
|
|
277
277
|
}
|
|
278
278
|
&:active {
|
|
279
|
-
background: ${({theme:e})=>e.text.error+
|
|
279
|
+
background: ${({theme:e})=>e.text.error+_i.opacity.hex["080"]};
|
|
280
280
|
}
|
|
281
281
|
`,warning:Bt`
|
|
282
282
|
border-color: transparent;
|
|
283
283
|
background: ${({theme:e})=>e.text.warning};
|
|
284
284
|
&:hover {
|
|
285
|
-
background: ${({theme:e})=>e.text.warning+
|
|
285
|
+
background: ${({theme:e})=>e.text.warning+_i.opacity.hex["090"]};
|
|
286
286
|
}
|
|
287
287
|
&:active {
|
|
288
|
-
background: ${({theme:e})=>e.text.warning+
|
|
288
|
+
background: ${({theme:e})=>e.text.warning+_i.opacity.hex["080"]};
|
|
289
289
|
}
|
|
290
|
-
`},
|
|
290
|
+
`},ca=_t.button`
|
|
291
291
|
height: 36px;
|
|
292
292
|
border-radius: 32px;
|
|
293
293
|
cursor: pointer;
|
|
@@ -301,20 +301,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
301
301
|
text-decoration: underline;
|
|
302
302
|
font-weight: 600;
|
|
303
303
|
outline: none;
|
|
304
|
-
${({$variant:e})=>e&&
|
|
304
|
+
${({$variant:e})=>e&&la[e]}
|
|
305
305
|
${({disabled:e,$variant:t})=>e&&Bt`
|
|
306
306
|
opacity: 0.5;
|
|
307
307
|
cursor: not-allowed;
|
|
308
308
|
|
|
309
309
|
${"primary"===t?Bt`
|
|
310
310
|
color: ${({theme:e})=>e.colors.secondary};
|
|
311
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
311
|
+
background: ${({theme:e})=>e.text.secondary+_i.opacity.hex["010"]};
|
|
312
312
|
&:hover {
|
|
313
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
313
|
+
background: ${({theme:e})=>e.text.secondary+_i.opacity.hex["015"]};
|
|
314
314
|
}
|
|
315
315
|
`:""}
|
|
316
316
|
`}
|
|
317
|
-
`,
|
|
317
|
+
`,da=({children:e,variant:t="primary",onClick:o,...n})=>{const i=Ct(null);return ft.createElement(sa,{$variant:t},ft.createElement(ca,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},pa=e=>{function t(){return void 0===e?{}:eo(e)}const[o,n]=wt(t()),[i,a]=wt({}),r=(e,t)=>Object.entries(e).every(([e,o])=>Array.isArray(o)?o.length===t[e].length&&o.every((o,n)=>r(o,t[e][n])):"object"==typeof o&&null!==o?r(o,t[e]):o===t[e]),s=yt(()=>void 0!==e&&!r(e,o),[e,o]);return kt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,areFormValuesEqual:r,isFormDirty:s,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=eo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?a(o=>({...o,[e]:t})):o&&a({...o})},resetFormData:e=>{n(e||t()),a({})}}},ua={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}},ha=()=>{const{addNotification:e}=yi(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:a}=pa(ua);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]=Jo.FIELD_IS_REQUIRED)}}),a=!Object.values(n).length,!a&&o?.withAlert&&e({type:vo.Warning,title:o.alertTitle,message:Jo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),a},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...eo(ua),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case ro.CollectContainerAttributes:case ro.CollectReplicaSetAttributes:case ro.CollectWorkloadId:case ro.CollectClusterId:case ro.LabelsAttributes:case ro.AnnotationsAttributes:case ro.ClusterAttributes:case ro.OverwriteExistingValues:case ro.AttributeNamesToDelete:case ro.Renames:case ro.PiiCategories:case ro.FallbackSamplingRatio:case ro.SamplingPercentage:case ro.EndpointsFilters:case ro.ServicesNameFilters:case ro.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},ma=e=>{kt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},ga=()=>{const{setCurrentModal:e}=bi(),{setDrawerType:t,setDrawerEntityId:o}=mi(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:a}=ni();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 yo.Source:case yo.Destination:case yo.Action:case yo.InstrumentationRule:t(p),o(d);break;case Fo.AddSource:e(yo.Source);break;case Fo.AddDestination:e(yo.Destination);break;case Fo.AddAction:e(yo.Action);break;case Fo.AddRule:e(yo.InstrumentationRule)}}}},xa=()=>{const{setDrawerType:e,setDrawerEntityId:t}=mi(),{markAsDismissed:o,markAsSeen:n}=yi();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:c}=a||{};if(s&&l)switch(s){case yo.InstrumentationRule:e(yo.InstrumentationRule),t(mn(l,yo.InstrumentationRule));break;case yo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(yo.Source),t(mn(l,yo.Source));break;case yo.Action:e(yo.Action),t(mn(l,yo.Action));break;case yo.Destination:case"Destination":e(yo.Destination),t(mn(l,yo.Destination))}n(r),c&&o(r)}}},$a=vt({tier:void 0,version:void 0,isVersionSupported:!1,platformType:void 0}),fa=({children:e,tier:t,version:o,platformType:n})=>{const i=yt(()=>({tier:t,version:o,platformType:n}),[t,o,n]);return ft.createElement($a.Provider,{value:i},e)},ba=e=>{const t=Et($a),o=!e||t.version&&Jn(t.version)>=Jn(e);return{...t,isVersionSupported:o}},ya=()=>{const{platformType:e}=ba();return{isVm:e===xo.Vm}},wa=()=>{const e=Ct(null),[t,o]=wt(0),[n,i]=wt(0);return kt(()=>{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 ka;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(ka||(ka={}));const Ca=_t.div`
|
|
318
318
|
width: ${({$size:e})=>1.5*e}px;
|
|
319
319
|
height: ${({$size:e})=>1.5*e}px;
|
|
320
320
|
display: flex;
|
|
@@ -325,7 +325,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
325
325
|
&:hover {
|
|
326
326
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
327
327
|
}
|
|
328
|
-
`,Sa=({icon:e,size:t=va.S,onClick:o,disabled:n})=>ft.createElement(Ea,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},ft.createElement(e,{size:t})),Aa=({onDone:e}={})=>{const[t,o]=wt(!1),[n,i]=wt(-1),a=St(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:St(({value:e,size:o})=>{const n=t?Ge:Ke;return ft.createElement(Sa,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Da=e=>{const{addNotification:t}=yi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=ha(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?On(o.name)?n.name=void 0:(i=!1,n.name=Jo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Jo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:vo.Warning,title:e.alertTitle,message:Jo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...eo(e),name:t};n(void 0,void 0,o)}}},Ta={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},za=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=yi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=ha(Ta),[c,d]=wt([]),[p,u]=wt([]);return kt(()=>{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===ko.Dropdown){const e=Tn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Tn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Tn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),kt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),kt(()=>{if(t&&0===Un(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Jo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:vo.Warning,title:e.alertTitle,message:Jo.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={...eo(Ta),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Tn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Fa=({items:e,rowHeight:t})=>{const o=Ct(null),n=Ot({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()}},Ia={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Mo.HttpRequest]:null,[Mo.HttpResponse]:null,[Mo.DbQuery]:null,[Mo.Messaging]:null},codeAttributes:{[Bo.Column]:null,[Bo.FilePath]:null,[Bo.Function]:null,[Bo.LineNumber]:null,[Bo.Namespace]:null,[Bo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Lo.Java]:null,[Lo.Golang]:null}},Oa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ha(Ia);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={...eo(Ia),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Mo.HttpRequest]:i[Mo.HttpRequest]?{}:null,[Mo.HttpResponse]:i[Mo.HttpResponse]?{}:null,[Mo.DbQuery]:i[Mo.DbQuery]?{}:null,[Mo.Messaging]:i[Mo.Messaging]?{}:null}),a&&(l.codeAttributes={[Bo.Column]:a[Bo.Column]||null,[Bo.FilePath]:a[Bo.FilePath]||null,[Bo.Function]:a[Bo.Function]||null,[Bo.LineNumber]:a[Bo.LineNumber]||null,[Bo.Namespace]:a[Bo.Namespace]||null,[Bo.StackTrace]:a[Bo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Lo.Java]:s[Lo.Java]||null,[Lo.Golang]:s[Lo.Golang]||null}),o(void 0,void 0,l)}}},Na=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(kt(()=>{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),_a=(e,t)=>{kt(()=>{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=Ct(null),[i,a]=wt(!1),[r,s]=wt({top:0,left:0});return _a(n,()=>{i&&(a(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(o,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,c=o;l>=r/2&&(l+=-(n.current?.clientHeight||e)),c>=a/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Ra=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Tn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),La={otelServiceName:"",currentStreamName:""},Ma=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=ha(La);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...eo(La),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Pa=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},ja=(e,t,o)=>({...Pa(e,t,o),currentStreamName:t}),Ua=(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}},Wa=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=gi(),{selectedStreamName:n}=hi(),i=Ct(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=Si(),[d,p]=wt(s),[u,h]=wt(""),[m,g]=wt(!1),[x,$]=wt([]),[f,b]=wt(""),[y,w]=wt(r),[k,C]=wt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>ja(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=ja(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),v=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))C(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({namespaceName:e.name}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>Pa(e,n));$(e=>[...e,a]),l({...Si.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),C(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>ja(e,n,o))}))}h("")}};kt(()=>(i.current=!0,o?.length&&!Si.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),C(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]||Ua(e,n)),t}),(async()=>{for await(const e of o)i.current&&await v(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=wt(""),[A,D]=wt(yo.Source),[T,z]=wt(!1),[F,I]=wt(!1),O=yt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,yo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,yo.Source)&&(!T||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,F]);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:""),v(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>v(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});C(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]:Ua(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:z,showRunningOnly:F,setShowRunningOnly:I}};try{Tt.addDefaultLocale(Nt)}catch(e){}const Va=()=>{const e=Ct(new Tt(Nt.locale));return{formatTimeAgo:St(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Ha=_t.div`
|
|
328
|
+
`,va=({icon:e,size:t=ka.S,onClick:o,disabled:n})=>ft.createElement(Ca,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},ft.createElement(e,{size:t})),Ea=({onDone:e}={})=>{const[t,o]=wt(!1),[n,i]=wt(-1),a=St(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:St(({value:e,size:o})=>{const n=t?Ge:Ke;return ft.createElement(va,{icon:n,size:o,onClick:()=>a(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:a}},Sa=e=>{const{addNotification:t}=yi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:a,resetFormData:r}=pa(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:e=>{const n={};let i=!0;return o.name?In(o.name)?n.name=void 0:(i=!1,n.name=Jo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Jo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:vo.Warning,title:e.alertTitle,message:Jo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...eo(e),name:t};n(void 0,void 0,o)}}},Aa={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Da=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=yi(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=pa(Aa),[c,d]=wt([]),[p,u]=wt([]);return kt(()=>{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===ko.Dropdown){const e=Tn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:o,title:i,value:a,renderCondition:r,...Tn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?Tn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),kt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),kt(()=>{if(t&&0===Un(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;r("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Jo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:vo.Warning,title:e.alertTitle,message:Jo.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={...eo(Aa),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(Tn(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ta=({items:e,rowHeight:t})=>{const o=Ct(null),n=It({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()}},za={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Mo.HttpRequest]:null,[Mo.HttpResponse]:null,[Mo.DbQuery]:null,[Mo.Messaging]:null},codeAttributes:{[Bo.Column]:null,[Bo.FilePath]:null,[Bo.Function]:null,[Bo.LineNumber]:null,[Bo.Namespace]:null,[Bo.StackTrace]:null},headersCollection:null,customInstrumentations:{[Lo.Java]:null,[Lo.Golang]:null}},Fa=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=pa(za);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={...eo(za),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Mo.HttpRequest]:i[Mo.HttpRequest]?{}:null,[Mo.HttpResponse]:i[Mo.HttpResponse]?{}:null,[Mo.DbQuery]:i[Mo.DbQuery]?{}:null,[Mo.Messaging]:i[Mo.Messaging]?{}:null}),a&&(l.codeAttributes={[Bo.Column]:a[Bo.Column]||null,[Bo.FilePath]:a[Bo.FilePath]||null,[Bo.Function]:a[Bo.Function]||null,[Bo.LineNumber]:a[Bo.LineNumber]||null,[Bo.Namespace]:a[Bo.Namespace]||null,[Bo.StackTrace]:a[Bo.StackTrace]||null}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[Lo.Java]:s[Lo.Java]||null,[Lo.Golang]:s[Lo.Golang]||null}),o(void 0,void 0,l)}}},Oa=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:a},r)=>(kt(()=>{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),Ia=(e,t)=>{kt(()=>{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])},Na=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=Ct(null),[i,a]=wt(!1),[r,s]=wt({top:0,left:0});return Ia(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})}}},_a=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?Tn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ba={otelServiceName:"",currentStreamName:""},Ra=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=pa(Ba);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...eo(Ba),otelServiceName:e||t||""};o(void 0,void 0,n)}}},La=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,a=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,r=(n?o:e.selected&&(!i||a))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:r,numberOfInstances:e.numberOfInstances}},Ma=(e,t,o)=>({...La(e,t,o),currentStreamName:t}),Pa=(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}},ja=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=gi(),{selectedStreamName:n}=hi(),i=Ct(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=vi(),[d,p]=wt(s),[u,h]=wt(""),[m,g]=wt(!1),[x,$]=wt([]),[f,b]=wt(""),[y,w]=wt(r),[k,C]=wt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Ma(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=Ma(t,o);-1!==i?n[e][i]=a:n[e].push(a)})}),n})(s,a,n)),v=async(e,o)=>{if(t){if(h(e.name),x.includes(e.name))C(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({namespaceName:e.name}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;const s=r.map(e=>La(e,n));$(e=>[...e,a]),l({...vi.getState().availableSources,[a]:s}),p(e=>({...e,[a]:s})),C(e=>({...e,[a]:"boolean"!=typeof o&&e[a]?.length?e[a]:r.map(e=>Ma(e,n,o))}))}h("")}};kt(()=>(i.current=!0,o?.length&&!vi.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),C(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]||Pa(e,n)),t}),(async()=>{for await(const e of o)i.current&&await v(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=wt(""),[A,D]=wt(yo.Source),[T,z]=wt(!1),[F,O]=wt(!1),I=yt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,yo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,yo.Source)&&(!T||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!E||E&&i.length)&&(t[o]=i)}),t},[k,E,A,T,F]);return{fetchingNamespace:u,fetchedNamespaces:x,availableSources:d,filteredNamespacesAndSources:I,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:""),v(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>v(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});C(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]:Pa(a,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:z,showRunningOnly:F,setShowRunningOnly:O}};try{Tt.addDefaultLocale(Nt)}catch(e){}const Ua=()=>{const e=Ct(new Tt(Nt.locale));return{formatTimeAgo:St(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Wa=_t.div`
|
|
329
329
|
flex: 1;
|
|
330
330
|
align-self: stretch;
|
|
331
331
|
display: flex;
|
|
@@ -333,7 +333,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
333
333
|
gap: 24px;
|
|
334
334
|
padding: 24px 24px 0 24px;
|
|
335
335
|
overflow-x: scroll;
|
|
336
|
-
`,
|
|
336
|
+
`,Va=_t.div`
|
|
337
337
|
position: relative;
|
|
338
338
|
|
|
339
339
|
// inherit all the properties of the parent (PageContent)
|
|
@@ -343,7 +343,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
343
343
|
flex-direction: inherit;
|
|
344
344
|
gap: inherit;
|
|
345
345
|
overflow-x: inherit;
|
|
346
|
-
`,
|
|
346
|
+
`,Ha=_t.div`
|
|
347
347
|
display: flex;
|
|
348
348
|
flex-direction: row;
|
|
349
349
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -351,7 +351,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
351
351
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
352
352
|
gap: ${({$gap:e=2})=>e}px;
|
|
353
353
|
padding: ${({$padding:e="unset"})=>e};
|
|
354
|
-
`,
|
|
354
|
+
`,qa=_t.div`
|
|
355
355
|
display: flex;
|
|
356
356
|
flex-direction: column;
|
|
357
357
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -359,17 +359,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
359
359
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
360
360
|
gap: ${({$gap:e=2})=>e}px;
|
|
361
361
|
padding: ${({$padding:e="unset"})=>e};
|
|
362
|
-
`,
|
|
362
|
+
`,Ga=_t(qa)`
|
|
363
363
|
width: ${({$width:e})=>e||"100%"};
|
|
364
364
|
height: ${({$height:e})=>e||"unset"};
|
|
365
365
|
align-items: center;
|
|
366
366
|
justify-content: center;
|
|
367
|
-
`,
|
|
367
|
+
`,Ka=_t.div`
|
|
368
368
|
display: flex;
|
|
369
369
|
flex-direction: column;
|
|
370
370
|
padding: 12px;
|
|
371
371
|
overflow-y: scroll;
|
|
372
|
-
`,
|
|
372
|
+
`,Ya=_t.div`
|
|
373
373
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
374
374
|
top: 0;
|
|
375
375
|
left: 0;
|
|
@@ -378,24 +378,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
378
378
|
z-index: 1000;
|
|
379
379
|
background: rgba(0, 0, 0, 0.6);
|
|
380
380
|
backdrop-filter: blur(2px);
|
|
381
|
-
`,
|
|
381
|
+
`,Ja=_t.div`
|
|
382
382
|
width: 800px;
|
|
383
383
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
384
384
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
385
385
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
386
386
|
padding: 0 2px;
|
|
387
387
|
overflow-y: scroll;
|
|
388
|
-
`,
|
|
388
|
+
`,Xa=_t(qa)`
|
|
389
389
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
390
390
|
width: 100%;
|
|
391
|
-
`,
|
|
391
|
+
`,Za=_t(Ha)`
|
|
392
392
|
gap: 16px;
|
|
393
393
|
padding: 16px;
|
|
394
|
-
`,
|
|
394
|
+
`,Qa=_t.div`
|
|
395
395
|
width: 100%;
|
|
396
396
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
397
397
|
overflow-y: auto;
|
|
398
|
-
`,
|
|
398
|
+
`,er=_t.div`
|
|
399
399
|
position: fixed;
|
|
400
400
|
top: 50%;
|
|
401
401
|
left: 50%;
|
|
@@ -405,28 +405,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
405
405
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
406
406
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
407
407
|
border-radius: 40px;
|
|
408
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
409
|
-
animation-name: ${
|
|
410
|
-
`,
|
|
408
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+_i.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
409
|
+
animation-name: ${_i.animations.slide.in.center};
|
|
410
|
+
`,tr=_t.div`
|
|
411
411
|
display: flex;
|
|
412
412
|
justify-content: space-between;
|
|
413
413
|
align-items: center;
|
|
414
414
|
height: 80px;
|
|
415
415
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
416
416
|
padding: 0 24px;
|
|
417
|
-
`,
|
|
417
|
+
`,or=_t.div`
|
|
418
418
|
cursor: pointer;
|
|
419
419
|
display: flex;
|
|
420
420
|
align-items: center;
|
|
421
421
|
gap: 8px;
|
|
422
|
-
`,
|
|
422
|
+
`,nr=_t.div`
|
|
423
423
|
display: flex;
|
|
424
424
|
align-items: center;
|
|
425
425
|
gap: 8px;
|
|
426
|
-
`,
|
|
426
|
+
`,ir=_t(Ga)`
|
|
427
427
|
min-width: 350px;
|
|
428
428
|
min-height: 150px;
|
|
429
|
-
`,
|
|
429
|
+
`,ar=_t.div`
|
|
430
430
|
position: absolute;
|
|
431
431
|
left: 50%;
|
|
432
432
|
transform: translateX(-50%);
|
|
@@ -435,24 +435,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
435
435
|
justify-content: center;
|
|
436
436
|
width: 100%;
|
|
437
437
|
pointer-events: none;
|
|
438
|
-
`,
|
|
438
|
+
`,rr=_t(Pi)`
|
|
439
439
|
text-transform: uppercase;
|
|
440
440
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
441
441
|
pointer-events: auto;
|
|
442
|
-
`,
|
|
442
|
+
`,sr=_t(Pi)`
|
|
443
443
|
text-transform: uppercase;
|
|
444
444
|
font-weight: 500;
|
|
445
445
|
font-size: 14px;
|
|
446
446
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
447
447
|
text-decoration: underline;
|
|
448
448
|
cursor: pointer;
|
|
449
|
-
`,
|
|
449
|
+
`,lr=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:a,closeOnEscape:r=!0})=>(Oa({key:"Escape",active:e&&r},()=>i()),ma(e),e?Vt.createPortal(ft.createElement(ft.Fragment,null,ft.createElement(Ya,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),ft.createElement(er,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:"")},o&&ft.createElement(tr,null,ft.createElement(or,{onClick:i},ft.createElement(Ye,null),ft.createElement(sr,null,"Cancel")),ft.createElement(ar,null,ft.createElement(rr,null,o.title)),ft.createElement(nr,null,n)),ft.createElement(ir,null,a))),document.body):null),cr=_t.div`
|
|
450
450
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
451
451
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
452
452
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
453
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+
|
|
453
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+_i.opacity.hex["050"]};
|
|
454
454
|
opacity: ${({$opacity:e})=>e||1};
|
|
455
|
-
`,
|
|
455
|
+
`,dr=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:a})=>ft.createElement(cr,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:a}),pr=_t.div`
|
|
456
456
|
position: absolute;
|
|
457
457
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
458
458
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -467,24 +467,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
467
467
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
468
468
|
|
|
469
469
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
470
|
-
`,
|
|
470
|
+
`,ur=_t.div`
|
|
471
471
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
472
472
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
473
|
-
`,
|
|
473
|
+
`,hr=_t.div`
|
|
474
474
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
475
|
-
`,
|
|
475
|
+
`,mr=_t.div`
|
|
476
476
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
477
477
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
478
|
-
|
|
478
|
+
`,gr=At(({isOpen:e,asPortal:t,...o},n)=>{const i=yt(()=>{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 ft.createElement(pr,{ref:n,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&ft.createElement(ur,{$padding:c},u),ft.createElement(hr,{$padding:c},e),h&&ft.createElement(mr,{$padding:c},h))},[n,o,t]);return e?t?Vt.createPortal(i,document.body):i:null});gr.displayName=gr.name;const xr=_t.div`
|
|
479
479
|
position: relative;
|
|
480
480
|
display: flex;
|
|
481
481
|
align-items: center;
|
|
482
482
|
gap: 4px;
|
|
483
483
|
// cursor: help;
|
|
484
|
-
|
|
484
|
+
`,$r=_t(Pi)`
|
|
485
485
|
word-break: break-word;
|
|
486
486
|
white-space: pre-wrap;
|
|
487
|
-
`,
|
|
487
|
+
`,fr=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:a})=>{const r=_i.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Na({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=yt(()=>!!Ri(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?ft.createElement(xr,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},a,e&&ft.createElement(qe,{fill:r.v2.colors.silver[200]}),ft.createElement(gr,{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)&&ft.createElement(Ha,{style:{marginBottom:"4px"},$gap:4},t&&ft.createElement(t,{key:"icon",size:12,fill:r.text.secondary}),o&&ft.createElement(Pi,{key:"title",size:12,color:r.text.secondary},o)),ft.createElement($r,{size:12,color:r.text.info},n),!!i&&ft.createElement(Pi,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):ft.createElement(ft.Fragment,null,a)},br=_t.button`
|
|
488
488
|
position: relative;
|
|
489
489
|
width: ${({$size:e})=>e}px;
|
|
490
490
|
height: ${({$size:e})=>e}px;
|
|
@@ -496,9 +496,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
496
496
|
justify-content: center;
|
|
497
497
|
cursor: pointer;
|
|
498
498
|
&:hover {
|
|
499
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+
|
|
499
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+_i.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
500
500
|
}
|
|
501
|
-
`,
|
|
501
|
+
`,yr=_t.div`
|
|
502
502
|
position: absolute;
|
|
503
503
|
top: ${({$size:e})=>e/5}px;
|
|
504
504
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -513,17 +513,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
513
513
|
inset: 0;
|
|
514
514
|
border-radius: 100%;
|
|
515
515
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
516
|
-
animation: ${
|
|
516
|
+
animation: ${_i.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
517
517
|
}
|
|
518
|
-
`,
|
|
518
|
+
`,wr=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>ft.createElement(fr,{text:o},ft.createElement(br,{$size:n,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&ft.createElement(yr,{$size:n,$color:a}),e)),kr=_t.div`
|
|
519
519
|
position: relative;
|
|
520
520
|
&.animated {
|
|
521
521
|
overflow: hidden;
|
|
522
522
|
padding-bottom: 1px;
|
|
523
523
|
border-radius: 32px;
|
|
524
|
-
animation: ${({$isLeaving:e})=>e?
|
|
524
|
+
animation: ${({$isLeaving:e})=>e?_i.animations.slide.out.bottom:_i.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
525
525
|
}
|
|
526
|
-
`,
|
|
526
|
+
`,Cr=_t.div`
|
|
527
527
|
position: absolute;
|
|
528
528
|
bottom: -1px;
|
|
529
529
|
left: 0;
|
|
@@ -532,8 +532,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
532
532
|
height: 100%;
|
|
533
533
|
border-radius: 32px;
|
|
534
534
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
535
|
-
animation: ${
|
|
536
|
-
`,
|
|
535
|
+
animation: ${_i.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
536
|
+
`,vr=_t.div`
|
|
537
537
|
display: flex;
|
|
538
538
|
align-items: center;
|
|
539
539
|
flex: 1;
|
|
@@ -541,20 +541,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
541
541
|
padding: 0 12px;
|
|
542
542
|
border-radius: 32px;
|
|
543
543
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
544
|
-
`,
|
|
544
|
+
`,Er=_t.div`
|
|
545
545
|
display: flex;
|
|
546
546
|
align-items: center;
|
|
547
547
|
margin: 0 auto 0 0;
|
|
548
548
|
padding: 8px 0;
|
|
549
549
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
550
550
|
min-height: 12px;
|
|
551
|
-
`,
|
|
551
|
+
`,Sr=_t(Pi)`
|
|
552
552
|
font-size: 14px;
|
|
553
553
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
554
|
-
`,
|
|
554
|
+
`,Ar=_t(Pi)`
|
|
555
555
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
556
556
|
font-size: 12px;
|
|
557
|
-
`,
|
|
557
|
+
`,Dr=_t(Ha)``,Tr=_t(Pi)`
|
|
558
558
|
text-transform: uppercase;
|
|
559
559
|
text-decoration: underline;
|
|
560
560
|
font-size: 12px;
|
|
@@ -565,34 +565,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
565
565
|
transform: scale(1.1);
|
|
566
566
|
transition: transform 0.3s;
|
|
567
567
|
}
|
|
568
|
-
`,
|
|
568
|
+
`,zr=({type:e,icon:t,title:o,message:n,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const c=_i.useTheme(),[d,p]=wt(!1),u=Ct(null),h=Ct(null),m=e=>{a&&(p(!0),a({asSeen:e?.asSeen}))};kt(()=>(u.current=setTimeout(()=>m({asSeen:!1}),r),()=>{u.current&&clearTimeout(u.current)}),[r]);const g=t||En(e,c);return ft.createElement(kr,{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"}}},ft.createElement(vr,{"data-id":"toast",$type:e,style:l},ft.createElement(g,{fill:c.text[e]}),ft.createElement(Er,{$withAction:!!i,$overrideMaxWidth:s},o&&ft.createElement(Sr,{$type:e},o),o&&n&&ft.createElement(dr,{orientation:"vertical",type:e}),n&&ft.createElement(Ar,{$type:e},n)),(!!i||!!a)&&ft.createElement(Dr,null,i&&ft.createElement(Tr,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&ft.createElement(wr,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},ft.createElement(Ye,{size:12})))),a&&ft.createElement(Cr,{ref:h,$duration:r,$type:e}))},Fr=_t.div`
|
|
569
569
|
padding: 24px 32px;
|
|
570
|
-
`,
|
|
570
|
+
`,Or=_t.div`
|
|
571
571
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
572
|
-
`,
|
|
572
|
+
`,Ir=_t(Pi)`
|
|
573
573
|
font-size: 20px;
|
|
574
574
|
line-height: 28px;
|
|
575
|
-
`,
|
|
575
|
+
`,Nr=_t(Pi)`
|
|
576
576
|
color: ${({theme:e})=>e.text.grey};
|
|
577
577
|
width: 416px;
|
|
578
578
|
font-style: normal;
|
|
579
579
|
font-weight: 300;
|
|
580
580
|
line-height: 24px;
|
|
581
|
-
`,
|
|
581
|
+
`,_r=_t.div`
|
|
582
582
|
display: flex;
|
|
583
583
|
justify-content: space-between;
|
|
584
584
|
gap: 12px;
|
|
585
|
-
`,
|
|
585
|
+
`,Br=_t(da)`
|
|
586
586
|
width: 250px;
|
|
587
|
-
`,
|
|
587
|
+
`,Rr=_t.div`
|
|
588
588
|
margin-bottom: 12px;
|
|
589
|
-
`,
|
|
589
|
+
`,Lr=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{Oa({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return ft.createElement(lr,{isOpen:e,noOverlay:t,onClose:l},ft.createElement(Fr,null,ft.createElement(Ir,null,o),ft.createElement(Or,{$withNote:!!i},ft.createElement(Nr,null,n)),!!i&&ft.createElement(Rr,null,ft.createElement(zr,{type:i.type,title:i.title,message:i.message})),ft.createElement(_r,null,ft.createElement(Br,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),ft.createElement(Br,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))},Mr=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>ft.createElement(Lr,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:vo.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),Pr=_t.div`
|
|
590
590
|
display: flex;
|
|
591
591
|
align-items: center;
|
|
592
592
|
gap: 8px;
|
|
593
593
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
594
594
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
595
|
-
`,
|
|
595
|
+
`,jr=_t.div`
|
|
596
596
|
width: 18px;
|
|
597
597
|
height: 18px;
|
|
598
598
|
border-radius: 6px;
|
|
@@ -600,15 +600,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
600
600
|
display: flex;
|
|
601
601
|
align-items: center;
|
|
602
602
|
justify-content: center;
|
|
603
|
-
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+
|
|
603
|
+
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:o})=>e?o.colors.majestic_blue:t?o.colors.majestic_blue_soft:o.colors.secondary+_i.opacity.hex["020"]};
|
|
604
604
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
605
605
|
transition: border 0.3s;
|
|
606
606
|
&:hover {
|
|
607
607
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
608
608
|
}
|
|
609
|
-
`,
|
|
609
|
+
`,Ur=({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=_i.useTheme(),[p,u]=wt(n);return kt(()=>u(n),[n]),ft.createElement(qa,null,ft.createElement(Pr,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(c||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},ft.createElement(jr,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?ft.createElement(Je,{fill:d.text.white}):p?ft.createElement(Ge,{fill:d.text.white}):null),e&&ft.createElement(fr,{text:o,withIcon:!0},ft.createElement(Pi,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&ft.createElement(Wi,null,l))},Wr=_t(Ha)`
|
|
610
610
|
gap: 0;
|
|
611
|
-
`,
|
|
611
|
+
`,Vr=_t.button`
|
|
612
612
|
padding: 4px 8px;
|
|
613
613
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
614
614
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -620,22 +620,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
620
620
|
&:hover {
|
|
621
621
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
622
622
|
}
|
|
623
|
-
`,
|
|
623
|
+
`,Hr=({isPrettyMode:e,setIsPrettyMode:t})=>ft.createElement(Wr,null,ft.createElement(Vr,{$position:"left",$selected:e,onClick:()=>t(!0)},ft.createElement(Xe,null)),ft.createElement(Vr,{$position:"right",$selected:!e,onClick:()=>t(!1)},ft.createElement(Ze,null))),qr=_t.table`
|
|
624
624
|
border-collapse: collapse;
|
|
625
625
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
626
|
-
`,
|
|
626
|
+
`,Gr=_t.tbody``,Kr=_t.tr`
|
|
627
627
|
td:first-child {
|
|
628
628
|
padding-left: 0 !important;
|
|
629
629
|
}
|
|
630
630
|
td:last-child {
|
|
631
631
|
padding-right: 0 !important;
|
|
632
632
|
}
|
|
633
|
-
`,
|
|
633
|
+
`,Yr=_t.td`
|
|
634
634
|
vertical-align: top;
|
|
635
635
|
padding: 4px 6px;
|
|
636
|
-
`,
|
|
636
|
+
`,Jr=_t(Pi)`
|
|
637
637
|
white-space: nowrap;
|
|
638
|
-
`,
|
|
638
|
+
`,Xr=_t.span`
|
|
639
639
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
640
640
|
overflow-wrap: break-word;
|
|
641
641
|
word-break: break-word;
|
|
@@ -643,56 +643,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
643
643
|
/* Fallback for older browsers */
|
|
644
644
|
-ms-word-break: break-all;
|
|
645
645
|
font-size: 12px;
|
|
646
|
-
`,
|
|
646
|
+
`,Zr=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:a}=_i.useTheme(),r=o?Yt[o]:a?Yt.palenight:Yt.vsLight;let s="";if("json"===e){const e=Tn(t,{}),o=qn(e);s=Gn(n?en(o):o)}else s=t;return i&&"json"===e?ft.createElement(Qr,{darkMode:a,str:s}):ft.createElement(Kt,{theme:r||(a?Yt.palenight:Yt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>ft.createElement("pre",null,o.map((o,n)=>ft.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>ft.createElement(Xr,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},Qr=({darkMode:e,str:t})=>{const o=_i.useTheme();return ft.createElement(Kt,{theme:e?Yt.palenight:Yt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>ft.createElement(qr,null,ft.createElement(Gr,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]?ft.createElement(bt,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>ft.createElement(Kr,{...e},ft.createElement(Yr,null),ft.createElement(Yr,null)));return ft.createElement(bt,null,n.map((e,n)=>ft.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),ft.createElement(Kr,{...r},ft.createElement(Yr,null,ft.createElement(Jr,null,a[0].content)),ft.createElement(Yr,null))):2===a.length?ft.createElement(Kr,{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 ft.createElement(fr,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return ft.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=En(i,t);return e||(e=En(vo.Warning,t)),ft.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return ft.createElement(Yr,{key:`line-${i}-token-${n}`},ft.createElement(Ha,null,ft.createElement(Ha,null,r),ft.createElement(Xr,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},es={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 ts(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 es[n]?{value:t,unit:n}:{value:t,unit:"px"}}function os(e){const t=ts(e);return`${t.value}${t.unit}`}const ns=(()=>{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})(),is=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:a={},...r})=>{const s=_i.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=ts(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:os(1.5),height:os(4),borderRadius:os(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${ns} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return ft.createElement("span",{style:h,...r},ft.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),ft.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),ft.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),ft.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),ft.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),ft.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),ft.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),ft.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},as=_t.div`
|
|
647
647
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
648
648
|
display: flex;
|
|
649
649
|
align-items: center;
|
|
650
650
|
justify-content: center;
|
|
651
|
-
`,
|
|
651
|
+
`,rs=({extend:e,size:t=14,align:o="center"})=>ft.createElement(as,{$align:o},ft.createElement(Qe,{size:t,rotate:e?180:0})),ss=_t.div`
|
|
652
652
|
border-radius: 24px;
|
|
653
|
-
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+
|
|
653
|
+
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+_i.opacity.hex["010"]:t===vo.Warning?e.text.warning+_i.opacity.hex["010"]:e.colors.secondary+_i.opacity.hex["005"]};
|
|
654
654
|
&:hover {
|
|
655
|
-
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+
|
|
655
|
+
background-color: ${({theme:e,$status:t})=>t===vo.Error?e.text.error+_i.opacity.hex["020"]:t===vo.Warning?e.text.warning+_i.opacity.hex["020"]:e.colors.secondary+_i.opacity.hex["010"]};
|
|
656
656
|
}
|
|
657
657
|
cursor: pointer;
|
|
658
658
|
transition: background 0.3s;
|
|
659
|
-
`,
|
|
659
|
+
`,ls=_t.div`
|
|
660
660
|
display: flex;
|
|
661
661
|
align-items: center;
|
|
662
662
|
gap: 12px;
|
|
663
663
|
padding: 12px 18px;
|
|
664
|
-
`,
|
|
664
|
+
`,cs=_t.div`
|
|
665
665
|
display: flex;
|
|
666
666
|
flex-direction: column;
|
|
667
667
|
gap: 8px;
|
|
668
668
|
padding: 6px 18px 12px 18px;
|
|
669
|
-
`,
|
|
669
|
+
`,ds=_t.div`
|
|
670
670
|
display: flex;
|
|
671
671
|
align-items: center;
|
|
672
672
|
gap: 12px;
|
|
673
|
-
`,
|
|
673
|
+
`,ps=_t(Pi)`
|
|
674
674
|
white-space: nowrap;
|
|
675
|
-
`,
|
|
675
|
+
`,us=_t(qa)`
|
|
676
676
|
width: 16px;
|
|
677
|
-
`,
|
|
677
|
+
`,hs=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=_i.useTheme(),[a,r]=wt(!1),s=yt(()=>Pn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=yt(()=>rn(s),[s]);kt(()=>{r(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?vo.Error:p?vo.Warning:u?vo.Info:vo.Success,x=En(g,i),$=c?t:p||u?o:m?"Loading...":n,f=c?i.text.error:p?i.text.warning:i.text.info,b=`(${c?l.length:p?d.length:s.length}/${s.length})`,y=c?i.text.error_secondary:p?i.text.warning_secondary:i.text.info_secondary,w=St(()=>r(e=>!e),[]);return ft.createElement(ss,{onClick:w,$status:g},ft.createElement(ls,null,m?ft.createElement(is,null):ft.createElement(x,null),ft.createElement(Pi,{color:f,size:14},$),ft.createElement(Pi,{color:y,size:12,family:"secondary"},b),ft.createElement(rs,{extend:a,align:"right"})),a&&ft.createElement(cs,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:a},r)=>{const s=e===So.Loading?()=>ft.createElement(is,{scale:.8}):e===So.Disabled?En(vo.Info,i):En(e,i),l=e===So.Disabled?i.text.info:e===vo.Error?i.text.error:e===vo.Warning?i.text.warning:i.text.info,c=e===So.Disabled?i.text.info_secondary:e===vo.Error?i.text.error_secondary:e===vo.Warning?i.text.warning_secondary:i.text.info_secondary;return ft.createElement(ds,{key:`condition-${r}`},ft.createElement(us,null,ft.createElement(s,null)),ft.createElement(Ha,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},ft.createElement(Pi,{color:l,size:12},ft.createElement(ps,{color:c,size:12,weight:700},t),n||o),ft.createElement(ps,{color:l,size:12},new Date(a).toLocaleString())))})))},ms=_t.div`
|
|
678
678
|
display: flex;
|
|
679
679
|
align-items: center;
|
|
680
680
|
gap: ${({$size:e})=>e/3}px;
|
|
681
681
|
padding: ${({$size:e,$withBorder:t,$withBackground:o})=>t||o?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
682
682
|
width: ${({$width:e})=>e||"fit-content"};
|
|
683
683
|
border-radius: 360px;
|
|
684
|
-
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+
|
|
685
|
-
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+
|
|
686
|
-
|
|
684
|
+
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+_i.opacity.hex["050"]}`:"none"};
|
|
685
|
+
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+_i.opacity.hex["030"]} 100%)`:"transparent"};
|
|
686
|
+
`,gs=_t.div`
|
|
687
687
|
display: flex;
|
|
688
688
|
align-items: center;
|
|
689
|
-
`,
|
|
689
|
+
`,xs=_t.div`
|
|
690
690
|
display: flex;
|
|
691
691
|
align-items: center;
|
|
692
|
-
|
|
692
|
+
`,$s=({title:e,subtitle:t,status:o=vo.Default,forceIcon:n,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=_i.useTheme(),u=[So.Loading,So.Disabled].includes(o)?vo.Info:o,h=n?()=>ft.createElement(n,{size:l+2,fill:p.text[u]}):o===So.Loading?()=>ft.createElement(is,{scale:.8}):()=>En(u,p)?.({size:l+2});return ft.createElement(ms,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&ft.createElement(gs,null,ft.createElement(h,null)),(!!e||!!t)&&ft.createElement(xs,null,!!e&&ft.createElement(Pi,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&ft.createElement(dr,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&ft.createElement(Pi,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},fs=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const a=Rt();return ft.createElement(da,{onClick:t,variant:o,...i},ft.createElement(et,{fill:"primary"===o?a.text.primary:a.text.info}),ft.createElement(Pi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?a.text.primary:void 0,...n},e||Zo.ADD))},bs=_t(Ha)`
|
|
693
693
|
width: 100%;
|
|
694
694
|
border-radius: 8px;
|
|
695
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
695
|
+
background-color: ${({theme:e})=>e.colors.secondary+_i.opacity.hex["010"]};
|
|
696
696
|
pre {
|
|
697
697
|
color: ${({theme:e})=>e.text.default};
|
|
698
698
|
font-size: 12px;
|
|
@@ -700,7 +700,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
700
700
|
width: 100%;
|
|
701
701
|
padding-left: 12px;
|
|
702
702
|
}
|
|
703
|
-
`,
|
|
703
|
+
`,ys=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Ea();return ft.createElement(bs,null,ft.createElement("pre",null,e),ft.createElement(wr,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?ft.createElement(Ge,null):ft.createElement(Ke,null)))},ws=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=Rt();return ft.createElement(da,{onClick:t,variant:o,...n},ft.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),ft.createElement(Pi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||Zo.EDIT))},ks=({onClick:e})=>ft.createElement(zr,{type:vo.Default,icon:je,message:Xo.QUICK_BACK_TO_SUMMARY,action:{label:Xo.GO_TO_SUMMARY,onClick:e}}),Cs=_t(Pi)`
|
|
704
704
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
705
705
|
white-space: nowrap;
|
|
706
706
|
overflow-x: auto;
|
|
@@ -710,15 +710,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
710
710
|
content: '';
|
|
711
711
|
display: block;
|
|
712
712
|
}
|
|
713
|
-
`,
|
|
713
|
+
`,vs=({maxWidth:e,text:t,textSize:o=16,textColor:n})=>{const[i,a]=wt(!1),r=Ct(null);return kt(()=>{if(r.current){const{clientWidth:t}=r.current;a(t<1.05*(e-o)&&t>.95*(e-o))}},[e,o,t]),ft.createElement(Ha,{$gap:0},t&&ft.createElement(fr,{text:i?t:void 0},ft.createElement(Cs,{ref:r,$maxWidth:e-o,size:o,color:n},t)),i&&ft.createElement(Cs,{$maxWidth:o,size:o,color:n},"..."))},Es=({src:e="",alt:t="",size:n=16})=>{const[i,a]=wt(!1);return e&&!i?ft.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>a(!0)}):ft.createElement(o,{size:n})},Ss=_t.div`
|
|
714
714
|
display: flex;
|
|
715
715
|
align-items: center;
|
|
716
716
|
justify-content: center;
|
|
717
717
|
width: ${({$size:e})=>e}px;
|
|
718
718
|
height: ${({$size:e})=>e}px;
|
|
719
719
|
border-radius: 8px;
|
|
720
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
721
|
-
`,
|
|
720
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+_i.opacity.hex["030"]} 100%)`}};
|
|
721
|
+
`,As=({icon:e,src:t="",alt:n="",status:i,size:a=36})=>ft.createElement(Ss,{$status:i,$size:a},t?ft.createElement(Es,{src:t,alt:n,size:a-12}):e?ft.createElement(e,{size:a-12}):ft.createElement(o,{size:a-12})),Ds=_t.div`
|
|
722
722
|
position: relative;
|
|
723
723
|
display: flex;
|
|
724
724
|
flex-wrap: wrap;
|
|
@@ -726,7 +726,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
726
726
|
justify-content: center;
|
|
727
727
|
width: ${({$size:e})=>e}px;
|
|
728
728
|
height: ${({$size:e})=>e}px;
|
|
729
|
-
`,
|
|
729
|
+
`,Ts=_t.div`
|
|
730
730
|
position: absolute;
|
|
731
731
|
top: ${({$top:e})=>e}px;
|
|
732
732
|
left: ${({$left:e})=>e}px;
|
|
@@ -737,78 +737,78 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
737
737
|
width: ${({$size:e})=>e}px;
|
|
738
738
|
height: ${({$size:e})=>e}px;
|
|
739
739
|
border-radius: 100%;
|
|
740
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
741
|
-
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+
|
|
742
|
-
`,
|
|
740
|
+
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+_i.opacity.hex["030"]};
|
|
741
|
+
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+_i.opacity.hex["030"]} 100%)`}};
|
|
742
|
+
`,zs=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const a=_i.useTheme(),r=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return ft.createElement(zs,{icons:t.map(e=>()=>ft.createElement(Es,{src:e,size:r})),status:o,size:n,id:i});if(1===e.length)return ft.createElement(As,{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 ft.createElement(Ds,{$status:o,$size:n},e.map((t,n)=>n>2?null:ft.createElement(Ts,{key:`icon-${i}-${n}`,$status:o,$size:1.5*r,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?ft.createElement(Pi,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):ft.createElement(t,{size:r}))))},Fs=si.map(({id:e})=>e),Os=({monitors:e=Fs,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const a=_i.useTheme(),r=i||a.text.grey;return ft.createElement(Ha,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=Jt(i),s=fn(i);return s?ft.createElement(fr,{key:i,text:t?a:""},ft.createElement(Ha,{$gap:n/3},ft.createElement(s,{size:o?n+2:n,fill:r}),o&&ft.createElement(Pi,{size:n,color:r},a))):null}))},Is=_t.div`
|
|
743
743
|
visibility: hidden;
|
|
744
|
-
`,
|
|
744
|
+
`,Ns=_t.div`
|
|
745
745
|
display: flex;
|
|
746
746
|
flex-direction: column;
|
|
747
747
|
align-self: stretch;
|
|
748
748
|
padding: 16px;
|
|
749
749
|
width: calc(100% - 32px);
|
|
750
750
|
border-radius: 16px;
|
|
751
|
-
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+
|
|
751
|
+
background-color: ${({theme:e,$status:t,$bgColor:o})=>o||(t?e.text[t]+_i.opacity.hex["010"]:e.colors.secondary+_i.opacity.hex["005"])};
|
|
752
752
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
753
753
|
|
|
754
754
|
${({theme:e,$status:t,$bgColorHover:o,$withClick:n})=>n?Bt`
|
|
755
755
|
&:hover {
|
|
756
756
|
cursor: pointer;
|
|
757
|
-
background-color: ${o||(t?e.text[t]+
|
|
758
|
-
${
|
|
757
|
+
background-color: ${o||(t?e.text[t]+_i.opacity.hex["020"]:e.colors.secondary+_i.opacity.hex["010"])};
|
|
758
|
+
${Is} {
|
|
759
759
|
visibility: visible;
|
|
760
760
|
}
|
|
761
761
|
}
|
|
762
|
-
`:`\n &:hover {\n ${
|
|
763
|
-
`,
|
|
762
|
+
`:`\n &:hover {\n ${Is} {\n visibility: visible;\n }\n }\n `}
|
|
763
|
+
`,_s=_t.div`
|
|
764
764
|
display: flex;
|
|
765
765
|
align-items: center;
|
|
766
766
|
gap: 8px;
|
|
767
767
|
margin-left: auto;
|
|
768
|
-
`,
|
|
768
|
+
`,Bs=_t(Pi)`
|
|
769
769
|
margin-right: 16px;
|
|
770
|
-
`,
|
|
770
|
+
`,Rs=_t(Pi)`
|
|
771
771
|
font-size: 10px;
|
|
772
772
|
color: ${({theme:e})=>e.text.grey};
|
|
773
|
-
`,
|
|
773
|
+
`,Ls=({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:C}={},...v})=>{const E=_i.useTheme(),[S,A]=wt(k||!1),[D,T]=wt(0),z=Ct(null),F=Ct(null),O=Ct(null);return kt(()=>{if(z.current){const e=z.current.clientWidth,t=F.current?.clientWidth||0;T(e-((x?125:85)+t))}},[x]),ft.createElement(Ns,{ref:z,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...v},ft.createElement(Ha,{$gap:8},ft.createElement(Ha,{$gap:16},b?ft.createElement(is,null):x?ft.createElement(Ur,{value:f,onChange:y,disabled:$}):null,r?.length||l?.length?ft.createElement(zs,{icons:r,iconSrcs:l,status:c,id:`${e}-${t}`}):a||s?ft.createElement(As,{icon:a,src:s,status:c}):null),ft.createElement(qa,{$gap:4},e&&ft.createElement(vs,{maxWidth:D,text:e,textSize:14}),ft.createElement(Ha,{$gap:4},t&&ft.createElement(vs,{maxWidth:D-(O.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&ft.createElement(Ha,{$gap:4,ref:O},t&&ft.createElement(Rs,null,"•"),ft.createElement(Os,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?ft.createElement(Ha,{$gap:4},g?.map((e,t)=>ft.createElement(bt,{key:`componentsUnderTitles-${t}`},e))):null),ft.createElement(_s,{ref:F},!!o&&ft.createElement(Is,null,ft.createElement(Bs,{size:14,family:"secondary"},o)),i&&i(),w&&ft.createElement(bt,null,ft.createElement(dr,{orientation:"vertical",length:"16px",margin:"0 2px"}),ft.createElement(wr,{onClick:()=>A(e=>!e)},ft.createElement(rs,{extend:S}))))),S&&C&&ft.createElement(qa,null,ft.createElement(dr,{margin:"16px 0"}),C()))},Ms=_t(Ha)`
|
|
774
774
|
width: 100%;
|
|
775
775
|
justify-content: space-between;
|
|
776
|
-
`,
|
|
776
|
+
`,Ps=_t(Pi)`
|
|
777
777
|
font-size: 12px;
|
|
778
778
|
color: ${({theme:e})=>e.text.grey};
|
|
779
|
-
`,
|
|
779
|
+
`,js=_t(Pi)`
|
|
780
780
|
font-size: 10px;
|
|
781
781
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
782
|
-
`,
|
|
782
|
+
`,Us=_t.div`
|
|
783
783
|
display: flex;
|
|
784
784
|
align-items: center;
|
|
785
785
|
gap: 8px;
|
|
786
786
|
margin-left: auto;
|
|
787
|
-
`,
|
|
787
|
+
`,Ws=_t(Pi)`
|
|
788
788
|
font-size: 12px;
|
|
789
789
|
text-align: right;
|
|
790
|
-
`,
|
|
790
|
+
`,Vs=({title:e,subTitle:t,tooltip:o,value:n})=>ft.createElement(Ms,null,ft.createElement(qa,{$gap:4},ft.createElement(fr,{text:o||""},e&&ft.createElement(Ps,{key:"title"},e),t&&ft.createElement(js,{key:"subtitle"},t))),ft.createElement(Us,null,n?.status?ft.createElement($s,{status:"transitioning"===n.status?So.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):ft.createElement(Ws,null,n?.text||"-"))),Hs=_t(qa)`
|
|
791
791
|
width: 100%;
|
|
792
|
-
`,
|
|
792
|
+
`,qs=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const a=yt(()=>{const e=[];return o?.name&&e.push(ft.createElement($s,{key:"started",status:_n(o.value)?Vn(o.value)?vo.Success:vo.Error:vo.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push(ft.createElement($s,{key:"ready",status:_n(n.value)?Vn(n.value)?vo.Success:vo.Error:vo.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return ft.createElement(Ls,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>ft.createElement($s,{status:vo.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>ft.createElement(Hs,{$gap:24},i.map((e,t)=>ft.createElement(Hs,{key:`process-${t}`,$gap:8},ft.createElement(Vs,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===vo.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>ft.createElement(Vs,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Gs=({title:e="Data not found",subTitle:t})=>{const o=Rt().v2.colors.grey[400];return ft.createElement(Ga,null,ft.createElement(Ha,{$gap:8},ft.createElement(ot,{fill:o}),ft.createElement(ei,{size:Zn.XS,color:o},e)),t&&ft.createElement(ei,{size:Zn.XXS,color:o},t))},Ks=_t(qa)`
|
|
793
793
|
max-width: 300px;
|
|
794
794
|
padding: 12px;
|
|
795
795
|
border-radius: 12px;
|
|
796
796
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
797
797
|
justify-content: center;
|
|
798
|
-
`,
|
|
798
|
+
`,Ys=Dt(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return ft.createElement(Ks,{"data-id":e},ft.createElement(Gs,{title:o,subTitle:n}))});Ys.displayName=Ys.name;const Js=_t.div`
|
|
799
799
|
padding: 6px;
|
|
800
800
|
border-radius: 12px;
|
|
801
801
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
802
802
|
cursor: pointer;
|
|
803
|
-
`,
|
|
803
|
+
`,Xs=_t.div`
|
|
804
804
|
position: relative;
|
|
805
|
-
`,
|
|
805
|
+
`,Zs=_t(Ha)`
|
|
806
806
|
position: absolute;
|
|
807
807
|
bottom: -24px;
|
|
808
808
|
left: 50%;
|
|
809
809
|
transform: translateX(-50%);
|
|
810
810
|
gap: 4px;
|
|
811
|
-
`,
|
|
811
|
+
`,Qs=_t.div`
|
|
812
812
|
position: absolute;
|
|
813
813
|
bottom: 100%;
|
|
814
814
|
left: 100%;
|
|
@@ -817,12 +817,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
817
817
|
border-radius: 16px;
|
|
818
818
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
819
819
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
820
|
-
`,
|
|
820
|
+
`,el=({title:e,value:t})=>{const o=Rt();return ft.createElement(Ha,{$justifyContent:"space-between"},ft.createElement(Pi,{size:12,color:o.text.info},e),ft.createElement(Pi,{size:12,family:"secondary"},t))},tl=Dt(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=ni(),c=Rt(),d=n===vo.Error?En(n,c):null;return ft.createElement(ft.Fragment,null,ft.createElement(Pt,{type:"source",position:jt.Bottom,style:{visibility:"hidden"}}),ft.createElement(Pt,{type:"target",position:jt.Top,style:{visibility:"hidden"}}),ft.createElement(Xs,{"data-id":e},ft.createElement(Js,null,ft.createElement(zs,{id:o,icons:a,status:n})),ft.createElement(Zs,null,d&&ft.createElement(d,null),ft.createElement(vs,{maxWidth:100,text:i})),s===To.MapItem&&l===e&&ft.createElement(Qs,null,ft.createElement(Ha,{$gap:12},ft.createElement(zs,{id:o,icons:a,status:n}),ft.createElement(Pi,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:n})=>ft.createElement("div",{key:`from-${o}-to-${e}`},ft.createElement(dr,null),ft.createElement(el,{title:"Connected Service",value:e}),ft.createElement(el,{title:"Outgoing Requests",value:t}),ft.createElement(el,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):ft.createElement(ft.Fragment,null,ft.createElement(dr,null),ft.createElement(Gs,{title:"No outgoing connections",subTitle:" "})))))});tl.displayName=tl.name;const ol=_t.div`
|
|
821
821
|
height: calc(100vh - 160px);
|
|
822
822
|
.react-flow__attribution {
|
|
823
823
|
visibility: hidden;
|
|
824
824
|
}
|
|
825
|
-
`,
|
|
825
|
+
`,nl=_t.div`
|
|
826
826
|
button {
|
|
827
827
|
padding: 8px;
|
|
828
828
|
margin: 8px;
|
|
@@ -836,13 +836,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
836
836
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
`,
|
|
839
|
+
`,il={[To.MapItem]:tl,[To.NoData]:Ys},al=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=ga(),{setActiveNodeType:s,setActiveNodeId:l}=ni();return ft.createElement(ol,null,ft.createElement(Ut,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:il,edges:t,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},ft.createElement(nl,null,ft.createElement(Wt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},rl=_t.div`
|
|
840
840
|
display: flex;
|
|
841
841
|
|
|
842
842
|
align-items: center;
|
|
843
843
|
gap: 6px;
|
|
844
844
|
margin-bottom: 4px;
|
|
845
|
-
`,
|
|
845
|
+
`,sl=_t(Pi)`
|
|
846
846
|
font-size: 14px;
|
|
847
847
|
opacity: 0.8;
|
|
848
848
|
line-height: 22px;
|
|
@@ -850,16 +850,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
850
850
|
white-space: nowrap;
|
|
851
851
|
text-overflow: ellipsis;
|
|
852
852
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
853
|
-
`,
|
|
853
|
+
`,ll=_t(Pi)`
|
|
854
854
|
font-size: 12px;
|
|
855
855
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
856
856
|
opacity: 0.8;
|
|
857
|
-
`,
|
|
857
|
+
`,cl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?ft.createElement(rl,{style:n},ft.createElement(fr,{text:o,withIcon:!0},ft.createElement(sl,{$status:i},e),!t&&ft.createElement(ll,null,"(optional)"))):null,dl=_t.div`
|
|
858
858
|
display: flex;
|
|
859
859
|
flex-direction: column;
|
|
860
860
|
position: relative;
|
|
861
861
|
width: 100%;
|
|
862
|
-
`,
|
|
862
|
+
`,pl=_t.div`
|
|
863
863
|
width: 100%;
|
|
864
864
|
display: flex;
|
|
865
865
|
align-items: center;
|
|
@@ -885,7 +885,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
885
885
|
&:focus-within {
|
|
886
886
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
887
887
|
}
|
|
888
|
-
`,
|
|
888
|
+
`,ul=_t.input`
|
|
889
889
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
890
890
|
flex: 1;
|
|
891
891
|
min-width: 150px;
|
|
@@ -914,13 +914,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
914
914
|
-webkit-appearance: none;
|
|
915
915
|
margin: 0;
|
|
916
916
|
}
|
|
917
|
-
`,
|
|
917
|
+
`,hl=_t.div`
|
|
918
918
|
display: flex;
|
|
919
919
|
align-items: center;
|
|
920
920
|
margin-left: 12px;
|
|
921
|
-
`,
|
|
921
|
+
`,ml=_t(hl)`
|
|
922
922
|
cursor: pointer;
|
|
923
|
-
|
|
923
|
+
`,gl=_t.button`
|
|
924
924
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
925
925
|
border: none;
|
|
926
926
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -935,15 +935,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
935
935
|
background-color: ${({theme:e})=>e.colors.border};
|
|
936
936
|
cursor: not-allowed;
|
|
937
937
|
}
|
|
938
|
-
`,
|
|
938
|
+
`,xl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:c,type:d=Co.Text,name:p,status:u,...h})=>{const m=_i.useTheme(),g=d===Co.Password,[x,$]=wt(!1);return ft.createElement(dl,null,ft.createElement(cl,{title:a,required:s,tooltip:r,status:u}),ft.createElement(pl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?ft.createElement(ml,{onClick:()=>$(e=>!e)},x?ft.createElement(nt,{size:14,fill:m.text.grey}):ft.createElement(it,{size:14,fill:m.text.grey})):e?ft.createElement(hl,null,ft.createElement(e,{size:14,fill:m.text.grey})):null,ft.createElement(ul,{"data-id":p,type:x||d===Co.Number?Co.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===Co.Number&&(e.target.value=Wn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&ft.createElement(gl,{onClick:o,disabled:h.disabled},t)),!!i&&ft.createElement(Wi,null,i))},$l=_t.div`
|
|
939
939
|
display: flex;
|
|
940
940
|
flex-direction: column;
|
|
941
941
|
min-width: 120px;
|
|
942
942
|
width: 100%;
|
|
943
943
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
944
|
-
`,
|
|
944
|
+
`,fl=_t.div`
|
|
945
945
|
position: relative;
|
|
946
|
-
`,
|
|
946
|
+
`,bl=_t.div`
|
|
947
947
|
display: flex;
|
|
948
948
|
align-items: center;
|
|
949
949
|
justify-content: space-between;
|
|
@@ -969,14 +969,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
969
969
|
&:hover {
|
|
970
970
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
971
971
|
}
|
|
972
|
-
`,
|
|
972
|
+
`,yl=_t.div`
|
|
973
973
|
display: flex;
|
|
974
974
|
align-items: center;
|
|
975
975
|
gap: 4px;
|
|
976
|
-
`,
|
|
976
|
+
`,wl=({options:e,value:t,onSelect:o,onDeselect:n,title:i,tooltip:a,placeholder:r,disabled:s=!1,isMulti:l=!1,showSearch:c=!1,required:d=!1,errorMessage:p,hasError:u=!1,status:h})=>{const[m,g]=wt(!1),[x,$]=wt(!1),f=Ct(null);Ia(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 ft.createElement($l,{$disabled:s},ft.createElement(cl,{title:i,required:d,tooltip:a,status:h}),ft.createElement(fl,{ref:f},ft.createElement(bl,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},ft.createElement(El,{value:t,placeholder:r,onDeselect:n}),ft.createElement(yl,null,l&&ft.createElement(ra,{label:y,filled:!!y}),ft.createElement(rs,{extend:m}))),m&&ft.createElement(Dl,{openUpwards:x,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&ft.createElement(Wi,null,p))},kl=_t(yl)`
|
|
977
977
|
max-width: calc(100% - 50px);
|
|
978
978
|
overflow-x: auto;
|
|
979
|
-
`,
|
|
979
|
+
`,Cl=_t(Pi)`
|
|
980
980
|
display: flex;
|
|
981
981
|
align-items: center;
|
|
982
982
|
gap: 2px;
|
|
@@ -991,7 +991,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
991
991
|
transition: transform 0.3s;
|
|
992
992
|
}
|
|
993
993
|
}
|
|
994
|
-
`,
|
|
994
|
+
`,vl=_t(Pi)``,El=({value:e,placeholder:t,onDeselect:o})=>{const n=_i.useTheme();return Array.isArray(e)?e.length?ft.createElement(kl,null,e.map(e=>ft.createElement(Cl,{key:`multi-label-${e.id}`,size:14},e.value,ft.createElement(dr,{orientation:"vertical",length:"10px",margin:"0 4px"}),ft.createElement(Ye,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):ft.createElement(vl,{size:14,color:n.text.darker_grey},t):ft.createElement(vl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Sl=_t.div`
|
|
995
995
|
position: absolute;
|
|
996
996
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
997
997
|
left: 0;
|
|
@@ -1006,11 +1006,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1006
1006
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1007
1007
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1008
1008
|
border-radius: 24px;
|
|
1009
|
-
`,
|
|
1009
|
+
`,Al=_t.div`
|
|
1010
1010
|
display: flex;
|
|
1011
1011
|
flex-direction: column;
|
|
1012
1012
|
align-items: center;
|
|
1013
|
-
`,
|
|
1013
|
+
`,Dl=({openUpwards:e,options:t,value:o,onSelect:n,onDeselect:i,isMulti:a,showSearch:r})=>{const[s,l]=wt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return ft.createElement(Sl,{$openUpwards:e},r&&ft.createElement(Al,null,ft.createElement(xl,{placeholder:"Search...",icon:at,value:s,onChange:e=>l(e.target.value)}),ft.createElement(dr,{thickness:1,margin:"8px 0 0 0"})),0===c.length?ft.createElement(Gs,{subTitle:r&&s?void 0:" "}):c.map((e,t)=>ft.createElement(zl,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:a,onSelect:n,onDeselect:i})))},Tl=_t.div`
|
|
1014
1014
|
padding: 8px 12px;
|
|
1015
1015
|
cursor: pointer;
|
|
1016
1016
|
display: flex;
|
|
@@ -1019,23 +1019,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1019
1019
|
border-radius: 32px;
|
|
1020
1020
|
&:hover,
|
|
1021
1021
|
&.selected {
|
|
1022
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1022
|
+
background: ${({theme:e})=>e.colors.majestic_blue+_i.opacity.hex["024"]};
|
|
1023
1023
|
}
|
|
1024
|
-
`,
|
|
1024
|
+
`,zl=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const a=_i.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?ft.createElement(Tl,{className:r?"selected":"",onClick:()=>s(!r)},ft.createElement(Ur,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):ft.createElement(Tl,{className:r?"selected":"",onClick:()=>r?i?.(e):n?.(e)},ft.createElement(Ha,{$gap:8},e.icon&&ft.createElement(e.icon,null),ft.createElement(Pi,{size:14},e.value)),r&&ft.createElement(Ge,null))},Fl=_t(qa)`
|
|
1025
1025
|
gap: 12px;
|
|
1026
|
-
`,
|
|
1026
|
+
`,Ol=_t(Ha)`
|
|
1027
1027
|
width: 100%;
|
|
1028
1028
|
gap: 12px;
|
|
1029
1029
|
align-items: flex-end;
|
|
1030
|
-
`,
|
|
1030
|
+
`,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=_i.useTheme(),{popupRef:m,popupPosition:g,handlePosition:x}=Na({onClickOutside:a});return Oa({key:"Enter",active:i},r),kt(()=>x(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:ft.createElement(gr,{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"},ft.createElement(Fl,null,ft.createElement(fr,{text:d,withIcon:!0},ft.createElement(Pi,{size:14},c)),ft.createElement(Ol,null,u,ft.createElement(Ha,{$gap:6},ft.createElement(wr,{withBorder:!0,onClick:a,tooltip:"Cancel"},ft.createElement(Ye,null)),ft.createElement(wr,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:r,tooltip:"Save"},ft.createElement(Ge,{fill:h.text.primary})),s&&ft.createElement(wr,{onClick:l,tooltip:"Undo"},ft.createElement(rt,null)))),p&&ft.createElement(zr,{type:vo.Warning,message:p})))},Nl=_t.div`
|
|
1031
1031
|
position: relative;
|
|
1032
|
-
`,
|
|
1032
|
+
`,_l=({defaultLanguage:e=fo.Unknown,defaultVersion:t="",handleSave:o})=>{const{addNotification:n}=yi(),{formData:i,handleFormChange:a,resetFormData:r}=pa({language:e,version:t}),[s,l]=wt(!1),c=()=>{l(!1),r()};return ft.createElement(Nl,null,ft.createElement(wr,{tooltip:Xo.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},ft.createElement(tt,null)),ft.createElement(Il,{flipX:!0,clientX:36,isOpen:s,onClose:c,onSave:()=>{!i.version||Ln(i.version)?(o(i),c()):n({type:vo.Warning,message:Jo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{o({language:null,version:""}),c()},title:Xo.OVERRIDE_RUNTIME_DETAILS,warning:Xo.OVERRIDE_RUNTIME_WARNING},ft.createElement(wl,{title:Xo.LANGUAGE,options:ci,value:ci.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),ft.createElement(xl,{title:Xo.RUNTIME_VERSION,placeholder:Xo.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Bl=_t(Ha)`
|
|
1033
1033
|
width: 100%;
|
|
1034
1034
|
justify-content: center;
|
|
1035
|
-
`,
|
|
1035
|
+
`,Rl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=_i.useTheme(),c=i?vo.Success:a?vo.Info:vo.Warning,d=i?Eo.INSTRUMENTED:a?Eo.NOT_INSTRUMENTED:Eo.INSTRUMENTING;return ft.createElement(Ls,{title:e,subTitle:`${t?li[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:ln(t)},extendableProps:{isExtended:!!a,renderExtended:()=>ft.createElement(Bl,null,ft.createElement(Pi,{size:12,family:"secondary",color:l.text.info},Mn(a)))},renderActions:()=>ft.createElement(ft.Fragment,null,ft.createElement($s,{status:c,title:d,subtitle:r||void 0,withIcon:!0,withBorder:!0}),n&&ft.createElement($s,{status:vo.Default,forceIcon:st,title:Xo.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&ft.createElement(_l,{defaultLanguage:t,defaultVersion:o,handleSave:t=>s({...t,containerName:e})}))})},Ll=_t.tr`
|
|
1036
1036
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1037
1037
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1038
|
-
`,
|
|
1038
|
+
`,Ml=_t.td`
|
|
1039
1039
|
position: relative;
|
|
1040
1040
|
width: fit-content;
|
|
1041
1041
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1043,7 +1043,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1043
1043
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1044
1044
|
font-size: 14px;
|
|
1045
1045
|
white-space: nowrap;
|
|
1046
|
-
`,
|
|
1046
|
+
`,Pl=_t(Pi)`
|
|
1047
1047
|
font-size: 14px;
|
|
1048
1048
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1049
1049
|
line-height: 16px;
|
|
@@ -1056,7 +1056,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1056
1056
|
display: -webkit-box;
|
|
1057
1057
|
-webkit-line-clamp: 2;
|
|
1058
1058
|
-webkit-box-orient: vertical;
|
|
1059
|
-
`,
|
|
1059
|
+
`,jl=_t.div`
|
|
1060
1060
|
position: absolute;
|
|
1061
1061
|
top: 0;
|
|
1062
1062
|
left: 0;
|
|
@@ -1064,57 +1064,57 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1064
1064
|
width: ${({$width:e})=>e}px;
|
|
1065
1065
|
height: ${({$height:e})=>e}px;
|
|
1066
1066
|
border-radius: 16px;
|
|
1067
|
-
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+
|
|
1068
|
-
`,
|
|
1067
|
+
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+_i.opacity.hex["020"]:e.colors.majestic_blue+_i.opacity.hex["030"]:o?e.text[o]+_i.opacity.hex["010"]:e.colors.secondary+_i.opacity.hex["005"]};
|
|
1068
|
+
`,Ul=({index:e,columns:t,cells:o,onClick:n,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=wa(),[c,d]=wt(!1);return ft.createElement(Ll,{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 ft.createElement(Ml,{key:`table-row-${t}-${r}-${e}-${n}`,$isFirst:0===n},u?ft.createElement(As,{icon:u}):h?ft.createElement(h,null):ft.createElement(fr,{text:p&&r?String(r):""},ft.createElement(Pl,{$color:d},On(r)?"-":r)),0===n&&ft.createElement(jl,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Wl=_t.div`
|
|
1069
1069
|
width: 100%;
|
|
1070
|
-
`,
|
|
1070
|
+
`,Vl=_t.table`
|
|
1071
1071
|
position: relative;
|
|
1072
1072
|
z-index: 0;
|
|
1073
1073
|
width: 100%;
|
|
1074
1074
|
border-collapse: separate;
|
|
1075
1075
|
border-spacing: 0 12px;
|
|
1076
|
-
`,
|
|
1076
|
+
`,Hl=_t.thead`
|
|
1077
1077
|
// only supported with "border-collapse: collapse;"
|
|
1078
1078
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1079
1079
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1080
|
-
`,
|
|
1080
|
+
`,ql=_t.th`
|
|
1081
1081
|
// only required with "border-collapse: separate;"
|
|
1082
1082
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1083
1083
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1084
1084
|
|
|
1085
1085
|
padding: 8px;
|
|
1086
|
-
`,
|
|
1086
|
+
`,Gl=_t(Ha)`
|
|
1087
1087
|
cursor: pointer;
|
|
1088
1088
|
&:hover {
|
|
1089
1089
|
* {
|
|
1090
1090
|
color: ${({theme:e})=>e.text.secondary};
|
|
1091
1091
|
}
|
|
1092
1092
|
}
|
|
1093
|
-
`,
|
|
1093
|
+
`,Kl=_t(Pi)`
|
|
1094
1094
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1095
1095
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1096
1096
|
text-transform: uppercase;
|
|
1097
1097
|
font-size: 12px;
|
|
1098
1098
|
font-weight: 500;
|
|
1099
1099
|
text-wrap: nowrap;
|
|
1100
|
-
`,
|
|
1100
|
+
`,Yl=_t.tbody``,Jl=({columns:e,rows:t})=>{const[o,n]=wt(mo.Ascending),[i,a]=wt("name"),r=St(e=>{i===e?n(e=>e===mo.Ascending?mo.Descending:mo.Ascending):(a(e),n(mo.Ascending))},[i]),s=yt(()=>{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===mo.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)=>ft.createElement(Ul,{key:`row-${a}`,index:a,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return ft.createElement(Wl,null,ft.createElement(Vl,null,ft.createElement(Hl,null,ft.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>ft.createElement(ql,{key:`column-${e}`},o?ft.createElement(Gl,{onClick:()=>r(e)},ft.createElement(lt,null),ft.createElement(Kl,null,t)):ft.createElement(Kl,null,t))))),ft.createElement(Yl,null,s)))};var Xl;!function(e){e.Code="code",e.Table="table",e.Badge="badge",e.Loader="loader",e.Divider="divider",e.Monitors="monitors",e.CopyText="copy-text",e.ActiveStatus="active-status"}(Xl||(Xl={}));const Zl=_t.div`
|
|
1101
1101
|
display: flex;
|
|
1102
1102
|
flex-wrap: wrap;
|
|
1103
1103
|
gap: 16px 32px;
|
|
1104
1104
|
width: 100%;
|
|
1105
|
-
`,
|
|
1105
|
+
`,Ql=_t.div`
|
|
1106
1106
|
display: flex;
|
|
1107
1107
|
flex-direction: column;
|
|
1108
1108
|
gap: 2px;
|
|
1109
1109
|
width: ${({$width:e})=>e};
|
|
1110
|
-
`,
|
|
1110
|
+
`,ec=_t(Pi)`
|
|
1111
1111
|
color: ${({theme:e})=>e.text.grey};
|
|
1112
1112
|
font-size: 10px;
|
|
1113
1113
|
line-height: 16px;
|
|
1114
|
-
`,
|
|
1114
|
+
`,tc=_t(Pi)`
|
|
1115
1115
|
font-size: 12px;
|
|
1116
1116
|
white-space: pre-wrap;
|
|
1117
|
-
`,
|
|
1117
|
+
`,oc=({data:e})=>ft.createElement(Zl,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},a)=>ft.createElement(Ql,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Xl.Code,Xl.Table].includes(e)?"inherit":e&&[Xl.Loader,Xl.Divider,Xl.CopyText].includes(e)?"100%":"unset"},ft.createElement(fr,{text:n,withIcon:!0},ft.createElement(Ha,{$alignItems:"center",$gap:4},o&&ft.createElement(o,{size:14}),!!t&&ft.createElement(ec,{transform:"capitalize"},t))),ft.createElement(nc,{type:e,value:i})))),nc=({type:e,value:t})=>{const o=_i.useTheme();switch(e){case Xl.Divider:return ft.createElement(dr,{length:"100%",margin:"0"});case Xl.Loader:return ft.createElement(Ga,null,ft.createElement(is,{scale:1.2}));case Xl.Monitors:return ft.createElement(Os,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case Xl.Badge:{const{label:e,filled:o,...n}=Tn(t,{label:"-",filled:!1});return ft.createElement(ra,{label:e,filled:o,...n})}case Xl.Code:{const{language:e,code:o,...n}=Tn(t,{language:"",code:""});return ft.createElement(Zr,{language:e,code:o,...n})}case Xl.Table:{const{columns:e,rows:o,...n}=Tn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return ft.createElement(Jl,{columns:e,rows:o,...n})}case Xl.ActiveStatus:return ft.createElement($s,{status:"true"==t?vo.Success:vo.Error,title:"true"==t?Xo.ENABLED:Xo.DISABLED,size:10,withIcon:!0,withBorder:!0});case Xl.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return ft.createElement(ys,{value:e})}default:return ft.createElement(tc,null,Hn("string"==typeof t?t||"-":""))}},ic=_t.div`
|
|
1118
1118
|
display: flex;
|
|
1119
1119
|
flex-direction: column;
|
|
1120
1120
|
align-items: flex-start;
|
|
@@ -1123,90 +1123,90 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1123
1123
|
padding: 24px;
|
|
1124
1124
|
border-radius: 24px;
|
|
1125
1125
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1126
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+
|
|
1126
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+_i.opacity.hex["010"]:"transparent"};
|
|
1127
1127
|
transition: background-color 0.3s;
|
|
1128
|
-
`,
|
|
1128
|
+
`,ac=_t.div`
|
|
1129
1129
|
width: 100%;
|
|
1130
1130
|
display: flex;
|
|
1131
1131
|
flex-direction: column;
|
|
1132
1132
|
gap: 4px;
|
|
1133
1133
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1134
|
-
`,
|
|
1134
|
+
`,rc=_t(Pi)`
|
|
1135
1135
|
width: 100%;
|
|
1136
1136
|
display: flex;
|
|
1137
1137
|
align-items: center;
|
|
1138
1138
|
gap: 8px;
|
|
1139
1139
|
font-size: 16px;
|
|
1140
|
-
`,
|
|
1140
|
+
`,sc=_t(Pi)`
|
|
1141
1141
|
font-size: 12px;
|
|
1142
1142
|
color: ${({theme:e})=>e.text.grey};
|
|
1143
|
-
`,
|
|
1143
|
+
`,lc=_t(Ha)`
|
|
1144
1144
|
margin-left: auto;
|
|
1145
1145
|
gap: 8px;
|
|
1146
|
-
`,
|
|
1146
|
+
`,cc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[c,d]=wt(r),[p,u]=wt(!1);return ft.createElement(ic,{$hovered:p},e||o||n||i?ft.createElement(ac,{$clickable:a||!1,onClick:()=>a&&d(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},ft.createElement(Ha,null,ft.createElement(Ha,{$alignItems:"center",$gap:8},o&&ft.createElement(Ha,{$alignItems:"center"},ft.createElement(o,{size:20})),!!e&&ft.createElement(rc,{transform:"capitalize"},e),t===So.Loading?ft.createElement(is,null):void 0!==t&&ft.createElement(ra,{label:t})),(!!i||a)&&ft.createElement(lc,null,"function"==typeof i?ft.createElement(i,{hovered:p}):i,a&&ft.createElement(rs,{extend:c}))),!!n&&ft.createElement(sc,null,n)):null,(!a||a&&c)&&(l||ft.createElement(oc,{data:s})))},dc=_t.div`
|
|
1147
1147
|
visibility: hidden;
|
|
1148
|
-
`,
|
|
1148
|
+
`,pc=_t(Ha)`
|
|
1149
1149
|
align-self: stretch;
|
|
1150
1150
|
width: calc(100% - 32px);
|
|
1151
1151
|
padding: 16px;
|
|
1152
1152
|
border-radius: 16px;
|
|
1153
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1153
|
+
background-color: ${({theme:e})=>e.colors.secondary+_i.opacity.hex["005"]};
|
|
1154
1154
|
${({theme:e,$withClick:t})=>t?Bt`
|
|
1155
1155
|
&:hover {
|
|
1156
1156
|
cursor: pointer;
|
|
1157
|
-
background-color: ${e.colors.secondary+
|
|
1158
|
-
${
|
|
1157
|
+
background-color: ${e.colors.secondary+_i.opacity.hex["010"]};
|
|
1158
|
+
${dc} {
|
|
1159
1159
|
visibility: visible;
|
|
1160
1160
|
}
|
|
1161
1161
|
}
|
|
1162
|
-
`:`\n &:hover {\n ${
|
|
1163
|
-
`,
|
|
1162
|
+
`:`\n &:hover {\n ${dc} {\n visibility: visible;\n }\n }\n `}
|
|
1163
|
+
`,uc=_t(Ha)`
|
|
1164
1164
|
margin-left: auto;
|
|
1165
1165
|
gap: 8px;
|
|
1166
|
-
`,
|
|
1166
|
+
`,hc=_t(Pi)`
|
|
1167
1167
|
font-size: 10px;
|
|
1168
1168
|
color: ${({theme:e})=>e.text.grey};
|
|
1169
|
-
`,
|
|
1169
|
+
`,mc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:a})=>{const r=_i.useTheme(),[s,l]=wt(0),c=Ct(null),d=Ct(null);return kt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),ft.createElement(pc,{ref:c,$gap:8,$withClick:!!i,onClick:i},ft.createElement(zs,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&ft.createElement(vs,{maxWidth:s/2,text:e,textSize:14}),e&&t&&ft.createElement(hc,null,"•"),t&&ft.createElement(vs,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),ft.createElement(uc,{ref:d},a&&ft.createElement(ft.Fragment,null,ft.createElement(dr,{orientation:"vertical",length:"24px",margin:"0"}),a())))},gc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:a,onDeny:r})=>{const s=n===yo.Source?"uninstrument":"delete";return ft.createElement(Lr,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${o?` ${o}`:""}`,description:`Are you sure you want to ${s}?`,note:i?{type:vo.Warning,title:`You're about to ${s} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:r}})},xc=_t(da)`
|
|
1170
1170
|
display: flex;
|
|
1171
1171
|
align-items: center;
|
|
1172
1172
|
justify-content: center;
|
|
1173
1173
|
font-size: 14px;
|
|
1174
1174
|
gap: 6px;
|
|
1175
1175
|
min-width: 100px;
|
|
1176
|
-
|
|
1176
|
+
`,$c=({endpoint:e="/",variant:t="secondary"})=>ft.createElement(xc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},ft.createElement(ct,{size:18}),"Docs"),fc=_t(Ha)`
|
|
1177
1177
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1178
|
-
`,
|
|
1178
|
+
`,bc=_t.div`
|
|
1179
1179
|
display: flex;
|
|
1180
1180
|
align-items: center;
|
|
1181
1181
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1182
1182
|
cursor: pointer;
|
|
1183
|
-
`,
|
|
1183
|
+
`,yc=_t(Pi)`
|
|
1184
1184
|
padding: 12px;
|
|
1185
1185
|
font-size: 14px;
|
|
1186
1186
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1187
|
-
`,
|
|
1187
|
+
`,wc=({tabs:e,hideBorder:t=!1})=>e?.length?ft.createElement(fc,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>ft.createElement(bc,{key:`tab-${e}`,onClick:o,$selected:n},ft.createElement(yc,{$selected:n},e),t&&ft.createElement(t,null)))):null,kc=_t.section`
|
|
1188
1188
|
padding: 0px 32px;
|
|
1189
1189
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1190
|
-
`,
|
|
1190
|
+
`,Cc=_t.div`
|
|
1191
1191
|
height: 76px;
|
|
1192
1192
|
display: flex;
|
|
1193
1193
|
justify-content: space-between;
|
|
1194
1194
|
flex-shrink: 0;
|
|
1195
1195
|
align-self: stretch;
|
|
1196
|
-
`,
|
|
1196
|
+
`,vc=_t.div`
|
|
1197
1197
|
display: flex;
|
|
1198
1198
|
align-items: center;
|
|
1199
1199
|
gap: ${({$gap:e})=>e||16}px;
|
|
1200
|
-
`,
|
|
1200
|
+
`,Ec=_t(Pi)`
|
|
1201
1201
|
font-size: 18px;
|
|
1202
1202
|
line-height: 26px;
|
|
1203
1203
|
max-width: ${({$maxWidth:e})=>e};
|
|
1204
1204
|
overflow: hidden;
|
|
1205
1205
|
white-space: nowrap;
|
|
1206
1206
|
text-overflow: ellipsis;
|
|
1207
|
-
`,
|
|
1207
|
+
`,Sc=_t(da)`
|
|
1208
1208
|
gap: 8px;
|
|
1209
|
-
`,
|
|
1209
|
+
`,Ac=_t(da)``,Dc=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:c})=>ft.createElement(kc,null,ft.createElement(Cc,null,ft.createElement(vc,null,o?.length||n?.length?ft.createElement(zs,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof r?ft.createElement(r,null):r||null)||ft.createElement(fr,{text:a||i,withIcon:!!a},i&&ft.createElement(Ec,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),ft.createElement(vc,{$gap:2},s,l.map((e,t)=>ft.createElement(Sc,{key:`header-action-button-${t}`,...e})),ft.createElement(Ac,{"data-id":"drawer-close",variant:"secondary",onClick:e},ft.createElement(Ye,{size:12})))),ft.createElement(wc,{tabs:c,hideBorder:!0})),Tc=_t.div`
|
|
1210
1210
|
display: flex;
|
|
1211
1211
|
justify-content: space-between;
|
|
1212
1212
|
gap: 8px;
|
|
@@ -1214,17 +1214,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1214
1214
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1215
1215
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1216
1216
|
transform: translateY(100%);
|
|
1217
|
-
animation-name: ${
|
|
1218
|
-
`,
|
|
1217
|
+
animation-name: ${_i.animations.slide.in.bottom};
|
|
1218
|
+
`,zc=_t(Ha)`
|
|
1219
1219
|
margin-right: auto;
|
|
1220
|
-
`,
|
|
1220
|
+
`,Fc=_t(Ha)`
|
|
1221
1221
|
margin: 0 auto;
|
|
1222
|
-
`,
|
|
1222
|
+
`,Oc=_t(Ha)`
|
|
1223
1223
|
margin-left: auto;
|
|
1224
|
-
`,
|
|
1224
|
+
`,Ic=_t(da)`
|
|
1225
1225
|
min-width: 140px;
|
|
1226
1226
|
font-size: 14px;
|
|
1227
|
-
`,
|
|
1227
|
+
`,Nc=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>e?ft.createElement(Tc,null,ft.createElement(zc,null,t.map((e,t)=>ft.createElement(Ic,{key:`footer-left-button-${t}`,...e}))),ft.createElement(Fc,null,o.map((e,t)=>ft.createElement(Ic,{key:`footer-center-button-${t}`,...e}))),ft.createElement(Oc,null,n.map((e,t)=>ft.createElement(Ic,{key:`footer-right-button-${t}`,...e})))):null,_c=_t.div`
|
|
1228
1228
|
position: fixed;
|
|
1229
1229
|
top: 0;
|
|
1230
1230
|
bottom: 0;
|
|
@@ -1232,56 +1232,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1232
1232
|
z-index: 1000;
|
|
1233
1233
|
width: ${({$width:e})=>e};
|
|
1234
1234
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1235
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+
|
|
1235
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+_i.opacity.hex["010"]};
|
|
1236
1236
|
overflow-y: auto;
|
|
1237
|
-
animation-name: ${({$position:e})=>
|
|
1238
|
-
`,
|
|
1237
|
+
animation-name: ${({$position:e})=>_i.animations.slide.in[e]};
|
|
1238
|
+
`,Bc=_t.div`
|
|
1239
1239
|
display: flex;
|
|
1240
1240
|
flex-direction: column;
|
|
1241
1241
|
height: 100%;
|
|
1242
|
-
`,
|
|
1242
|
+
`,Rc=_t.div`
|
|
1243
1243
|
flex-grow: 1;
|
|
1244
1244
|
padding: 24px 32px;
|
|
1245
1245
|
overflow-y: auto;
|
|
1246
|
-
`,
|
|
1246
|
+
`,Lc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:a,header:r,footer:s})=>(Oa({key:"Escape",active:e&&o},()=>t()),ma(e),e?Vt.createPortal(ft.createElement(ft.Fragment,null,ft.createElement(Ya,{hidden:!e,onClick:t}),ft.createElement(_c,{"data-id":"drawer",$position:n,$width:i},ft.createElement(Bc,null,ft.createElement(Dc,{onClose:t,width:i,...r}),ft.createElement(Rc,null,a),ft.createElement(Nc,{...s})))),document.body):null),Mc=({error:e})=>{const t=_i.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 ft.createElement("div",{style:o.container},ft.createElement("h2",null,"Something went wrong!"),ft.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),ft.createElement("details",{style:o.errorStackWrapper},ft.createElement("summary",null,"Stack Trace"),ft.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),ft.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),ft.createElement(da,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},Pc=({children:e})=>ft.createElement(qt,{FallbackComponent:e=>ft.createElement(_i.Provider,null,ft.createElement(Mc,{...e}))},e),jc=_t(Ha)`
|
|
1247
1247
|
position: relative;
|
|
1248
1248
|
width: calc(100% - 24px);
|
|
1249
1249
|
padding: 12px;
|
|
1250
1250
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1251
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1252
|
-
`,
|
|
1251
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+_i.opacity.hex["050"]};
|
|
1252
|
+
`,Uc=_t(Ha)`
|
|
1253
1253
|
margin-right: auto;
|
|
1254
1254
|
margin-left: 32px;
|
|
1255
1255
|
gap: 12px;
|
|
1256
|
-
`,
|
|
1256
|
+
`,Wc=_t(Ha)`
|
|
1257
1257
|
margin-left: auto;
|
|
1258
1258
|
margin-right: 32px;
|
|
1259
1259
|
gap: 12px;
|
|
1260
|
-
`,
|
|
1260
|
+
`,Vc=_t(Ha)`
|
|
1261
1261
|
position: absolute;
|
|
1262
1262
|
left: 50%;
|
|
1263
1263
|
transform: translateX(-50%);
|
|
1264
1264
|
gap: 12px;
|
|
1265
|
-
`,
|
|
1265
|
+
`,Hc=({left:e=[],center:t=[],right:o=[]})=>ft.createElement(jc,null,ft.createElement(Uc,null,e.map((e,t)=>e&&ft.createElement(bt,{key:t},e))),ft.createElement(Vc,null,t.map((e,t)=>e&&ft.createElement(bt,{key:t},e))),ft.createElement(Wc,null,o.map((e,t)=>e&&ft.createElement(bt,{key:t},e)))),qc=_t(Pi)`
|
|
1266
1266
|
color: ${({theme:e})=>e.text.grey};
|
|
1267
|
-
`,
|
|
1267
|
+
`,Gc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>ft.createElement(Ha,{$gap:6},e&&ft.createElement(e,null),ft.createElement(qc,{size:14},t),void 0!==o&&ft.createElement(fr,{text:n},ft.createElement(ra,{label:o})),i&&ft.createElement(is,null)),Kc=_t.div`
|
|
1268
1268
|
width: fit-content;
|
|
1269
1269
|
height: fit-content;
|
|
1270
1270
|
padding: 4px;
|
|
1271
1271
|
gap: 4px;
|
|
1272
1272
|
border-radius: 32px;
|
|
1273
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1273
|
+
border: 1px solid ${({theme:e})=>e.colors.border+_i.opacity.hex["070"]};
|
|
1274
1274
|
|
|
1275
1275
|
display: flex;
|
|
1276
1276
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1277
1277
|
align-items: center;
|
|
1278
1278
|
justify-content: center;
|
|
1279
|
-
`,
|
|
1279
|
+
`,Yc=_t.div`
|
|
1280
1280
|
width: 32px;
|
|
1281
1281
|
height: 32px;
|
|
1282
1282
|
|
|
1283
1283
|
border-radius: 100%;
|
|
1284
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+
|
|
1284
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+_i.opacity.hex["070"]:e.colors.secondary+_i.opacity.hex["012"]};
|
|
1285
1285
|
transition: background-color 0.3s;
|
|
1286
1286
|
|
|
1287
1287
|
display: flex;
|
|
@@ -1289,63 +1289,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1289
1289
|
justify-content: center;
|
|
1290
1290
|
|
|
1291
1291
|
cursor: pointer;
|
|
1292
|
-
`,
|
|
1292
|
+
`,Jc=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>ft.createElement(Kc,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>ft.createElement(fr,{key:`main-nav-icon-${i}`,text:n},ft.createElement(Yc,{$selected:t,onClick:o},ft.createElement(e,{size:20})))),!!o.length&&!!n.length&&ft.createElement(dr,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>ft.createElement(fr,{key:`sub-nav-icon-${i}`,text:n},ft.createElement(Yc,{$selected:t,onClick:o},ft.createElement(e,{size:20}))))),Xc=_t.div`
|
|
1293
1293
|
display: flex;
|
|
1294
1294
|
flex-direction: column;
|
|
1295
1295
|
width: 100%;
|
|
1296
|
-
`,
|
|
1296
|
+
`,Zc=_t.div`
|
|
1297
1297
|
display: flex;
|
|
1298
1298
|
flex-direction: column;
|
|
1299
1299
|
gap: 8px;
|
|
1300
|
-
`,
|
|
1300
|
+
`,Qc=_t.div`
|
|
1301
1301
|
display: flex;
|
|
1302
1302
|
align-items: center;
|
|
1303
1303
|
gap: 16px;
|
|
1304
|
-
`,
|
|
1304
|
+
`,ed=_t(wr)`
|
|
1305
1305
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1306
1306
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1307
|
-
`,
|
|
1307
|
+
`,td=({initialValues:e=[],value:t,onChange:o,title:n,tooltip:i,required:a,errorMessage:r})=>{const[s,l]=wt(t||e);kt(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=Ct(JSON.stringify(c));kt(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,o&&o(c))},[c]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return ft.createElement(Xc,null,ft.createElement(cl,{title:n,required:a,tooltip:i}),ft.createElement(Zc,null,s.map((e,t)=>{const o=t===s.length-1;return ft.createElement(Qc,{key:`input-list-${t}`},ft.createElement(xl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:On(e)&&!u&&o}),t===s.length-1&&ft.createElement(ed,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},ft.createElement(et,null)),ft.createElement(ed,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},ft.createElement(rt,null)))})),!!r&&ft.createElement(Wi,null,r))},od=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:h,type:m,componentType:g,options:x,renderCondition:$}=e,f=o[c];return $&&!$(o)?null:ft.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{switch(g){case ko.Dropdown:const e=x?.find(e=>e.id===f);return ft.createElement(wl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:x||[],value:e,onSelect:e=>r(c,e.id,n),onDeselect:()=>r(c,"",n),hasError:!!s&&(!h||h&&On(f))});case"multi-dropdown":const o=Array.isArray(f)&&x?.filter(e=>f.includes(e.id))||[];return ft.createElement(wl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:x||[],value:o,isMulti:!0,onSelect:e=>{const t=[...Array.isArray(f)?f:[],e.id];r(c,t,n)},onDeselect:e=>{const t=(Array.isArray(f)?f:[]).filter(t=>t!==e.id);r(c,t,n)},hasError:!!s&&(!h||h&&On(f))});default:const g=i>1&&n===i-1&&0===t&&On(f);return ft.createElement(xl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:m,required:h,autoFocus:g,value:f,onChange:({target:{value:e}})=>r(c,e,n),style:{maxWidth:a,paddingLeft:10},hasError:!!s&&(!h||h&&On(f))})}})())},nd=_t.div`
|
|
1308
1308
|
display: flex;
|
|
1309
1309
|
flex-direction: column;
|
|
1310
1310
|
width: 100%;
|
|
1311
|
-
`,
|
|
1311
|
+
`,id=_t.button`
|
|
1312
1312
|
margin-top: ${({$marginTop:e})=>e};
|
|
1313
1313
|
background: none;
|
|
1314
1314
|
border: none;
|
|
1315
1315
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1316
1316
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1317
|
-
`,
|
|
1317
|
+
`,ad=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=wt({}),[c,d]=wt(o||t),p=yt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);kt(()=>{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=Ct(JSON.stringify(u)),m=u.length!==c.length,g=`${Math.floor(640/((a||e.length)+.4))}px`;kt(()=>{const e=JSON.stringify(u);h.current!==e&&(h.current=e,n&&n(u))},[u]);const x=(e,t,o)=>{d(n=>{const i=eo(n);return i[o][e]=t,i})},$=yt(()=>{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 ft.createElement(nd,null,ft.createElement(cl,{title:r}),ft.createElement("table",{style:{borderCollapse:"collapse"}},!a&&ft.createElement("thead",null,ft.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>ft.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},ft.createElement(cl,{title:e,required:o,tooltip:t}))),ft.createElement("th",null))),ft.createElement("tbody",null,c.map((t,o)=>ft.createElement(bt,{key:`input-table-row-${o}`},a&&o>0?ft.createElement("tr",null,ft.createElement("td",{colSpan:$.length},ft.createElement(dr,null))):null,$.map((n,r)=>ft.createElement("tr",{key:`input-table-matrix-${o}-${r}`},n.map((e,n)=>ft.createElement(od,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&ft.createElement("td",null,ft.createElement(id,{$marginTop:a?"24px":"0",onClick:()=>{return t=o,void(c.length>1?d(e=>e.filter((e,o)=>o!==t)):e.forEach(({keyName:e,type:o})=>x(e,o===Co.Number?"0":"",t)));var t}},ft.createElement(rt,null))))))))),!!i&&ft.createElement(Wi,null,i),ft.createElement(fs,{onClick:()=>{d(e=>{const t=eo(e);return t.push(eo(s)),t})},disabled:m}))},rd=_t.div`
|
|
1318
1318
|
display: flex;
|
|
1319
1319
|
flex-direction: column;
|
|
1320
1320
|
width: 100%;
|
|
1321
|
-
`,
|
|
1321
|
+
`,sd=_t.div`
|
|
1322
1322
|
display: flex;
|
|
1323
1323
|
flex-direction: column;
|
|
1324
1324
|
gap: 8px;
|
|
1325
|
-
`,
|
|
1325
|
+
`,ld=_t.div`
|
|
1326
1326
|
display: flex;
|
|
1327
1327
|
align-items: center;
|
|
1328
1328
|
gap: 8px;
|
|
1329
|
-
`,
|
|
1329
|
+
`,cd=_t.div`
|
|
1330
1330
|
width: 100%;
|
|
1331
1331
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1332
|
-
`,
|
|
1332
|
+
`,dd=_t(wr)`
|
|
1333
1333
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1334
1334
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1335
|
-
`,
|
|
1335
|
+
`,pd={key:"",value:""},ud=({initialKeyValuePairs:e=[],value:t,onChange:o,title:n,tooltip:i,disabled:a,required:r,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=wt(t||e);kt(()=>{p.length||u([{...pd}])},[]);const h=p.filter(({key:e,value:t})=>!On(e.trim())&&!On(t.trim())),m=Ct(JSON.stringify(h));kt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,o&&o(h))},[h]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},x=p.length<=1,$=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=a||x&&$;return ft.createElement(rd,null,ft.createElement(cl,{title:n,required:r,tooltip:i}),ft.createElement(sd,null,p.map(({key:e,value:t},o)=>ft.createElement(ld,{key:`key-value-input-list-${o}`},ft.createElement(cd,{$maxWidth:d},ft.createElement(xl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!r||r&&!e),autoFocus:On(t)&&!x&&o===p.length-1})),ft.createElement(cd,{$maxWidth:o===p.length-1?d-38:d},ft.createElement(xl,{placeholder:c,disabled:a,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!r||r&&On(t)),autoFocus:!1})),o===p.length-1&&ft.createElement(dd,{withBorder:!0,size:30,$disabled:$,onClick:$?void 0:()=>{u(e=>{const t=[...e];return t.push({...pd}),t})}},ft.createElement(et,null)),ft.createElement(dd,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},ft.createElement(rt,null))))),!!s&&ft.createElement(Wi,null,s))},hd=Mt`
|
|
1336
1336
|
0% {
|
|
1337
1337
|
background-position: 0% 50%;
|
|
1338
1338
|
}
|
|
1339
1339
|
100% {
|
|
1340
1340
|
background-position: 100% 50%;
|
|
1341
1341
|
}
|
|
1342
|
-
`,
|
|
1342
|
+
`,md=_t(Pi)`
|
|
1343
1343
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1344
1344
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1345
1345
|
background-clip: text;
|
|
1346
1346
|
color: transparent;
|
|
1347
|
-
animation: ${
|
|
1348
|
-
|
|
1347
|
+
animation: ${hd} 1s reverse linear infinite;
|
|
1348
|
+
`,gd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=_i.useTheme(),a=t||i.v2.colors.white[500],r=o||i.v2.colors.black[500];return ft.createElement(md,{$textColor:a,$stripColor:r,...n},e)},xd=_t.div`
|
|
1349
1349
|
display: flex;
|
|
1350
1350
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1351
1351
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1354,51 +1354,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1354
1354
|
border-radius: 32px;
|
|
1355
1355
|
padding: 8px;
|
|
1356
1356
|
`}
|
|
1357
|
-
|
|
1357
|
+
`,$d=(e,t)=>!t?.length||!!t?.find(t=>t===e),fd=({isVertical:e,title:t="Monitors",required:o,errorMessage:n,allowedSignals:i,selectedSignals:a,setSelectedSignals:r})=>{const[s,l]=wt(1===a.length),c=Ct(JSON.stringify(a));return kt(()=>{const e=a;e.length||si.forEach(({id:t})=>{$d(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,r(e),l(1===e.length)),()=>{c.current=""}},[i]),ft.createElement("div",null,t&&ft.createElement(cl,{title:t,required:o}),ft.createElement(xd,{$isVertical:e,$hasError:!!n},si.map(e=>{const t=$d(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?ft.createElement(Ur,{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&&ft.createElement(Wi,null,n))},bd=_t.div`
|
|
1358
1358
|
display: flex;
|
|
1359
1359
|
gap: 8px;
|
|
1360
1360
|
align-items: center;
|
|
1361
|
-
`,
|
|
1361
|
+
`,yd=_t(da)`
|
|
1362
1362
|
display: flex;
|
|
1363
1363
|
align-items: center;
|
|
1364
1364
|
justify-content: center;
|
|
1365
1365
|
gap: 8px;
|
|
1366
1366
|
min-width: 90px;
|
|
1367
|
-
`,
|
|
1367
|
+
`,wd=({buttons:e})=>{const t=_i.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?ft.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?ft.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return ft.createElement(bd,null,e.map((e,t)=>ft.createElement(fr,{key:t,text:e.tooltip||""},ft.createElement(yd,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},o({button:e,index:t})&&n({button:e,rotate:0}),e.label,!o({button:e,index:t})&&n({button:e,rotate:180})))))},kd=_t.div`
|
|
1368
1368
|
height: ${({$height:e})=>e}px;
|
|
1369
1369
|
width: 100%;
|
|
1370
1370
|
overflow: auto;
|
|
1371
|
-
`,
|
|
1371
|
+
`,Cd=_t.div`
|
|
1372
1372
|
height: ${({$height:e})=>e}px;
|
|
1373
1373
|
width: 100%;
|
|
1374
1374
|
position: relative;
|
|
1375
|
-
`,
|
|
1375
|
+
`,vd=_t.div`
|
|
1376
1376
|
height: ${({$height:e})=>e}px;
|
|
1377
1377
|
width: 100%;
|
|
1378
1378
|
position: absolute;
|
|
1379
1379
|
top: 0;
|
|
1380
1380
|
left: 0;
|
|
1381
1381
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1382
|
-
`,
|
|
1382
|
+
`,Ed=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:a}=Ta({items:o,rowHeight:t});return ft.createElement(kd,{ref:n,$height:e},ft.createElement(Cd,{$height:i},a.map(({key:e,index:t,size:n,start:i})=>{const a=t>o.length-1,r=o[t];return ft.createElement(vd,{key:e,$height:n,$yOffset:i},a?ft.createElement(Ga,null,ft.createElement(gd,null)):r)})))},Sd=_t.div`
|
|
1383
1383
|
display: flex;
|
|
1384
1384
|
justify-content: space-between;
|
|
1385
1385
|
align-items: center;
|
|
1386
1386
|
gap: 16px;
|
|
1387
|
-
`,
|
|
1387
|
+
`,Ad=_t.div`
|
|
1388
1388
|
display: flex;
|
|
1389
1389
|
flex-direction: column;
|
|
1390
1390
|
gap: 4px;
|
|
1391
|
-
`,
|
|
1391
|
+
`,Dd=_t.div`
|
|
1392
1392
|
display: flex;
|
|
1393
1393
|
align-items: center;
|
|
1394
1394
|
gap: 8px;
|
|
1395
|
-
`,
|
|
1395
|
+
`,Td=_t(Pi)``,zd=_t(Pi)``,Fd=({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 ft.createElement(Sd,null,ft.createElement(Ad,null,ft.createElement(Dd,null,n&&ft.createElement(n,{size:r}),ft.createElement(Td,{weight:300,size:r},e),void 0!==o&&ft.createElement(ra,{label:o,filled:!!o})),ft.createElement(zd,{weight:200,opacity:.8,size:s},t)),i&&ft.createElement("div",null,i))},Od=_t.div`
|
|
1396
1396
|
position: relative;
|
|
1397
1397
|
gap: 0;
|
|
1398
1398
|
z-index: 0;
|
|
1399
1399
|
display: grid;
|
|
1400
1400
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1401
|
-
`,
|
|
1401
|
+
`,Id=_t.button`
|
|
1402
1402
|
flex: 1;
|
|
1403
1403
|
display: flex;
|
|
1404
1404
|
align-items: center;
|
|
@@ -1412,7 +1412,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1412
1412
|
&:hover {
|
|
1413
1413
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1414
1414
|
}
|
|
1415
|
-
`,
|
|
1415
|
+
`,Nd=_t.div`
|
|
1416
1416
|
position: absolute;
|
|
1417
1417
|
top: ${({$y:e})=>e}px;
|
|
1418
1418
|
left: ${({$x:e})=>e}px;
|
|
@@ -1422,85 +1422,85 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1422
1422
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1423
1423
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1424
1424
|
transition: all 0.3s;
|
|
1425
|
-
`,
|
|
1425
|
+
`,_d=({options:e=[],selected:t,setSelected:o})=>{const n=e.findIndex(e=>e.value===t),[i,a]=wt(e[n]?.selectedBgColor||""),[r,s]=wt({width:0,height:0}),[l,c]=wt({x:0,y:0}),d=Ct(null);return kt(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),ft.createElement(Od,{$count:e.length},e.map(({icon:n,label:i,value:r,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===r;return ft.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&&ft.createElement(n,null),i&&ft.createElement(Pi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),ft.createElement(Nd,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},Bd=_t(da)`
|
|
1426
1426
|
gap: 8px;
|
|
1427
1427
|
text-transform: none;
|
|
1428
1428
|
text-decoration: none;
|
|
1429
1429
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1430
1430
|
&.not-selected {
|
|
1431
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+
|
|
1431
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+_i.opacity.hex["060"]};
|
|
1432
1432
|
&:hover {
|
|
1433
1433
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1434
1434
|
}
|
|
1435
1435
|
}
|
|
1436
1436
|
&.selected {
|
|
1437
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1437
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+_i.opacity.hex["030"]};
|
|
1438
1438
|
}
|
|
1439
|
-
`,
|
|
1439
|
+
`,Rd=_t(Pi)`
|
|
1440
1440
|
white-space: nowrap;
|
|
1441
1441
|
overflow: hidden;
|
|
1442
1442
|
text-overflow: ellipsis;
|
|
1443
1443
|
font-size: 14px;
|
|
1444
|
-
`,
|
|
1444
|
+
`,Ld=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=_i.useTheme();return ft.createElement(Bd,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&ft.createElement("div",null,ft.createElement(o,{fill:p.text.info})),n&&ft.createElement("div",null,ft.createElement("img",{src:n,alt:"",width:16,height:16})),ft.createElement(Rd,null,e),r&&ft.createElement("div",null,ft.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&ft.createElement(ra,{label:i,filled:a||r}))},Md=_t.div`
|
|
1445
1445
|
display: flex;
|
|
1446
1446
|
flex-direction: column;
|
|
1447
1447
|
gap: 16px;
|
|
1448
1448
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1449
|
-
`,
|
|
1449
|
+
`,Pd=_t.div`
|
|
1450
1450
|
display: flex;
|
|
1451
1451
|
align-items: center;
|
|
1452
1452
|
gap: 16px;
|
|
1453
|
-
`,
|
|
1453
|
+
`,jd=_t.div`
|
|
1454
1454
|
width: 50px;
|
|
1455
1455
|
height: 50px;
|
|
1456
1456
|
border-radius: 8px;
|
|
1457
1457
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1458
1458
|
background-size: 200% 100%;
|
|
1459
|
-
animation: ${
|
|
1460
|
-
`,
|
|
1459
|
+
animation: ${_i.animations.shimmer} 10s infinite linear;
|
|
1460
|
+
`,Ud=_t(qa)`
|
|
1461
1461
|
flex: 1;
|
|
1462
1462
|
gap: 12px;
|
|
1463
|
-
`,
|
|
1463
|
+
`,Wd=_t.div`
|
|
1464
1464
|
width: ${({$width:e})=>e};
|
|
1465
1465
|
height: 16px;
|
|
1466
1466
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1467
1467
|
background-size: 200% 100%;
|
|
1468
|
-
animation: ${
|
|
1468
|
+
animation: ${_i.animations.shimmer} 1.5s infinite linear;
|
|
1469
1469
|
border-radius: 4px;
|
|
1470
|
-
`,
|
|
1470
|
+
`,Vd=({size:e=5,maxWidth:t})=>ft.createElement(Md,{$maxWidth:t},[...Array(e)].map((e,t)=>ft.createElement(Pd,{key:t},ft.createElement(jd,null),ft.createElement(Ud,null,ft.createElement(Wd,{$width:"80%"}),ft.createElement(Wd,{$width:"100%"})))));var Hd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Hd||(Hd={}));const qd=_t.div`
|
|
1471
1471
|
display: flex;
|
|
1472
1472
|
flex-direction: column;
|
|
1473
1473
|
gap: 32px;
|
|
1474
|
-
`,
|
|
1474
|
+
`,Gd=_t.div`
|
|
1475
1475
|
display: flex;
|
|
1476
1476
|
gap: 16px;
|
|
1477
1477
|
padding: 8px;
|
|
1478
|
-
opacity: ${({$state:e})=>e===
|
|
1478
|
+
opacity: ${({$state:e})=>e===Hd.Active?1:e===Hd.Disabled?.5:.8};
|
|
1479
1479
|
transition: all 0.3s;
|
|
1480
|
-
`,
|
|
1480
|
+
`,Kd=_t(Ha)`
|
|
1481
1481
|
justify-content: center;
|
|
1482
1482
|
width: 24px;
|
|
1483
1483
|
height: 24px;
|
|
1484
1484
|
border-radius: 32px;
|
|
1485
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1486
|
-
opacity: ${({$state:e})=>e===
|
|
1487
|
-
`,
|
|
1485
|
+
border: ${({theme:e,$state:t})=>t===Hd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1486
|
+
opacity: ${({$state:e})=>e===Hd.Finished?.8:1};
|
|
1487
|
+
`,Yd=_t(qa)`
|
|
1488
1488
|
justify-content: center;
|
|
1489
1489
|
gap: 8px;
|
|
1490
|
-
`,
|
|
1490
|
+
`,Jd=_t(Pi)``,Xd=_t(Pi)``,Zd=({data:e,currentStep:t=0})=>{const[o,n]=wt([]);return kt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Hd.Finished,subtitle:e.subtitle||vo.Success}:o===t-1?{...e,state:Hd.Active,subtitle:""}:{...e,state:Hd.Disabled,subtitle:""}))},[t,e]),ft.createElement(qd,null,o.map((e,t)=>ft.createElement(Gd,{key:t,$state:e.state},ft.createElement(Kd,{$state:e.state},[Hd.Active,Hd.Disabled].includes(e.state)?ft.createElement(Pi,{size:12},e.stepNumber):e.state===Hd.Finished?ft.createElement(Ge,{size:20}):null),ft.createElement(Yd,null,ft.createElement(Jd,{family:"secondary"},e.title),e.subtitle&&ft.createElement(Xd,{size:10,weight:300},e.subtitle)))))},Qd=_t(Ha)`
|
|
1491
1491
|
width: fit-content;
|
|
1492
1492
|
gap: 6px;
|
|
1493
1493
|
padding: 6px 12px;
|
|
1494
1494
|
border-radius: 360px;
|
|
1495
1495
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1496
|
-
`,
|
|
1496
|
+
`,ep=_t(Pi)`
|
|
1497
1497
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1498
|
-
`,
|
|
1498
|
+
`,tp=({type:e=vo.Info,icon:t,title:o,size:n,family:i,children:a,...r})=>ft.createElement(Qd,{$type:e},t&&ft.createElement(t,null),ft.createElement(ep,{$type:e,size:n||12,family:i||"secondary",...r},a||o)),op=_t.div`
|
|
1499
1499
|
display: flex;
|
|
1500
1500
|
flex-direction: column;
|
|
1501
1501
|
position: relative;
|
|
1502
1502
|
width: 100%;
|
|
1503
|
-
`,
|
|
1503
|
+
`,np=_t.div`
|
|
1504
1504
|
width: 100%;
|
|
1505
1505
|
display: flex;
|
|
1506
1506
|
align-items: center;
|
|
@@ -1528,7 +1528,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1528
1528
|
&:focus-within {
|
|
1529
1529
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1530
1530
|
}
|
|
1531
|
-
`,
|
|
1531
|
+
`,ip=_t.textarea`
|
|
1532
1532
|
flex: 1;
|
|
1533
1533
|
border: none;
|
|
1534
1534
|
outline: none;
|
|
@@ -1552,13 +1552,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1552
1552
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1553
1553
|
cursor: not-allowed;
|
|
1554
1554
|
}
|
|
1555
|
-
`,
|
|
1555
|
+
`,ap=({errorMessage:e,title:t,tooltip:o,required:n,onChange:i,name:a,...r})=>{const s=Ct(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return ft.createElement(op,null,ft.createElement(cl,{title:t,required:n,tooltip:o}),ft.createElement(np,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},ft.createElement(ip,{ref:s,"data-id":a,name:a,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...r})),!!e&&ft.createElement(Wi,null,e))},rp=_t.div`
|
|
1556
1556
|
display: flex;
|
|
1557
1557
|
align-items: center;
|
|
1558
1558
|
gap: 12px;
|
|
1559
1559
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1560
1560
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1561
|
-
`,
|
|
1561
|
+
`,sp=_t.div`
|
|
1562
1562
|
width: 24px;
|
|
1563
1563
|
height: 12px;
|
|
1564
1564
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1580,11 +1580,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1580
1580
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1581
1581
|
transition: background-color 0.3s, transform 0.3s;
|
|
1582
1582
|
}
|
|
1583
|
-
`,
|
|
1583
|
+
`,lp=({title:e,tooltip:t,initialValue:o=!1,onChange:n,disabled:i,allowPropagation:a=!1,flipHorizontally:r})=>{const[s,l]=wt(o);return kt(()=>l(o),[o]),ft.createElement(rp,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),n?n(!s):l(e=>!e))}},!r&&ft.createElement(sp,{$disabled:i,$isActive:s}),(e||t)&&ft.createElement(fr,{text:t,withIcon:!0},e&&ft.createElement(Pi,{size:14},e)),r&&ft.createElement(sp,{$disabled:i,$isActive:s}))};var cp={v:"5.12.1",fr:60,ip:0,op:80,w:220,h:620,nm:"Odigos - Trace Loader",ddd:0,assets:[{id:"comp_0",nm:"moving lines-5",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[6.097,.571,0],ix:2,l:2},a:{a:0,k:[-.046,-149.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-.055,-173.88],[.095,546.629]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:2.4,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:18.172,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:36.174,s:[85.889]},{t:51,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:12.174,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:30.174,s:[85.889]},{t:45,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:51,st:-26,ct:1,bm:0}]},{id:"comp_1",nm:"moving lines-4",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.475,.571,0],ix:2,l:2},a:{a:0,k:[.144,-156.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.167,-182.047],[.314,547.797]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:17.9,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:38.055,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:61.053,s:[85.889]},{t:80,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:15.553,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:38.555,s:[85.889]},{t:57.5,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:80,st:-26,ct:1,bm:0}]},{id:"comp_2",nm:"moving lines-3",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.841,.571,0],ix:2,l:2},a:{a:0,k:[.324,-150.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.382,-175.047],[-.051,538.464]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:6,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:23.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:43.525,s:[85.889]},{t:60,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:13.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:33.525,s:[85.889]},{t:50,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60,st:-26,ct:1,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:-22,op:29,st:-22,ct:1,bm:0},{ddd:0,ind:2,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:56,op:107,st:56,ct:1,bm:0},{ddd:0,ind:3,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:22,op:73,st:22,ct:1,bm:0},{ddd:0,ind:4,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:-65,op:15,st:-65,ct:1,bm:0},{ddd:0,ind:5,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:14,op:94,st:14,ct:1,bm:0},{ddd:0,ind:6,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:2,op:62,st:2,ct:1,bm:0},{ddd:0,ind:7,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:-36,op:20,st:-40,ct:1,bm:0},{ddd:0,ind:8,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:39,op:99,st:39,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Vector :M",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110,309.736,0],ix:2,l:2},a:{a:0,k:[308.5,313.236,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[205.677,618.844],[205.677,4.807]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[411.428,618.822],[411.333,4.99]],c:!1},ix:2},nm:"Path 6",mn:"ADBE Vector Shape - Group",hd:!1},{ind:2,ty:"sh",ix:3,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[308.5,618.796],[308.5,5.145]],c:!1},ix:2},nm:"Path 7",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.975244164467,.975244164467,.975244164467,.639999985695],ix:3},o:{a:0,k:64,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 7",mn:"ADBE Vector Graphic - Stroke",hd:!1}],ip:0,op:684,st:0,ct:1,bm:0}],markers:[],props:{}};const dp=_t.div`
|
|
1584
1584
|
width: ${({$width:e})=>e}px;
|
|
1585
1585
|
height: ${({$height:e})=>e}px;
|
|
1586
1586
|
position: relative;
|
|
1587
|
-
`,
|
|
1587
|
+
`,pp=({width:e=620})=>{const{darkMode:t}=_i.useTheme(),o=e/(620/220),n=e;return ft.createElement(dp,{$width:n,$height:o},ft.createElement(Gt,{autoplay:!0,loop:!0,animationData:cp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))};var up,hp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(up||(up={})),function(e){e.S="small",e.M="medium",e.L="large"}(hp||(hp={}));const mp=_t.button`
|
|
1588
1588
|
display: flex;
|
|
1589
1589
|
align-items: center;
|
|
1590
1590
|
justify-content: center;
|
|
@@ -1594,14 +1594,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1594
1594
|
`}
|
|
1595
1595
|
border: none;
|
|
1596
1596
|
border-radius: 6px;
|
|
1597
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1597
|
+
${({$size:e,$hasLabel:t})=>e===hp.S?Bt`
|
|
1598
1598
|
height: 32px;
|
|
1599
1599
|
${t?Bt`
|
|
1600
1600
|
padding: 8px 16px;
|
|
1601
1601
|
`:Bt`
|
|
1602
1602
|
width: 32px;
|
|
1603
1603
|
`}
|
|
1604
|
-
`:e===
|
|
1604
|
+
`:e===hp.M?Bt`
|
|
1605
1605
|
height: 38px;
|
|
1606
1606
|
${t?Bt`
|
|
1607
1607
|
padding: 8px 18px;
|
|
@@ -1626,7 +1626,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1626
1626
|
${({$withShadow:e})=>e?Bt`
|
|
1627
1627
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1628
1628
|
`:""}
|
|
1629
|
-
${({$variant:e})=>e===
|
|
1629
|
+
${({$variant:e})=>e===up.Primary?Bt`
|
|
1630
1630
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1631
1631
|
&:hover {
|
|
1632
1632
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1634,7 +1634,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1634
1634
|
&:active {
|
|
1635
1635
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1636
1636
|
}
|
|
1637
|
-
`:e===
|
|
1637
|
+
`:e===up.Secondary?Bt`
|
|
1638
1638
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1639
1639
|
&:hover {
|
|
1640
1640
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1642,7 +1642,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1642
1642
|
&:active {
|
|
1643
1643
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1644
1644
|
}
|
|
1645
|
-
`:e===
|
|
1645
|
+
`:e===up.Text?Bt`
|
|
1646
1646
|
background-color: transparent;
|
|
1647
1647
|
&:hover {
|
|
1648
1648
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1652,7 +1652,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1652
1652
|
}
|
|
1653
1653
|
`:""}
|
|
1654
1654
|
}
|
|
1655
|
-
|
|
1655
|
+
`,gp=At(({label:e,leftIcon:t,rightIcon:o,variant:n=up.Primary,size:i=hp.M,iconSize:a,loading:r,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=_i.useTheme(),m=a||(i===hp.L?18:16),g=i===hp.L?Zn.S:Zn.XS,x=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return ft.createElement(mp,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:r?void 0:e=>{e.stopPropagation(),d?.(e)},...p},r?e?ft.createElement(gd,{size:h.v2.text.size[g],textColor:x}):ft.createElement(is,null):ft.createElement(ft.Fragment,null,t&&ft.createElement(t,{size:m,fill:x}),e?ft.createElement(ei,{size:g,weight:500,color:x,nowrap:!0},e):null,o&&ft.createElement(o,{size:m,fill:x})))});gp.displayName=gp.name;const xp=_t.button`
|
|
1656
1656
|
width: 100%;
|
|
1657
1657
|
padding: 0;
|
|
1658
1658
|
padding-right: 12px;
|
|
@@ -1672,7 +1672,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1672
1672
|
&:disabled {
|
|
1673
1673
|
cursor: not-allowed;
|
|
1674
1674
|
}
|
|
1675
|
-
|
|
1675
|
+
`,$p=_t.div`
|
|
1676
1676
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1677
1677
|
height: 56px;
|
|
1678
1678
|
display: flex;
|
|
@@ -1683,13 +1683,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1683
1683
|
`:Bt`
|
|
1684
1684
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1685
1685
|
`}
|
|
1686
|
-
`,
|
|
1686
|
+
`,fp=_t.div`
|
|
1687
1687
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1688
1688
|
display: flex;
|
|
1689
1689
|
justify-content: space-between;
|
|
1690
1690
|
align-items: center;
|
|
1691
1691
|
gap: 8px;
|
|
1692
|
-
`,
|
|
1692
|
+
`,bp=({label:e,icon:t,loading:o,onClick:n})=>{const[i,a]=wt(!1);return ft.createElement(xp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1)},ft.createElement($p,{$hovered:i,$hasIcon:!!t},t&&ft.createElement(t,{size:36})),ft.createElement(fp,{$hasIcon:!!t},o?ft.createElement(gd,{size:16}):ft.createElement(ei,{variant:Xn.Span,align:"center"},e),ft.createElement(dt,{rotate:90,size:24})))},yp=({buttons:e})=>ft.createElement(qa,{$gap:12},e.map(e=>ft.createElement(bp,{key:e.label,...e}))),wp=_t.div`
|
|
1693
1693
|
display: flex;
|
|
1694
1694
|
align-items: center;
|
|
1695
1695
|
flex-wrap: wrap;
|
|
@@ -1697,13 +1697,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1697
1697
|
padding: 4px 12px;
|
|
1698
1698
|
border-radius: 12px;
|
|
1699
1699
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1700
|
-
`,
|
|
1700
|
+
`,kp=_t.div`
|
|
1701
1701
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1702
1702
|
margin: 8px;
|
|
1703
1703
|
display: flex;
|
|
1704
1704
|
flex-direction: column;
|
|
1705
1705
|
gap: 4px;
|
|
1706
|
-
`,
|
|
1706
|
+
`,Cp=({cellsPerRow:e,items:t})=>{const o=Rt(),{CopyButton:n}=Ea();return ft.createElement(wp,null,t.map(({id:i,title:a,label:r,withCopy:s,badge:l})=>ft.createElement(kp,{key:i,$cellsPerRow:e||t.length},ft.createElement(ei,{size:Zn.XXXS,color:o.v2.colors.silver[200],nowrap:!0},a),ft.createElement(Ha,{$gap:4},l&&ft.createElement(oi,{...l}),r&&ft.createElement(ei,{size:Zn.XS,nowrap:!0},r),s&&ft.createElement(n,{value:r||l?.label?.toString()||"",size:ka.XS})))))};var vp;!function(e){e.S="s",e.L="l"}(vp||(vp={}));const Ep=_t.div`
|
|
1707
1707
|
position: relative;
|
|
1708
1708
|
z-index: 0;
|
|
1709
1709
|
display: flex;
|
|
@@ -1713,13 +1713,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1713
1713
|
border-radius: 8px;
|
|
1714
1714
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
1715
1715
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1716
|
-
`,
|
|
1716
|
+
`,Sp=_t.button`
|
|
1717
1717
|
flex: 1;
|
|
1718
1718
|
display: flex;
|
|
1719
1719
|
align-items: center;
|
|
1720
1720
|
justify-content: center;
|
|
1721
1721
|
gap: 8px;
|
|
1722
|
-
padding: ${({$size:e})=>e===
|
|
1722
|
+
padding: ${({$size:e})=>e===vp.S?"4px 8px":"8px 16px"};
|
|
1723
1723
|
border-radius: 6px;
|
|
1724
1724
|
border: none;
|
|
1725
1725
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:"transparent"};
|
|
@@ -1728,7 +1728,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1728
1728
|
&:hover {
|
|
1729
1729
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
1730
1730
|
}
|
|
1731
|
-
`,
|
|
1731
|
+
`,Ap=({size:e=vp.L,options:t=[],selected:o,setSelected:n,disabled:i})=>{const a=Rt(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500],s=e===vp.S?Zn.XXS:Zn.XS,l=e===vp.S?400:500;return ft.createElement(Ep,{$count:t.length},t.map(({value:t,label:a,icon:c},d)=>{const p=o===t;return ft.createElement(Sp,{key:`segment-${a||d}-${t}`,onClick:()=>!i&&n(t),$isSelected:p,$disabled:i,$size:e},c&&ft.createElement(c,{fill:r}),a&&ft.createElement(ei,{size:s,weight:l,color:r,nowrap:!0},a))}))},Dp=_t.div`
|
|
1732
1732
|
min-width: ${({$width:e})=>e||"unset"};
|
|
1733
1733
|
width: fit-content;
|
|
1734
1734
|
padding: 6px 12px;
|
|
@@ -1741,7 +1741,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1741
1741
|
border: none;
|
|
1742
1742
|
border-radius: 6px;
|
|
1743
1743
|
background: ${({$isHovered:e,$isActive:t,theme:o})=>e||t?o.v2.colors.silver[700]:o.v2.colors.silver[800]};
|
|
1744
|
-
`,
|
|
1744
|
+
`,Tp=_t.input`
|
|
1745
1745
|
flex: 1;
|
|
1746
1746
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1747
1747
|
font-size: 14px;
|
|
@@ -1757,7 +1757,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1757
1757
|
overflow: hidden;
|
|
1758
1758
|
text-overflow: ellipsis;
|
|
1759
1759
|
white-space: nowrap;
|
|
1760
|
-
`,
|
|
1760
|
+
`,zp=({value:e,onChange:t,placeholder:o,width:n,segment:i})=>{const a=_i.useTheme(),[r,s]=wt(!1),[l,c]=wt(!1),[d,p]=wt(!1),u=r?a.v2.colors.white[500]:a.v2.colors.silver[200],h=!!i?.options?.length,m=yt(()=>{if(h)return i?.options.find(e=>e.value===i.selected)?.label},[h,i?.options,i?.selected]),g=yt(()=>o||(h&&m?`Search by ${m.toLowerCase()}`:"Search..."),[o,h,m]);return ft.createElement(Dp,{$width:n,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),$isHovered:l&&!d,$isActive:r},ft.createElement(at,{size:18,fill:u}),ft.createElement(Tp,{"data-id":"search",name:"search",type:"text",placeholder:g,value:e,onChange:e=>{e.stopPropagation(),t(e.target.value)},onFocus:()=>s(!0),onBlur:()=>s(!1),$textColor:u}),h&&ft.createElement("div",{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1)},ft.createElement(Ap,{options:i.options,selected:i.selected,setSelected:i.setSelected,size:vp.S})))};var Fp;!function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Fp||(Fp={}));const Op=({onAnyClick:e,actions:t})=>ft.createElement(Ha,{$gap:8,$alignItems:"center"},t?.map(t=>{if(!t)return null;switch(t.type){case Fp.Button:return ft.createElement(gp,{key:t.id,...t.buttonProps,onClick:o=>{t.buttonProps?.onClick?.(o),e?.()}});case Fp.ButtonDropData:return ft.createElement(Au,{key:t.id,...t.dropDataProps,items:t.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:o=>{t.buttonProps?.onClick?.(o[0]),e?.()},buttonProps:t.buttonProps});default:return null}})),Ip=({isOpen:e,onClose:t,onDeny:o,onApprove:n})=>ft.createElement(Nh,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:e,onClose:t,onDeny:o,denyLabel:"Keep editing",onApprove:n,approveLabel:"Discard changes"}),Np=({isOpen:e,onClose:t,onDeny:o,onApprove:n,action:i="delete",target:a})=>{const r=i.charAt(0).toUpperCase()+i.substring(1),s=a?.endsWith("s")?"these":"this";return ft.createElement(Nh,{title:`${r}${a?` ${a}`:""}?`,description:`Are you sure you want to ${i}${a?` ${s} ${a}`:""}?`,isOpen:e,onClose:t,onDeny:o,denyLabel:"Go back",onApprove:n,approveLabel:r})},_p=({icon:e,title:t,withCopy:o,badge:n,children:i})=>{const{CopyButton:a}=Ea();return ft.createElement(Ha,{$gap:6,$alignItems:"center"},ft.createElement(e,{size:24}),ft.createElement(ei,{nowrap:!0},t),o&&ft.createElement(a,{value:t,size:ka.XS}),n&&ft.createElement(oi,{...n}),i)},Bp=434,Rp=635,Lp=_t.div`
|
|
1761
1761
|
width: ${434}px;
|
|
1762
1762
|
height: ${635}px;
|
|
1763
1763
|
display: flex;
|
|
@@ -1767,12 +1767,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1767
1767
|
padding: 16px;
|
|
1768
1768
|
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
1769
1769
|
position: relative;
|
|
1770
|
-
`,
|
|
1770
|
+
`,Mp=_t.div`
|
|
1771
1771
|
position: absolute;
|
|
1772
1772
|
top: 50%;
|
|
1773
1773
|
left: 50%;
|
|
1774
1774
|
transform: translate(-50%, -50%);
|
|
1775
|
-
`,
|
|
1775
|
+
`,Pp=()=>ft.createElement(Lp,null,ft.createElement(Mp,null,ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none"},ft.createElement("path",{opacity:"0.1",d:"M231.567 463.134C359.458 463.134 463.134 359.458 463.134 231.567C463.134 103.676 359.458 0 231.567 0C103.676 0 0 103.676 0 231.567C0 359.458 103.676 463.134 231.567 463.134Z",fill:"url(#paint0_radial_164_65835)"}),ft.createElement("defs",null,ft.createElement("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)"},ft.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),ft.createElement("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),ft.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),ft.createElement("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),ft.createElement("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),ft.createElement("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),ft.createElement("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),ft.createElement("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),ft.createElement("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"}))))),ft.createElement(Mp,null,ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none"},ft.createElement("path",{opacity:"0.3",d:"M215.921 431.841C335.17 431.841 431.841 335.17 431.841 215.921C431.841 96.6709 335.17 0 215.921 0C96.6709 0 0 96.6709 0 215.921C0 335.17 96.6709 431.841 215.921 431.841Z",fill:"url(#paint0_radial_164_65836)"}),ft.createElement("defs",null,ft.createElement("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)"},ft.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),ft.createElement("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),ft.createElement("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),ft.createElement("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),ft.createElement("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),ft.createElement("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),ft.createElement("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),ft.createElement("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),ft.createElement("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),ft.createElement("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),ft.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),ft.createElement(Mp,null,ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none"},ft.createElement("path",{opacity:"0.5",d:"M186.963 373.927C290.22 373.927 373.927 290.22 373.927 186.963C373.927 83.7063 290.22 0 186.963 0C83.7063 0 0 83.7063 0 186.963C0 290.22 83.7063 373.927 186.963 373.927Z",fill:"url(#paint0_radial_164_65837)"}),ft.createElement("defs",null,ft.createElement("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)"},ft.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),ft.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),ft.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),ft.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),ft.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),ft.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),ft.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),ft.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),ft.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),ft.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),ft.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),ft.createElement(Mp,null,ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none"},ft.createElement("path",{opacity:"0.7",d:"M128.193 256.387C198.992 256.387 256.387 198.992 256.387 128.193C256.387 57.3941 198.992 0 128.193 0C57.3941 0 0 57.3941 0 128.193C0 198.992 57.3941 256.387 128.193 256.387Z",fill:"url(#paint0_radial_164_65838)"}),ft.createElement("defs",null,ft.createElement("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)"},ft.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),ft.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),ft.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),ft.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),ft.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),ft.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),ft.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),ft.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),ft.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),ft.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),ft.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),ft.createElement(Mp,null,ft.createElement(se,{size:112}))),jp=_t.div`
|
|
1776
1776
|
width: ${({$size:e})=>e}px;
|
|
1777
1777
|
height: ${({$size:e})=>e}px;
|
|
1778
1778
|
border-radius: 100%;
|
|
@@ -1780,7 +1780,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1780
1780
|
display: flex;
|
|
1781
1781
|
align-items: center;
|
|
1782
1782
|
justify-content: center;
|
|
1783
|
-
`,
|
|
1783
|
+
`,Up=()=>ft.createElement(jp,{$size:74,$color:"rgba(80, 246, 232, 0.10)"},ft.createElement(jp,{$size:71,$color:"rgba(80, 246, 232, 0.20)"},ft.createElement(jp,{$size:65,$color:"rgba(80, 246, 232, 0.40)"},ft.createElement(jp,{$size:56,$color:"rgba(80, 246, 232, 0.60)"},ft.createElement(jp,{$size:39,$color:"#50F6E8"},ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none"},ft.createElement("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"}))))))),Wp=_t.div`
|
|
1784
1784
|
width: ${({$size:e})=>e}px;
|
|
1785
1785
|
height: ${({$size:e})=>e}px;
|
|
1786
1786
|
border-radius: 100%;
|
|
@@ -1788,9 +1788,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1788
1788
|
display: flex;
|
|
1789
1789
|
align-items: center;
|
|
1790
1790
|
justify-content: center;
|
|
1791
|
-
`,
|
|
1791
|
+
`,Vp=()=>ft.createElement(Wp,{$size:126,$color:"rgba(80, 246, 232, 0.10)"},ft.createElement(Wp,{$size:121,$color:"rgba(80, 246, 232, 0.20)"},ft.createElement(Wp,{$size:111,$color:"rgba(80, 246, 232, 0.40)"},ft.createElement(Wp,{$size:95,$color:"rgba(80, 246, 232, 0.60)"},ft.createElement(Wp,{$size:67,$color:"#50F6E8"},ft.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",viewBox:"0 0 46 46",fill:"none"},ft.createElement("path",{fill:"#151618",d:"M36.0211 22.2763C36.0211 19.9012 36.0207 18.1909 35.9286 16.8405C35.8373 15.5029 35.6613 14.6218 35.3602 13.8949C34.4783 11.766 32.7865 10.0742 30.6576 9.19229C29.9307 8.89119 29.0496 8.71517 27.712 8.6239C26.3615 8.53176 24.6513 8.53133 22.2762 8.53133C19.9011 8.53133 18.1909 8.53176 16.8404 8.6239C15.5028 8.71517 14.6218 8.89119 13.8948 9.19229C11.7659 10.0742 10.0741 11.766 9.19223 13.8949C8.89113 14.6218 8.71512 15.5029 8.62385 16.8405C8.53171 18.1909 8.53128 19.9012 8.53128 22.2763C8.53128 24.6513 8.53171 26.3616 8.62385 27.712C8.71512 29.0496 8.89113 29.9307 9.19223 30.6576C10.0741 32.7865 11.7659 34.4783 13.8948 35.3602C14.6218 35.6613 15.5028 35.8373 16.8404 35.9286C18.1909 36.0207 19.9011 36.0212 22.2762 36.0212C24.6513 36.0212 26.3615 36.0207 27.712 35.9286C29.0496 35.8373 29.9306 35.6613 30.6576 35.3602C32.7865 34.4783 34.4783 32.7865 35.3602 30.6576C35.6613 29.9307 35.8373 29.0496 35.9286 27.712C36.0207 26.3616 36.0211 24.6513 36.0211 22.2763ZM28.8543 16.2147C29.4095 15.66 30.3097 15.66 30.8649 16.2147C31.4201 16.7699 31.4198 17.67 30.8649 18.2254L20.7543 28.3378C20.1992 28.8929 19.299 28.8925 18.7437 28.3378L14.5299 24.124C13.9747 23.5687 13.9746 22.6686 14.5299 22.1133C15.0851 21.5582 15.9852 21.5582 16.5405 22.1133L19.7472 25.32L28.8543 16.2147ZM38.8649 22.2763C38.8649 24.612 38.8651 26.435 38.7649 27.9046C38.6638 29.387 38.4559 30.6151 37.9873 31.7463C36.8168 34.5717 34.5716 36.8169 31.7462 37.9874C30.615 38.4559 29.387 38.6638 27.9045 38.765C26.435 38.8652 24.6119 38.865 22.2762 38.865C19.9405 38.865 18.1174 38.8652 16.6479 38.765C15.1654 38.6638 13.9374 38.4559 12.8062 37.9874C9.98077 36.8169 7.7356 34.5717 6.56507 31.7463C6.09651 30.6151 5.88862 29.387 5.78748 27.9046C5.68726 26.435 5.6875 24.612 5.6875 22.2763C5.6875 19.9405 5.68726 18.1175 5.78748 16.6479C5.88862 15.1655 6.09651 13.9375 6.56507 12.8063C7.7356 9.98082 9.98077 7.73565 12.8062 6.56513C13.9374 6.09656 15.1654 5.88868 16.6479 5.78753C18.1174 5.68731 19.9405 5.68755 22.2762 5.68755C24.6119 5.68755 26.435 5.68731 27.9045 5.78753C29.387 5.88868 30.615 6.09656 31.7462 6.56513C34.5716 7.73565 36.8168 9.98082 37.9873 12.8063C38.4559 13.9375 38.6638 15.1655 38.7649 16.6479C38.8651 18.1175 38.8649 19.9405 38.8649 22.2763Z"}))))))),Hp=({minSupportedVersion:e,currentVersion:t})=>ft.createElement(Nh,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:Up,title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${e} or later.\nCurrent version: ${t}.`}),qp=_t.div`
|
|
1792
1792
|
padding: 0 12px;
|
|
1793
|
-
`,
|
|
1793
|
+
`,Gp=({yaml:e})=>{const{clickCopy:t,isCopied:o}=Ea(),n=yt(()=>[{id:nn(),type:Fp.Button,buttonProps:{leftIcon:o?Ge:Ke,onClick:()=>t(e||""),disabled:o,size:hp.S,variant:up.Secondary}}],[e,o]);return ft.createElement(Jp,{richTitle:{icon:pt,title:"YAML"},actions:n},ft.createElement(qp,null,e?ft.createElement(Zr,{code:e,language:"yaml",theme:"duotoneDark"}):ft.createElement(Ga,null,ft.createElement(Gs,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))))};var Kp;!function(e){e.S="small",e.M="medium"}(Kp||(Kp={}));const Yp=_t.div`
|
|
1794
1794
|
display: flex;
|
|
1795
1795
|
flex-direction: column;
|
|
1796
1796
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -1798,7 +1798,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1798
1798
|
padding: ${({$padding:e})=>e}px;
|
|
1799
1799
|
border-radius: 16px;
|
|
1800
1800
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1801
|
-
`,
|
|
1801
|
+
`,Jp=({size:e=Kp.M,richTitle:t,search:o,actions:n,children:i})=>{const a=e===Kp.S?4:16,r=e===Kp.S?12:16;return ft.createElement(Yp,{$padding:r,$gap:a},ft.createElement(Ha,{$gap:a,$justifyContent:"space-between"},ft.createElement(_p,{...t},o&&ft.createElement(zp,{...o})),ft.createElement(Op,{actions:n??[]})),i)},Xp=_t.div`
|
|
1802
1802
|
flex: 1;
|
|
1803
1803
|
align-self: stretch;
|
|
1804
1804
|
display: flex;
|
|
@@ -1807,7 +1807,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1807
1807
|
padding: 16px;
|
|
1808
1808
|
border-radius: 12px;
|
|
1809
1809
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,t===Ao.Unknown?"750":"500")};
|
|
1810
|
-
`,
|
|
1810
|
+
`,Zp=_t.div`
|
|
1811
1811
|
display: flex;
|
|
1812
1812
|
align-items: center;
|
|
1813
1813
|
justify-content: center;
|
|
@@ -1815,8 +1815,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1815
1815
|
height: fit-content;
|
|
1816
1816
|
padding: 8px;
|
|
1817
1817
|
border-radius: 12px;
|
|
1818
|
-
background-color: ${({theme:e,$status:t})=>t===Ao.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+
|
|
1819
|
-
`,
|
|
1818
|
+
background-color: ${({theme:e,$status:t})=>t===Ao.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+_i.opacity.hex["015"]};
|
|
1819
|
+
`,Qp=({status:e,icon:t,title:o,description:n})=>{const i=Rt(),a=t??En(e,i),r=[vo.Default,vo.Info,Ao.Disabled,Ao.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return ft.createElement(Xp,{$status:e},ft.createElement(Zp,{$status:e},ft.createElement(a,{size:32,fill:r})),ft.createElement(qa,{$gap:2,$justifyContent:"center"},ft.createElement(ei,{size:Zn.M,weight:500,color:r,nowrap:!0},o),ft.createElement(ei,{size:Zn.XXS,weight:300,color:r,nowrap:!0},n)))},eu=_t.div`
|
|
1820
1820
|
flex: 1;
|
|
1821
1821
|
align-self: stretch;
|
|
1822
1822
|
display: flex;
|
|
@@ -1825,26 +1825,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1825
1825
|
padding: 12px;
|
|
1826
1826
|
border-radius: 12px;
|
|
1827
1827
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1828
|
-
`,
|
|
1828
|
+
`,tu=["-","N/A"],ou=({title:e,cells:t})=>{const o=Rt();return ft.createElement(eu,null,ft.createElement(ei,{size:Zn.XXS,color:o.v2.colors.grey[150]},e),ft.createElement(Ha,{$gap:32},t.map(t=>ft.createElement(qa,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!tu.includes(t.value)?ft.createElement(ei,{size:t.label?Zn.M:Zn.L},t.value):ft.createElement(is,{scale:.9}),t.label&&ft.createElement(ei,{size:Zn.XXS},t.label)))))};var nu;!function(e){e.S="small",e.L="large"}(nu||(nu={}));const iu=_t.div`
|
|
1829
1829
|
width: fit-content;
|
|
1830
1830
|
display: flex;
|
|
1831
1831
|
align-items: center;
|
|
1832
1832
|
gap: 8px;
|
|
1833
1833
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1834
|
-
`,
|
|
1835
|
-
width: ${({$size:e})=>e===
|
|
1836
|
-
height: ${({$size:e})=>e===
|
|
1834
|
+
`,au=_t.div`
|
|
1835
|
+
width: ${({$size:e})=>e===nu.S?"16px":"20px"};
|
|
1836
|
+
height: ${({$size:e})=>e===nu.S?"16px":"20px"};
|
|
1837
1837
|
display: flex;
|
|
1838
1838
|
align-items: center;
|
|
1839
1839
|
justify-content: center;
|
|
1840
1840
|
border-radius: 4px;
|
|
1841
1841
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1842
1842
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1843
|
-
`,
|
|
1843
|
+
`,ru=({label:e,size:t=nu.L,disabled:o,partiallyChecked:n,value:i,onChange:a})=>{const r=_i.useTheme(),[s,l]=wt(!1),c=n||i,d=t===nu.S?12:16,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 ft.createElement(iu,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||a(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},ft.createElement(au,{$size:t,$borderColor:u,$backgroundColor:h},n?ft.createElement(Je,{size:d,fill:p}):i?ft.createElement(Ge,{size:d,fill:p}):null),e&&ft.createElement(ei,{size:t===nu.S?Zn.XXS:Zn.XS,nowrap:!0},e))},su=_t.div`
|
|
1844
1844
|
display: flex;
|
|
1845
1845
|
flex-direction: ${({$direction:e})=>e===ho.Horizontal?"row":"column"};
|
|
1846
1846
|
gap: ${({$direction:e})=>e===ho.Horizontal?16:8}px;
|
|
1847
|
-
`,
|
|
1847
|
+
`,lu=({direction:e=ho.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:a,values:r,setValues:s})=>{const l=o===nu.S?Zn.XXS:Zn.XS,c=yt(()=>a.every(e=>r[e.id]),[a,r]),d=yt(()=>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 ft.createElement(su,{$direction:e},t&&i?ft.createElement(ru,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?ft.createElement(ei,{size:l},t):null,a.map(e=>ft.createElement(ru,{key:`${t}-checkbox-${e.id}`,...e,value:r[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))},cu=_t(Ha)`
|
|
1848
1848
|
width: calc(100% - 20px);
|
|
1849
1849
|
padding: 10px;
|
|
1850
1850
|
border-radius: 6px;
|
|
@@ -1853,33 +1853,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1853
1853
|
align-items: center;
|
|
1854
1854
|
justify-content: space-between;
|
|
1855
1855
|
gap: 12px;
|
|
1856
|
-
`,
|
|
1856
|
+
`,du=_t.div`
|
|
1857
1857
|
position: relative;
|
|
1858
1858
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1859
1859
|
display: flex;
|
|
1860
1860
|
align-items: center;
|
|
1861
1861
|
gap: 4px;
|
|
1862
|
-
`,
|
|
1862
|
+
`,pu=_t.pre`
|
|
1863
1863
|
flex: 1;
|
|
1864
1864
|
margin: 0;
|
|
1865
1865
|
padding: 0;
|
|
1866
1866
|
font-size: 14px;
|
|
1867
1867
|
color: #5ffb98; // TODO: add to theme
|
|
1868
1868
|
overflow-x: auto;
|
|
1869
|
-
`,
|
|
1869
|
+
`,uu=_t.span`
|
|
1870
1870
|
flex-shrink: 0;
|
|
1871
1871
|
font-size: 14px;
|
|
1872
1872
|
color: #5ffb98; // TODO: add to theme
|
|
1873
|
-
`,
|
|
1873
|
+
`,hu=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=Ea({onDone:o}),i=Ct(null),[a,r]=wt(!1);return kt(()=>{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]),ft.createElement(cu,null,ft.createElement(du,{$hideCopy:t},ft.createElement(pu,{ref:i},e),a&&ft.createElement(uu,null,"...")),!t&&ft.createElement(n,{value:e,size:ka.XS}))},mu=_t.div`
|
|
1874
1874
|
display: flex;
|
|
1875
1875
|
align-items: center;
|
|
1876
1876
|
justify-content: space-between;
|
|
1877
1877
|
width: calc(100%);
|
|
1878
|
-
|
|
1878
|
+
`,gu=_t.div`
|
|
1879
1879
|
display: flex;
|
|
1880
1880
|
align-items: center;
|
|
1881
1881
|
gap: 16px;
|
|
1882
|
-
`,
|
|
1882
|
+
`,xu=_t.div`
|
|
1883
1883
|
display: flex;
|
|
1884
1884
|
align-items: center;
|
|
1885
1885
|
justify-content: center;
|
|
@@ -1887,11 +1887,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1887
1887
|
height: 36px;
|
|
1888
1888
|
border-radius: 8px;
|
|
1889
1889
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1890
|
-
|
|
1890
|
+
`,$u=_t.div`
|
|
1891
1891
|
display: flex;
|
|
1892
1892
|
align-items: center;
|
|
1893
1893
|
gap: 12px;
|
|
1894
|
-
`,
|
|
1894
|
+
`,fu=({icon:e,title:t,actions:o,onClose:n})=>ft.createElement(mu,null,ft.createElement(gu,null,ft.createElement(xu,null,ft.createElement(e,{size:24})),ft.createElement(ei,{size:Zn.S},t)),ft.createElement($u,null,o?.length?ft.createElement(va,{icon:ut,size:ka.M,onClick:()=>alert("todo")}):null,ft.createElement(va,{icon:Ye,size:ka.M,onClick:n}))),bu=_t.div`
|
|
1895
1895
|
position: fixed;
|
|
1896
1896
|
top: 0;
|
|
1897
1897
|
bottom: 0;
|
|
@@ -1909,17 +1909,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1909
1909
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1910
1910
|
overflow: hidden;
|
|
1911
1911
|
|
|
1912
|
-
animation-name: ${({$position:e})=>
|
|
1913
|
-
`,
|
|
1912
|
+
animation-name: ${({$position:e})=>_i.animations.slide.in[e]};
|
|
1913
|
+
`,yu=_t.div`
|
|
1914
1914
|
display: flex;
|
|
1915
1915
|
flex-direction: column;
|
|
1916
1916
|
gap: 12px;
|
|
1917
1917
|
|
|
1918
1918
|
height: calc(100% - ${56}px);
|
|
1919
1919
|
overflow-y: auto;
|
|
1920
|
-
`,
|
|
1920
|
+
`,wu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:a})=>(ma(e),e?Ht(ft.createElement(ft.Fragment,null,!t&&ft.createElement(Ya,{onClick:i.onClose}),ft.createElement(bu,{$position:o,$width:n},ft.createElement(fu,{...i}),ft.createElement(yu,null,a))),document.body):null);var ku,Cu;!function(e){e.Left="left",e.Right="right"}(ku||(ku={})),function(e){e.Top="top",e.Bottom="bottom"}(Cu||(Cu={}));const vu=_t.div`
|
|
1921
1921
|
position: relative;
|
|
1922
|
-
`,
|
|
1922
|
+
`,Eu=_t.div`
|
|
1923
1923
|
display: flex;
|
|
1924
1924
|
flex-direction: column;
|
|
1925
1925
|
gap: 0;
|
|
@@ -1932,7 +1932,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1932
1932
|
position: absolute;
|
|
1933
1933
|
${({$alignX:e})=>`${e}: 0;`}
|
|
1934
1934
|
${({$alignY:e,$withButton:t})=>`${e}: ${t?"calc(100% + 8px)":"0"};`}
|
|
1935
|
-
`,
|
|
1935
|
+
`,Su=_t.div`
|
|
1936
1936
|
display: flex;
|
|
1937
1937
|
align-items: center;
|
|
1938
1938
|
gap: 8px;
|
|
@@ -1948,7 +1948,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1948
1948
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1949
1949
|
}
|
|
1950
1950
|
`}
|
|
1951
|
-
`,
|
|
1951
|
+
`,Au=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,alignX:i,alignY:a,defaultOpen:r,buttonProps:s,iconButtonProps:l})=>{const c=Rt(),d=!!s||!!l,[p,u]=wt(r??!d),[h,m]=wt({x:i||ku.Left,y:a||Cu.Top}),g=e=>{u(e=>!e),m({x:i||(e.clientX>window.innerWidth/2?ku.Right:ku.Left),y:a||(e.clientY>window.innerHeight/2?Cu.Bottom:Cu.Top)})},x=e=>{o(t.includes(e)?t.filter(t=>t!==e):[...t,e]),d&&!n&&u(!1)},$=Ct(null);return Ia($,()=>u(!1)),ft.createElement(vu,{ref:$},s&&ft.createElement(gp,{...s,rightIcon:p?ht:mt,onClick:g}),l&&ft.createElement(va,{...l,onClick:g}),p&&ft.createElement(Eu,{$withButton:d,$alignX:h.x,$alignY:h.y},e.map(e=>{if(!e)return null;const{id:o,label:n,icon:i,withCheckbox:a}=e,r=t.includes(o);return ft.createElement(Su,{key:o,$selected:r,onClick:()=>x(o)},a&&ft.createElement(ru,{value:r,onChange:()=>x(o)}),i&&ft.createElement(i,{size:14,fill:c.v2.colors.white[500]}),ft.createElement(ei,{size:Zn.XS,nowrap:!0},n))})))},Du=_t.header`
|
|
1952
1952
|
position: relative;
|
|
1953
1953
|
width: calc(100% - 36px);
|
|
1954
1954
|
padding: 12px 18px;
|
|
@@ -1956,12 +1956,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1956
1956
|
display: flex;
|
|
1957
1957
|
align-items: center;
|
|
1958
1958
|
justify-content: space-between;
|
|
1959
|
-
`,
|
|
1959
|
+
`,Tu=_t(Ha)`
|
|
1960
1960
|
position: absolute;
|
|
1961
1961
|
left: 50%;
|
|
1962
1962
|
transform: translateX(-50%);
|
|
1963
1963
|
gap: 16px;
|
|
1964
|
-
`,
|
|
1964
|
+
`,zu=({left:e=[],center:t=[],right:o=[]})=>ft.createElement(Du,null,ft.createElement(Ha,{$gap:16},e),ft.createElement(Tu,null,t),ft.createElement(Ha,{$gap:16},o)),Fu=_t.div`
|
|
1965
1965
|
display: flex;
|
|
1966
1966
|
align-items: center;
|
|
1967
1967
|
gap: 2px;
|
|
@@ -1975,17 +1975,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1975
1975
|
right: ${({$right:e})=>e||"12px"};
|
|
1976
1976
|
top: 50%;
|
|
1977
1977
|
transform: translateY(-50%);
|
|
1978
|
-
`,
|
|
1978
|
+
`,Ou=({isOpen:e,actions:t,positionRight:o})=>{const[n,i]=wt("");return e?ft.createElement(Fu,{$right:o},t.map(e=>e?ft.createElement(gp,{key:e.id,...e,variant:up.Secondary,size:hp.S,label:n===e.id?e.label:void 0,onMouseEnter:()=>i(e.id),onMouseLeave:()=>i("")}):null)):null},Iu=_t.span`
|
|
1979
1979
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1980
1980
|
font-size: 14px;
|
|
1981
1981
|
font-weight: 400;
|
|
1982
1982
|
color: ${({theme:e})=>e.text.error};
|
|
1983
|
-
`,
|
|
1983
|
+
`,Nu=_t.span`
|
|
1984
1984
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1985
1985
|
font-size: 14px;
|
|
1986
1986
|
font-weight: 400;
|
|
1987
1987
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1988
|
-
`,
|
|
1988
|
+
`,_u=_t.div`
|
|
1989
1989
|
padding: 12px;
|
|
1990
1990
|
display: flex;
|
|
1991
1991
|
align-self: stretch;
|
|
@@ -2002,7 +2002,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2002
2002
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2003
2003
|
}
|
|
2004
2004
|
`}
|
|
2005
|
-
`,
|
|
2005
|
+
`,Bu=_t.input`
|
|
2006
2006
|
flex: 1;
|
|
2007
2007
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
2008
2008
|
font-size: 14px;
|
|
@@ -2026,9 +2026,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2026
2026
|
overflow: hidden;
|
|
2027
2027
|
text-overflow: ellipsis;
|
|
2028
2028
|
white-space: nowrap;
|
|
2029
|
-
`,
|
|
2029
|
+
`,Ru=_t.div`
|
|
2030
2030
|
cursor: pointer;
|
|
2031
|
-
`,
|
|
2031
|
+
`,Lu=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:a,helpMessage:r,type:s=Co.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=_i.useTheme(),m=s===Co.Password,[g,x]=wt(!1),$=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return ft.createElement(qa,{$gap:6},ft.createElement(Ha,{$justifyContent:"space-between"},e&&ft.createElement(Nu,null,e),ft.createElement(Ha,{$gap:10},o&&ft.createElement(fr,{text:o,withIcon:!0}),t&&ft.createElement(Iu,null,"*"))),ft.createElement(_u,{$disabled:p,$error:!!a},n?ft.createElement(n,{size:18,fill:$}):null,ft.createElement(Bu,{"data-id":l,type:g||s===Co.Number?Co.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===Co.Number&&(e.target.value=Wn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?ft.createElement(Ru,{onClick:()=>x(e=>!e)},g?ft.createElement(nt,{size:18,strokeWidth:2,fill:$}):ft.createElement(it,{size:18,strokeWidth:2,fill:$})):i?ft.createElement(i,{size:18,fill:$}):null),a?ft.createElement(Ha,{$gap:4},ft.createElement(je,{size:12,fill:h.v2.colors.red[500]}),ft.createElement(ei,{size:Zn.XXS,weight:400,color:h.v2.colors.red[500]},a)):r?ft.createElement(Ha,{$gap:4},ft.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),ft.createElement(ei,{size:Zn.XXS,weight:400,color:h.v2.colors.silver[200]},r)):null)},Mu=_t.div`
|
|
2032
2032
|
display: flex;
|
|
2033
2033
|
align-items: center;
|
|
2034
2034
|
justify-content: space-between;
|
|
@@ -2036,21 +2036,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2036
2036
|
|
|
2037
2037
|
padding: 18px 16px;
|
|
2038
2038
|
border-radius: 18px;
|
|
2039
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]+
|
|
2039
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]+_i.opacity.hex["095"]};
|
|
2040
2040
|
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
2041
2041
|
|
|
2042
2042
|
position: fixed;
|
|
2043
2043
|
bottom: 0;
|
|
2044
2044
|
left: 50%;
|
|
2045
|
-
animation-name: ${
|
|
2046
|
-
`,
|
|
2045
|
+
animation-name: ${_i.animations.slide.in.center};
|
|
2046
|
+
`,Pu=({isOpen:e,onClose:t,richTitle:o,actions:n})=>e?ft.createElement(Mu,null,ft.createElement(_p,{...o}),ft.createElement(Op,{onAnyClick:t,actions:n})):null,ju=Mt`
|
|
2047
2047
|
0% {
|
|
2048
2048
|
background-position: 0% 50%;
|
|
2049
2049
|
}
|
|
2050
2050
|
100% {
|
|
2051
2051
|
background-position: 100% 50%;
|
|
2052
2052
|
}
|
|
2053
|
-
`,
|
|
2053
|
+
`,Uu=_t(ei)`
|
|
2054
2054
|
display: flex;
|
|
2055
2055
|
align-items: center;
|
|
2056
2056
|
gap: 4px;
|
|
@@ -2059,8 +2059,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2059
2059
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
2060
2060
|
background-clip: text;
|
|
2061
2061
|
color: transparent;
|
|
2062
|
-
animation: ${
|
|
2063
|
-
`,
|
|
2062
|
+
animation: ${ju} 1s reverse linear infinite;
|
|
2063
|
+
`,Wu=({label:e,icon:t,withGradient:o,textColor:n,stripColor:i,typographyProps:a})=>{const r=_i.useTheme(),s=n||r.v2.colors.white[500],l=i||r.v2.colors.black[500];return ft.createElement(ft.Fragment,null,e?ft.createElement(Ha,{$gap:4},t&&ft.createElement(t,null),o?ft.createElement(Uu,{$textColor:s,$stripColor:l,...a},e):ft.createElement(ei,{color:s,...a},e)):null)},Vu=_t.div`
|
|
2064
2064
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2065
2065
|
top: 50%;
|
|
2066
2066
|
left: 50%;
|
|
@@ -2072,14 +2072,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2072
2072
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
2073
2073
|
overflow: hidden;
|
|
2074
2074
|
|
|
2075
|
-
animation-name: ${
|
|
2076
|
-
`,
|
|
2075
|
+
animation-name: ${_i.animations.slide.in.center};
|
|
2076
|
+
`,Hu=_t.div`
|
|
2077
2077
|
position: relative;
|
|
2078
|
-
`,
|
|
2078
|
+
`,qu=_t.div`
|
|
2079
2079
|
position: absolute;
|
|
2080
2080
|
top: 16px;
|
|
2081
2081
|
left: 16px;
|
|
2082
|
-
`,
|
|
2082
|
+
`,Gu=({isOpen:e,hideOverlay:t=!1,relativeToParent:o=!1,onBack:n,onClose:i,children:a})=>{if(ma(e),!e)return null;const r=ft.createElement(ft.Fragment,null,!t&&ft.createElement(Ya,{$relativeToParent:o,onClick:i}),ft.createElement(Vu,{$relativeToParent:o},ft.createElement(Hu,null,n&&ft.createElement(qu,null,ft.createElement(va,{icon:e=>ft.createElement(dt,{rotate:-90,...e}),size:ka.L,onClick:n})),a)));return o?r:Ht(r,document.body)},Ku=_t.aside`
|
|
2083
2083
|
display: flex;
|
|
2084
2084
|
flex-direction: column;
|
|
2085
2085
|
gap: 8px;
|
|
@@ -2088,7 +2088,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2088
2088
|
padding: 16px 12px;
|
|
2089
2089
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2090
2090
|
overflow-y: auto;
|
|
2091
|
-
`,
|
|
2091
|
+
`,Yu=({height:e,icons:t})=>ft.createElement(Ku,{$height:e},t.map(({id:e,selected:t,icon:o,onClick:n})=>ft.createElement(gp,{key:e,label:"",leftIcon:o,iconSize:24,onClick:n,variant:t?up.Primary:up.Text}))),Ju=_t.div`
|
|
2092
2092
|
display: flex;
|
|
2093
2093
|
align-items: center;
|
|
2094
2094
|
gap: 10px;
|
|
@@ -2098,7 +2098,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2098
2098
|
padding: 4px 12px 4px 4px;
|
|
2099
2099
|
border-radius: 8px;
|
|
2100
2100
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[vo.Info].includes(t)?"1000":"900")};
|
|
2101
|
-
`,
|
|
2101
|
+
`,Xu=_t.div`
|
|
2102
2102
|
width: 32px;
|
|
2103
2103
|
height: 32px;
|
|
2104
2104
|
display: flex;
|
|
@@ -2106,51 +2106,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2106
2106
|
justify-content: center;
|
|
2107
2107
|
border-radius: 6px;
|
|
2108
2108
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[vo.Info].includes(t)?"900":"800")};
|
|
2109
|
-
`,
|
|
2109
|
+
`,Zu=_t.div`
|
|
2110
2110
|
margin-left: auto;
|
|
2111
2111
|
margin-right: 8px;
|
|
2112
2112
|
cursor: pointer;
|
|
2113
2113
|
&:hover {
|
|
2114
2114
|
transform: scale(1.2);
|
|
2115
2115
|
}
|
|
2116
|
-
`,
|
|
2116
|
+
`,Qu=({status:e,message:t,action:o,fullWidth:n})=>{const i=_i.useTheme(),a=En(e,i),r=Cn(i,e,e===vo.Default?"300":e===vo.Info?"400":"500");return ft.createElement(Ju,{$status:e,$fullWidth:n},ft.createElement("div",null,ft.createElement(Xu,{$status:e},ft.createElement(a,{size:24}))),ft.createElement(ei,{color:r,size:Zn.XXXS,weight:400},t),o&&ft.createElement(Zu,{onClick:o.onClick},ft.createElement(ei,{color:r,size:Zn.XXS,weight:500,underline:!0},o.label)))};var eh;!function(e){e.S="small",e.L="large"}(eh||(eh={}));const th=_t.div`
|
|
2117
2117
|
width: fit-content;
|
|
2118
2118
|
display: flex;
|
|
2119
2119
|
align-items: center;
|
|
2120
2120
|
gap: 8px;
|
|
2121
2121
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2122
|
-
`,
|
|
2123
|
-
width: ${({$size:e})=>e===
|
|
2124
|
-
height: ${({$size:e})=>e===
|
|
2122
|
+
`,oh=_t.div`
|
|
2123
|
+
width: ${({$size:e})=>e===eh.S?"16px":"20px"};
|
|
2124
|
+
height: ${({$size:e})=>e===eh.S?"16px":"20px"};
|
|
2125
2125
|
display: flex;
|
|
2126
2126
|
align-items: center;
|
|
2127
2127
|
justify-content: center;
|
|
2128
2128
|
border-radius: 100%;
|
|
2129
2129
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2130
2130
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2131
|
-
`,
|
|
2131
|
+
`,nh=({label:e,value:t,onChange:o,disabled:n,size:i=eh.L})=>{const a=_i.useTheme(),[r,s]=wt(!1),l=t,c=i===eh.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 ft.createElement(th,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},ft.createElement(oh,{$size:i,$borderColor:p,$backgroundColor:u},t?ft.createElement(gt,{size:c,fill:d}):null),e&&ft.createElement(ei,{size:i===eh.S?Zn.XXS:Zn.XS},e))},ih=_t.div`
|
|
2132
2132
|
display: flex;
|
|
2133
2133
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2134
2134
|
gap: ${({$gap:e})=>e}px;
|
|
2135
|
-
`,
|
|
2135
|
+
`,ah=({label:e,direction:t,disabled:o,size:n,options:i,values:a,setValues:r})=>ft.createElement(ih,{$flexDirection:t===ho.Horizontal?"row":"column",$gap:t===ho.Horizontal?16:8},e&&ft.createElement(ei,null,e),i.map(t=>ft.createElement(nh,{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})));var rh;!function(e){e.Data="data",e.Pretty="pretty"}(rh||(rh={}));const sh=_t.div`
|
|
2136
2136
|
// max-height: ${({$maxHeight:e})=>e};
|
|
2137
2137
|
height: ${({$maxHeight:e})=>e};
|
|
2138
2138
|
width: 100%;
|
|
2139
2139
|
overflow: auto;
|
|
2140
|
-
`,
|
|
2140
|
+
`,lh=_t.table`
|
|
2141
2141
|
width: 100%;
|
|
2142
2142
|
|
|
2143
|
-
${({$variant:e})=>{switch(e){case
|
|
2143
|
+
${({$variant:e})=>{switch(e){case rh.Data:return Bt`
|
|
2144
2144
|
border-collapse: collapse;
|
|
2145
|
-
`;case
|
|
2145
|
+
`;case rh.Pretty:return Bt`
|
|
2146
2146
|
border-collapse: separate;
|
|
2147
2147
|
border-spacing: 0 8px;
|
|
2148
2148
|
`;default:return""}}}
|
|
2149
|
-
`,
|
|
2149
|
+
`,ch=_t.thead`
|
|
2150
2150
|
position: sticky;
|
|
2151
2151
|
top: 0;
|
|
2152
2152
|
z-index: 1;
|
|
2153
|
-
`,
|
|
2153
|
+
`,dh=_t.th`
|
|
2154
2154
|
position: relative;
|
|
2155
2155
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2156
2156
|
padding: 18px 24px;
|
|
@@ -2159,12 +2159,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2159
2159
|
|
|
2160
2160
|
${({$variant:e,$backgroundColor:t})=>{if(t)return Bt`
|
|
2161
2161
|
background-color: ${t};
|
|
2162
|
-
`;switch(e){case
|
|
2162
|
+
`;switch(e){case rh.Data:return Bt`
|
|
2163
2163
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2164
|
-
`;case
|
|
2164
|
+
`;case rh.Pretty:return Bt`
|
|
2165
2165
|
background-color: transparent;
|
|
2166
2166
|
`;default:return""}}}
|
|
2167
|
-
`,
|
|
2167
|
+
`,ph=_t.div`
|
|
2168
2168
|
position: absolute;
|
|
2169
2169
|
top: 50%;
|
|
2170
2170
|
right: 0;
|
|
@@ -2172,30 +2172,30 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2172
2172
|
width: 1px;
|
|
2173
2173
|
height: 18px;
|
|
2174
2174
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2175
|
-
`,
|
|
2175
|
+
`,uh=_t.tbody``,hh=_t.td`
|
|
2176
2176
|
position: relative;
|
|
2177
2177
|
padding: 18px 24px;
|
|
2178
2178
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2179
2179
|
|
|
2180
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case
|
|
2180
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:a})=>{switch(e){case rh.Data:return Bt`
|
|
2181
2181
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2182
2182
|
border-left: none;
|
|
2183
2183
|
border-right: none;
|
|
2184
2184
|
border-radius: ${n?i?"0 0 0 4px":a?"0 0 4px 0":"0":"0"};
|
|
2185
2185
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2186
|
-
`;case
|
|
2186
|
+
`;case rh.Pretty:return Bt`
|
|
2187
2187
|
border: none;
|
|
2188
2188
|
border-radius: ${i?"12px 0 0 12px":a?"0 12px 12px 0":"0"};
|
|
2189
2189
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2190
2190
|
`;default:return""}}}
|
|
2191
|
-
`,
|
|
2191
|
+
`,mh=_t.div`
|
|
2192
2192
|
width: 100%;
|
|
2193
2193
|
display: flex;
|
|
2194
2194
|
align-items: center;
|
|
2195
2195
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2196
2196
|
gap: 4px;
|
|
2197
2197
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2198
|
-
|
|
2198
|
+
`,gh=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:a})=>{const[r,s]=wt(null);return ft.createElement(ft.Fragment,null,o.map((l,c)=>{const{cells:d,onClick:p,isSelected:u=!1,onSelect:h,onDeselect:m,hideCheckbox:g}=l,x=r===c,$=n(l),f=(e,t)=>({$isLastRow:c===o.length-1,$isFirstCell:e,$isLastCell:t,$selected:u,$withClick:!!p,onClick:()=>p?.(),$hovered:!!p&&x,onMouseEnter:()=>s(c),onMouseLeave:()=>s(null)});return ft.createElement("tr",{key:`row-${c}`},a&&ft.createElement(hh,{key:"checkbox-column",$variant:e,...f(!0,!1)},!g&&ft.createElement(ru,{value:u,onChange:()=>u?m?.():h?.()})),t.map(({key:o,textAlign:n},r)=>{const s=d.find(e=>e.key===o),l=0===r&&!a,p=r===t.length-1;return ft.createElement(hh,{key:`row-${c}-cell-${r}`,$variant:e,...f(l,p)},s?.component?ft.createElement(Ha,{$justifyContent:"right"===n?"flex-end":"flex-start"},ft.createElement(s.component,null)):ft.createElement(ei,{size:Zn.XS,align:n},s?.rawValue||"-"),$.length?ft.createElement(Ou,{isOpen:x&&p,actions:$,positionRight:i}):null)}))}))},xh=({columnKey:e,sortDirection:t,sortByKey:o,onSort:n})=>{const i=Rt(),a=o===e?i.v2.colors.white[500]:i.v2.colors.grey[400],r=t===mo.Ascending?0:180;return ft.createElement(va,{icon:e=>ft.createElement(dt,{fill:a,rotate:r,...e}),onClick:()=>n(e)})},$h=({columnKey:e,filters:t,onFilter:o,rowsUnfiltered:n})=>{const i=Rt(),a=t[e]?.length?i.v2.colors.white[500]:i.v2.colors.grey[400],r=yt(()=>Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e]);return ft.createElement(Au,{items:r,withMultiSelect:!0,selectedIds:t[e]?.map(e=>e.toString())??[],setSelectedIds:t=>o(e,t),defaultOpen:!1,iconButtonProps:{icon:e=>ft.createElement(xt,{fill:a,...e})}})},fh=({variant:e,backgroundColor:t,columns:o,rowsUnfiltered:n,sortDirection:i,sortByKey:a,onSort:r,filters:s,onFilter:l,withCheckboxes:c,partiallySelected:d,allSelected:p,onSelectAll:u})=>ft.createElement("tr",null,c&&ft.createElement(dh,{key:"checkbox-column",$variant:e,$backgroundColor:t,$minWidth:24,$isFirst:!0,$isLast:!1},ft.createElement(ru,{partiallyChecked:d&&!p,value:p||!1,onChange:u})),o.map(({key:d,label:p,minWidth:u,textAlign:h},m)=>{const g=0===m&&!c,x=m===o.length-1;return ft.createElement(dh,{key:`column-${d}`,$variant:e,$backgroundColor:t,$minWidth:u,$isFirst:g,$isLast:x},ft.createElement(mh,{$textAlign:h},ft.createElement(ei,{size:Zn.XS,align:h},p),ft.createElement(xh,{columnKey:d,sortDirection:i,sortByKey:a,onSort:r}),ft.createElement($h,{columnKey:d,filters:s,onFilter:l,rowsUnfiltered:n})),!x&&e===rh.Data&&ft.createElement(ph,null))})),bh=({variant:e,maxHeight:t="unset",headerBackgroundColor:o,isLoading:n,columns:i,rows:a,getRowActions:r,rowActionsPushRightPosition:s,withCheckboxes:l})=>{const[c,d]=wt(mo.Ascending),[p,u]=wt(""),[h,m]=wt({}),g=St(e=>{u(e),d(e=>e===mo.Ascending?mo.Descending:mo.Ascending)},[]),x=St((e,t)=>{m(o=>({...o,[e]:t}))},[]),$=yt(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue?.toString()||o.component?.({})?.props?.children?.toString())||""};return(p?[...a].sort((t,o)=>{const n=e(t,p),i=e(o,p);return(c===mo.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):a).filter(t=>{for(const[o,n]of Object.entries(h))if(n.length&&!n.includes(e(t,o)))return!1;return!0})},[a,p,c,h]),{partiallySelected:f,allSelected:b}=yt(()=>({partiallySelected:$.length>0&&$.some(e=>e.isSelected),allSelected:$.length>0&&$.filter(e=>!e.hideCheckbox).every(e=>e.isSelected)}),[$]);return ft.createElement(sh,{$maxHeight:t},ft.createElement(lh,{$variant:e},ft.createElement(ch,null,ft.createElement(fh,{variant:e,backgroundColor:o,columns:i,rowsUnfiltered:a,sortDirection:c,sortByKey:p,onSort:g,filters:h,onFilter:x,withCheckboxes:l,partiallySelected:f,allSelected:b,onSelectAll:e=>{e?$.forEach(e=>!e.hideCheckbox&&e.onSelect?.()):$.forEach(e=>!e.hideCheckbox&&e.onDeselect?.())}})),ft.createElement(uh,null,ft.createElement(gh,{variant:e,columns:i,rows:$,getRowActions:r||(()=>[]),rowActionsPushRightPosition:s,withCheckboxes:l}))),!$.length&&ft.createElement(Ga,{style:{marginTop:"0.5rem"}},n?ft.createElement(is,{scale:1.2}):ft.createElement(Gs,null)))},yh=_t.div`
|
|
2199
2199
|
display: flex;
|
|
2200
2200
|
align-items: center;
|
|
2201
2201
|
justify-content: center;
|
|
@@ -2218,11 +2218,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2218
2218
|
`:Bt`
|
|
2219
2219
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2220
2220
|
`}
|
|
2221
|
-
`,
|
|
2221
|
+
`,wh=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const a=_i.useTheme(),r=i?a.v2.colors.grey[400]:a.v2.colors.white[500];return ft.createElement(yh,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&ft.createElement(t,{fill:r,size:16}),ft.createElement(ei,{color:r,size:Zn.XS,nowrap:!0},e),o&&ft.createElement(o,{fill:r,size:16}))};var kh,Ch,vh;!function(e){e.Default="default",e.SuccessError="successError"}(kh||(kh={})),function(e){e.S="small",e.L="large"}(Ch||(Ch={})),function(e){e.Left="left",e.Right="right"}(vh||(vh={}));const Eh=_t.div`
|
|
2222
2222
|
display: flex;
|
|
2223
2223
|
align-items: center;
|
|
2224
2224
|
gap: ${({$gap:e})=>e}px;
|
|
2225
|
-
`,
|
|
2225
|
+
`,Sh=_t.div`
|
|
2226
2226
|
position: relative;
|
|
2227
2227
|
display: flex;
|
|
2228
2228
|
align-items: center;
|
|
@@ -2232,10 +2232,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2232
2232
|
height: ${({$size:e})=>e}px;
|
|
2233
2233
|
padding: ${4}px;
|
|
2234
2234
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2235
|
-
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
|
|
2235
|
+
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 kh.SuccessError:return i?a.v2.colors.green[500]:a.v2.colors.red[500];case kh.Default:default:return i?a.v2.colors.purple[500]:a.v2.colors.grey[400]}}};
|
|
2236
2236
|
|
|
2237
2237
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2238
|
-
`,
|
|
2238
|
+
`,Ah=_t.div`
|
|
2239
2239
|
position: absolute;
|
|
2240
2240
|
top: 50%;
|
|
2241
2241
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2245,22 +2245,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2245
2245
|
border-radius: 100%;
|
|
2246
2246
|
background-color: ${({$color:e})=>e};
|
|
2247
2247
|
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)"};
|
|
2248
|
-
`,
|
|
2248
|
+
`,Dh=({variant:e=kh.Default,size:t=Ch.L,label:o,labelAlign:n=vh.Left,tooltip:i,value:a,onChange:r,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Ye,onBgColor:p,offBgColor:u})=>{const h=Rt(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===Ch.S?10:16,x=t===Ch.S?Zn.XXXS:Zn.S,$=t===Ch.S?8:12;return ft.createElement(Eh,{$gap:$},o&&n===vh.Left&&ft.createElement(ei,{size:x,nowrap:!0},o),ft.createElement(Sh,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:a,$disabled:s,onClick:e=>{e.stopPropagation(),s||r(!a)}},ft.createElement(Ah,{$color:m,$size:g,$value:a,$disabled:s}),l&&ft.createElement(ft.Fragment,null,ft.createElement(c,{size:g,fill:m}),ft.createElement(d,{size:g,fill:m}))),o&&n===vh.Right&&ft.createElement(ei,{size:x,nowrap:!0},o),i&&ft.createElement(fr,{text:i,withIcon:!0}))},Th=_t.div`
|
|
2249
2249
|
display: flex;
|
|
2250
2250
|
flex-direction: ${({$direction:e})=>e===ho.Horizontal?"row":"column"};
|
|
2251
2251
|
gap: ${({$direction:e})=>e===ho.Horizontal?16:8}px;
|
|
2252
|
-
`,
|
|
2252
|
+
`,zh=({direction:e=ho.Vertical,title:t,size:o,disabled:n,options:i,values:a,setValues:r})=>{const s=o===Ch.S?Zn.XS:Zn.S;return ft.createElement(Th,{$direction:e},t&&ft.createElement(ei,{size:s},t),i.map(e=>ft.createElement(Dh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:vh.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})))},Fh=_t.div`
|
|
2253
2253
|
min-width: 530px;
|
|
2254
|
-
`,
|
|
2254
|
+
`,Oh=_t.div`
|
|
2255
2255
|
display: flex;
|
|
2256
2256
|
flex-direction: column;
|
|
2257
2257
|
align-items: center;
|
|
2258
2258
|
gap: 16px;
|
|
2259
2259
|
padding: 24px;
|
|
2260
|
-
`,
|
|
2260
|
+
`,Ih=_t.div`
|
|
2261
2261
|
display: flex;
|
|
2262
2262
|
justify-content: center;
|
|
2263
2263
|
gap: 16px;
|
|
2264
2264
|
padding: 16px 24px;
|
|
2265
2265
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2266
|
-
`,
|
|
2266
|
+
`,Nh=({visual:e,title:t,description:o,isOpen:n,onClose:i,onDeny:a,denyLabel:r="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Rt();return ft.createElement(Gu,{isOpen:n,onClose:i,...c},ft.createElement(Fh,null,ft.createElement(Oh,null,e&&ft.createElement(e,null),ft.createElement(ei,{size:Zn.M,weight:500,color:d.v2.colors.white[500]},t),ft.createElement(qa,{$alignItems:"center",$gap:4},o.split("\n").map(e=>ft.createElement(ei,{key:e,size:Zn.XS,weight:400,color:d.v2.colors.silver[200]},e)))),(a||s)&&ft.createElement(Ih,null,ft.createElement(gp,{variant:up.Secondary,label:r,onClick:()=>{a?.(),i()}}),s&&ft.createElement(gp,{variant:up.Primary,label:l,onClick:()=>{s(),i()}}))))};export{Xl as $,Fp as A,oi as B,ru as C,Ko as D,yo as E,qa as F,Cp as G,va as H,Pu as I,hu as J,Ap as K,Wu as L,Op as M,Gs as N,Ao as O,Wa as P,Qp as Q,_p as R,vo as S,ei as T,ou as U,ba as V,Po as W,Va as X,Gp as Y,Hp as Z,Xo as _,Ha as a,Ls as a$,ao as a0,so as a1,cl as a2,Ur as a3,Wi as a4,ro as a5,xl as a6,Co as a7,On as a8,ad as a9,wd as aA,Ja as aB,zr as aC,Jo as aD,na as aE,dr as aF,rn as aG,$s as aH,Pn as aI,So as aJ,En as aK,$i as aL,to as aM,As as aN,hn as aO,Os as aP,Xa as aQ,Za as aR,Gc as aS,pn as aT,Qa as aU,Jl as aV,pp as aW,ra as aX,Kn as aY,da as aZ,wi as a_,lp as aa,ud as ab,td as ac,ko as ad,Pi as ae,_d as af,Fd as ag,$c as ah,fd as ai,ap as aj,mi as ak,Oa as al,Zo as am,Lc as an,gc as ao,Mr as ap,gi as aq,ha as ar,un as as,ii as at,an as au,hs as av,cc as aw,bo as ax,bi as ay,lr as az,Zn as b,Jc as b$,Un as b0,tn as b1,Ed as b2,gn as b3,dn as b4,cn as b5,No as b6,fi as b7,Vd as b8,ya as b9,Tn as bA,Vo as bB,Da as bC,zn as bD,Jt as bE,ai as bF,Zd as bG,oc as bH,$n as bI,Ro as bJ,Ho as bK,Lo as bL,qo as bM,Bo as bN,Mo as bO,_o as bP,tp as bQ,ln as bR,yi as bS,Fa as bT,ri as bU,Dn as bV,xa as bW,To as bX,al as bY,gd as bZ,ws as b_,wa as ba,Go as bb,Qo as bc,oo as bd,no as be,ga as bf,Na as bg,gr as bh,Ld as bi,Ka as bj,Ia as bk,Mn as bl,wl as bm,li as bn,si as bo,Yo as bp,_a as bq,Sa as br,vi as bs,wr as bt,rs as bu,fs as bv,ks as bw,wo as bx,jn as by,Qt as bz,fr as c,ni as c$,Sn as c0,Fn as c1,ys as c2,Vs as c3,qs as c4,Ou as c5,_n as c6,Vn as c7,Ra as c8,Rl as c9,zo as cA,Fo as cB,Oo as cC,jo as cD,Uo as cE,Wo as cF,Xt as cG,en as cH,mn as cI,xn as cJ,fn as cK,bn as cL,yn as cM,kn as cN,Cn as cO,An as cP,In as cQ,Bn as cR,Ln as cS,Wn as cT,Hn as cU,qn as cV,Gn as cW,Yn as cX,Jn as cY,ci as cZ,di as c_,Io as ca,fo as cb,ja as cc,zs as cd,sn as ce,Nn as cf,Ea as cg,ka as ch,Il as ci,pi as cj,on as ck,Hr as cl,wn as cm,vs as cn,io as co,lo as cp,co as cq,po as cr,uo as cs,ho as ct,mo as cu,go as cv,xo as cw,$o as cx,Eo as cy,Do as cz,Dh as d,fa as d0,ma as d1,Ta as d2,tl as d3,Ys as d4,Zr as d5,mc as d6,Dc as d7,Nc as d8,Pc as d9,nh as dA,ah as dB,vp as dC,wh as dD,kh as dE,vh as dF,zh as dG,Xn as dH,Nh as dI,Hc as da,Es as db,wc as dc,Ri as dd,Li as de,Mi as df,Lr as dg,Ya as dh,Bp as di,Rp as dj,Pp as dk,Up as dl,Vp as dm,bp as dn,yp as dp,Kp as dq,nu as dr,lu as ds,Cu as dt,Au as du,zu as dv,Lu as dw,Gu as dx,Yu as dy,eh as dz,Ch as e,eo as f,wu as g,zp as h,Qu as i,gp as j,up as k,Ip as l,pa as m,is as n,Ua as o,Jp as p,nn as q,hp as r,bh as s,rh as t,hi as u,Np as v,ku as w,_i as x,vn as y,Ga as z};
|