@odigos/ui-kit 0.0.193 → 0.0.195
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/lib/chunks/index-DvMzoRJQ.js +3 -0
- package/lib/chunks/{ui-components-B4OMCuIf.js → ui-components-ymRfS19x.js} +396 -387
- package/lib/components/_v2/drawer/header/index.d.ts +1 -0
- package/lib/components/_v2/typography/index.d.ts +2 -0
- package/lib/components/styled.d.ts +1 -0
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants/actions/index.d.ts +2 -0
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/_drawers/add-action-drawer/helpers.d.ts +7 -0
- package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts +10 -0
- package/lib/containers/_v2/_drawers/add-source-drawer/index.d.ts +2 -2
- package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts +2 -1
- package/lib/containers/_v2/_drawers/index.d.ts +1 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/add-cluster-info/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/delete-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/error-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/index.d.ts +7 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/k8s-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/latency-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/pii-masking/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/probabilistic-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/rename-attributes/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/service-name-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/custom-fields/span-attribute-sampler/index.d.ts +5 -0
- package/lib/containers/_v2/_forms/add-action-form/index.d.ts +7 -0
- package/lib/containers/_v2/_forms/index.d.ts +1 -0
- package/lib/containers/_v2/central-connections/index.d.ts +2 -1
- package/lib/containers/v2.js +43 -26
- package/lib/containers.js +23 -23
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets/_v2/wide-drawer/column/index.d.ts +0 -1
- package/lib/snippets/_v2/wide-drawer/column-list-collapse/index.d.ts +7 -0
- package/lib/snippets/_v2/wide-drawer/column-list-item/index.d.ts +2 -0
- package/lib/snippets/_v2/wide-drawer/index.d.ts +5 -5
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/actions/index.d.ts +4 -1
- package/lib/types/instrumentation-rules/index.d.ts +1 -1
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/index-BzflK0LT.js +0 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttributeIcon as n,AddClusterInfoIcon as o,K8sLogo as r,ImageErrorIcon as a,KafkaLogo as s,RedisLogo as l,PostgresLogo as c,NginxLogo as d,MysqlLogo as p,ElixirLogo as u,SwiftLogo as h,RustLogo as m,RubyLogo as g,PhpLogo as $,CPlusPlusLogo as x,CSharpLogo as f,DotnetLogo as b,PythonLogo as y,NodejsLogo as w,GoLogo as v,JavaLogo as k,AwsXrayLogo as C,VictoriaMetricsLogo as S,UptraceLogo as E,TraceloopLogo as A,TingyunLogo as D,TempoLogo as T,TelemetryHubLogo as F,SumoLogicLogo as z,SplunkLogo as I,SignozLogo as O,SeqLogo as N,AwsS3Logo as _,QuickwitLogo as R,GigapipeLogo as B,QrynLogo as M,PrometheusLogo as L,OpenTelemetryLogo as P,OracleLogo as j,OpsVerseLogo as U,OpenObserveLogo as W,OneUptimeLogo as V,OdigosLogo as q,ObserveLogo as H,NewRelicLogo as G,MiddlewareLogo as K,LumigoLogo as Y,LokiLogo as J,LogzioLogo as X,LightstepLogo as Z,Last9Logo as Q,KloudmateLogo as ee,JaegerLogo as te,InstanaLogo as ie,HyperDxLogo as ne,HoneycombLogo as oe,GroundcoverLogo as re,GreptimeLogo as ae,GrafanaLogo as se,GoogleCloudPlatformLogo as le,ElasticSearchLogo as ce,ElasticApmLogo as de,DynatraceLogo as pe,DatadogLogo as ue,Dash0Logo as he,CoralogixLogo as me,AwsCloudwatchLogo as ge,ClickhouseLogo as $e,ChronosphereLogo as xe,ChecklyLogo as fe,CauselyLogo as be,BonreeLogo as ye,BetterStackLogo as we,AzureMonitorLogo as ve,AzureBlobLogo as ke,AxiomLogo as Ce,AppDynamicsLogo as Se,AlibabaCloudLogo as Ee,AlaudaLogo as Ae,InstrumentationRuleIcon as De,ActionIcon as Te,DestinationIcon as Fe,SourceIcon as ze,NamespacesIcon as Ie,PayloadCollectionIcon as Oe,HeadersCollectionIcon as Ne,CustomInstrumentationIcon as _e,CodeAttributesIcon as Re,TracesIcon as Be,MetricsIcon as Me,LogsIcon as Le,VmLogo as Pe,QuestionCircleIcon as je,XSquareIcon as Ue,VSquareIcon as We,ExclamationTriangleIcon as Ve,ExclamationCircleIcon as qe,ISquareIcon as He,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 it,EyeClosedIcon as nt,EyeOpenIcon as ot,SearchIcon as rt,TrashIcon as at,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotsHorizontalIcon as mt,DotIcon as gt,FilterIcon as $t}from"../icons.js";import{create as xt}from"zustand";import{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as vt,useCallback as kt,forwardRef as Ct,memo as St,useContext as Et,createContext as At}from"react";import Dt from"javascript-time-ago";import{p as Tt,c as Ft,s as zt,u as It,e as Ot}from"./vendor-C-kwkNJP.js";import{jsx as Nt,jsxs as _t,Fragment as Rt}from"react/jsx-runtime";import Bt,{css as Mt,useTheme as Lt,ThemeProvider as Pt,keyframes as jt}from"styled-components";import{Handle as Ut,Position as Wt,ReactFlow as Vt,Controls as qt}from"@xyflow/react";import Ht,{createPortal as Gt}from"react-dom";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";import{ErrorBoundary as Jt}from"react-error-boundary";import Xt from"lottie-react";const Zt=e=>e.charAt(0).toUpperCase()+e.slice(1),Qt=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),i=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,i(n)]:[e,n]));return Object.entries(e).reduce((e,[n,o])=>{try{const r=JSON.parse(o);Array.isArray(r)?e[n]=JSON.stringify(t(r)):e[n]="object"==typeof r&&null!==r?JSON.stringify(i(r)):o}catch(r){"object"==typeof o&&null!==o?Array.isArray(o)?e[n]=JSON.stringify(t(o)):e[n]=JSON.stringify(i(o)):e[n]=o}return e},{})};var ei;!function(e){e.SIGNALS="SIGNALS"}(ei||(ei={}));const ti=(e,t,i)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,o,r]=e;if(n===ei.SIGNALS)switch(o){case"INCLUDES":return t?.includes(r);case"EXCLUDES":return!t?.includes(r);default:return!0}const a=i.find(e=>e.name===n);if(!a)return!0;switch(o){case"===":case"==":return a.value===r;case"!==":case"!=":return a.value!==r;case">":return Number(a.value)>Number(r);case"<":return Number(a.value)<Number(r);case">=":return Number(a.value)>=Number(r);case"<=":return Number(a.value)<=Number(r);default:return!0}},ii=e=>JSON.parse(JSON.stringify(e)),ni=(e,t)=>{let i=[...e];return t.monitors?.length&&(i=i.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),i},oi=(e,t)=>{let i=[...e];return t.monitors?.length&&(i=i.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),i},ri=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var ai,si,li,ci,di,pi,ui,hi,mi,gi,$i,xi,fi,bi,yi,wi,vi,ki,Ci,Si,Ei,Ai,Di,Ti,Fi,zi,Ii,Oi,Ni,_i,Ri,Bi,Mi,Li,Pi,ji,Ui,Wi,Vi,qi,Hi,Gi;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(ai||(ai={})),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"}(si||(si={})),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"}(li||(li={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(ci||(ci={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(di||(di={})),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"}(pi||(pi={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(ui||(ui={})),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"}(hi||(hi={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(mi||(mi={})),function(e){e.Ascending="ascending",e.Descending="descending"}(gi||(gi={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}($i||($i={})),function(e){e.K8s="k8s",e.Vm="vm"}(xi||(xi={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(fi||(fi={})),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"}(bi||(bi={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(yi||(yi={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(wi||(wi={})),function(e){e.DataStream="DataStream"}(vi||(vi={})),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"}(ki||(ki={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Ci||(Ci={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Si||(Si={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Ei||(Ei={})),function(e){e.Loading="loading",e.Disabled="disabled"}(Ai||(Ai={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Di||(Di={})),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"}(Ti||(Ti={})),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"}(Fi||(Fi={})),function(e){e.Labeled="labeled"}(zi||(zi={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Ii||(Ii={})),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"}(Oi||(Oi={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(Ni||(Ni={})),function(e){e.GolangCommunity="golang-community",e.NodejsCommunity="nodejs-community",e.PythonCommunity="python-community",e.JavaCommunity="java-community",e.DotNetCommunity="dotnet-community",e.RubyCommunity="ruby-community",e.PhpCommunity="php-community",e.GolangEnterprise="golang-enterprise",e.NodejsEnterprise="nodejs-enterprise",e.PythonEnterprise="python-enterprise",e.JavaEnterprise="java-enterprise",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.PhpEnterprise="php-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"}(_i||(_i={})),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"}(Ri||(Ri={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(Bi||(Bi={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Mi||(Mi={})),function(e){e.HeaderKeys="headerKeys"}(Li||(Li={})),function(e){e.Java="java",e.Golang="golang"}(Pi||(Pi={}));class Ki{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 Yi{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,i,n){this.packageName=e,this.functionName=t||"",this.receiverName=i||"",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"}(ji||(ji={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Ui||(Ui={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Wi||(Wi={})),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"}(Vi||(Vi={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(qi||(qi={})),function(e){e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES"}(Hi||(Hi={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Gi||(Gi={}));const Ji={[Hi.Logs]:Gi.Logs,[Hi.Metrics]:Gi.Metrics,[Hi.Traces]:Gi.Traces},Xi={[Gi.Logs]:Hi.Logs,[Gi.Metrics]:Hi.Metrics,[Gi.Traces]:Hi.Traces},Zi=(e,t)=>{let i=[...e];return t.namespaces?.length&&(i=i.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(i=i.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(i=i.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(i=i.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:i})=>t===`${e}#${i}`)))),t.podsAgentInjectionStatus?.length&&(i=i.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.reasonEnum||t===e?.message))),t.onlyErrors&&(i=i.filter(e=>!!e.conditions?.find(e=>e.status===Si.Error))),t.errors?.length&&(i=i.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),i},Qi="https://docs.odigos.io",en="default",tn={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},nn={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)'},on={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"},rn={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"},an=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===en&&!e.dataStreamNames.length):[],sn=(e,t="",i={})=>{for(const n in e)if(e.hasOwnProperty(n)){const o=e[n],r=t?`${t}.${n}`:n;null===o||"object"!=typeof o||Array.isArray(o)?Array.isArray(o)?o.forEach((e,t)=>{const n=`${r}[${t}]`;null!==e&&"object"==typeof e?sn(e,n,i):i[n]=e}):i[r]=o:sn(o,r,i)}return i},ln=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},cn=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},dn=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,i=>{const n=e[t%16];return t++,("1"===i?n:"0"===i?63&n|128:15&n|64).toString(16)})},pn=s=>{const l=s?.toLowerCase(),c=l?.includes(ai.Samplers),d=l===ai.Attributes;return c?e:d?t:{[si.K8sAttributes]:r,[si.AddClusterInfo]:o,[si.DeleteAttributes]:n,[si.PiiMasking]:t,[si.RenameAttributes]:i,[si.ErrorSampler]:e,[si.ProbabilisticSampler]:e,[si.LatencySampler]:e,[si.ServiceNameSampler]:e,[si.SpanAttributeSampler]:e}[s]||a},un=e=>{const t=e?.filter(({status:e})=>e===Si.Error),i=e?.filter(({status:e})=>e===Si.Warning),n=e?.filter(({status:e})=>e===Ai.Disabled),o=e?.filter(({status:e})=>e===Ai.Loading),r=t.length>0,a=i.length>0,s=n.length>0;return{errors:t,hasErrors:r,warnings:i,hasWarnings:a,disableds:n,hasDisableds:s,loadings:o,hasLoadings:o.length>0,priorotizedStatus:r?Si.Error:a?Si.Warning:s?Si.Info:void 0}},hn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},mn=e=>({[bi.Java]:k,[bi.Go]:v,[bi.JavaScript]:w,[bi.Python]:y,[bi.DotNet]:b,[bi.CSharp]:f,[bi.CPlusPlus]:x,[bi.Php]:$,[bi.Ruby]:g,[bi.Rust]:m,[bi.Swift]:h,[bi.Elixir]:u,[bi.MySql]:p,[bi.Nginx]:d,[bi.Postgres]:c,[bi.Redis]:l,[bi.Kafka]:s,[bi.Ignored]:a,[bi.Unknown]:a,[bi.Processing]:a,[bi.NoContainers]:a,[bi.NoRunningPods]:a}[e]||a),gn=e=>e?.map(({language:e})=>mn(e))||[],$n=(e,t)=>{const i={[Oi.Alauda]:Ae,[Oi.AlibabaCloud]:Ee,[Oi.AppDynamics]:Se,[Oi.Axiom]:Ce,[Oi.AzureBlob]:ke,[Oi.AzureMonitor]:ve,[Oi.BetterStack]:we,[Oi.Bonree]:ye,[Oi.Causely]:be,[Oi.Checkly]:fe,[Oi.Chronosphere]:xe,[Oi.ClickHouse]:$e,[Oi.CloudWatch]:ge,[Oi.Coralogix]:me,[Oi.Dash0]:he,[Oi.Datadog]:ue,[Oi.Dynamic]:P,[Oi.Dynatrace]:pe,[Oi.ElasticApm]:de,[Oi.ElasticSearch]:ce,[Oi.GoogleCloud]:le,[Oi.GoogleCloudOTLP]:le,[Oi.GrafanaCloudLoki]:se,[Oi.GrafanaCloudPrometheus]:se,[Oi.GrafanaCloudTempo]:se,[Oi.Greptime]:ae,[Oi.Groundcover]:re,[Oi.Honeycomb]:oe,[Oi.HyperDX]:ne,[Oi.Instana]:ie,[Oi.Jaeger]:te,[Oi.Kafka]:s,[Oi.Kloudmate]:ee,[Oi.Last9]:Q,[Oi.Lightstep]:Z,[Oi.LogzIo]:X,[Oi.Loki]:J,[Oi.Lumigo]:Y,[Oi.Middleware]:K,[Oi.NewRelic]:G,[Oi.Observe]:H,[Oi.Odigos]:q,[Oi.OneUptime]:V,[Oi.OpenObserve]:W,[Oi.Opsverse]:U,[Oi.Oracle]:j,[Oi.OTLP]:P,[Oi.OTLPHttp]:P,[Oi.Prometheus]:L,[Oi.Qryn]:M,[Oi.QrynOss]:B,[Oi.Quickwit]:R,[Oi.S3]:_,[Oi.Seq]:N,[Oi.Signalfx]:I,[Oi.Signoz]:O,[Oi.Splunk]:I,[Oi.SplunkSapm]:I,[Oi.SplunkOtlp]:I,[Oi.SumoLogic]:z,[Oi.TelemetryHub]:F,[Oi.Tempo]:T,[Oi.Tingyun]:D,[Oi.Traceloop]:A,[Oi.Uptrace]:E,[Oi.VictoriaMetrics]:S,[Oi.VictoriaMetricsCloud]:S,[Oi.XRay]:C}[e];return i&&!t?{icon:i}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},xn=e=>({[wi.Namespace]:Ie,[wi.Source]:ze,[wi.Destination]:Fe,[wi.Action]:Te,[wi.InstrumentationRule]:De}[e]),fn=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,bn=(e,t,i)=>{const{extended:n,prioritizeDisplayName:o}=i||{};let r="",a="";switch(t){case wi.InstrumentationRule:const t=e;r=t.type,a=t.ruleName;break;case wi.Source:const i=e;r=i.name,a=i.otelServiceName;break;case wi.Action:const n=e;r=n.type,a=n.name;break;case wi.Destination:const o=e;r=o.destinationType.displayName,a=o.name;break;case wi.Namespace:const s=e;r=s.name,a=s.name}return n?r+(a&&a!==r?` (${a})`:""):o&&a||r},yn=(e,t)=>{if(t===wi.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[i,n]=e.split("=");t[i]=n}),t}return e},wn=e=>({[Bi.CodeAttributes]:Re,[Bi.CustomInstrumentation]:_e,[Bi.HeadersCollection]:Ne,[Bi.PayloadCollection]:Oe,[Bi.UnknownType]:a}[e]||a),vn=e=>{const{numberOfInstances:t,containers:i}=e;if(!i)return t&&t>0?bi.Processing:bi.NoRunningPods;const n=i?.filter(e=>e.language!==bi.Ignored);if(!n.length)return bi.NoContainers;const o=n.find(e=>e.language!==bi.Unknown);return o?o.language:bi.Unknown},kn=(e,t,i)=>(t===wi.Source?e?.sources.find(e=>e.kind===i.kind&&e.name===i.name&&e.namespace===i.namespace):e?.destinations.find(e=>e.id===i))||{throughput:0},Cn=e=>({[Hi.Logs]:Le,[Hi.Metrics]:Me,[Hi.Traces]:Be}[e]),Sn=e=>e?{[xi.K8s]:r,[xi.Vm]:Pe}[e]:q,En=e=>e?{[xi.K8s]:"Kubernetes Cluster",[xi.Vm]:"Virtual Machine"}[e]:"Unknown",An=(e,t,i)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[i],o=[];return void 0!==n&&(Array.isArray(n)?o.push(...n):o.push(n)),o.push(...An(e,t,i)),o}):[]},Dn=(e,t)=>{if(t===wi.Source){let t="";return Object.entries(e).forEach(([e,i])=>{t+=`${e}=${i}&`}),t.slice(0,-1),t}return e},Tn=(e,t,i)=>{switch(t){case Si.Default:return e.v2.colors.purple[i];case Si.Info:return e.v2.colors.blue[i];case Si.Error:return e.v2.colors.red[i];case Si.Warning:return e.v2.colors.yellow[i];case Si.Success:return e.v2.colors.green[i];case Di.Disabled:case Di.Unknown:return e.v2.colors.silver[i];default:return e.v2.colors.white[500]}},Fn=e=>{switch(e){case Ui.Updating:case Wi.Pending:case Vi.ContainerCreating:case qi.Waiting:return Si.Info;case Ui.Healthy:case Wi.Succeeded:case Wi.Running:case Vi.Running:case qi.Running:return Si.Success;case Ui.Degraded:return Si.Warning;case Ui.Failed:case Wi.Failed:case Vi.Error:case Vi.CrashLoopBackOff:case Vi.CreateContainerError:case Vi.CreateContainerConfigError:case Vi.ErrImagePull:case Vi.ErrImageNeverPull:case Vi.ImagePullBackOff:case Vi.InvalidImageName:case Vi.RegistryUnavailable:case Vi.NetworkNotReady:case Vi.OOMKilled:case Vi.ContainerCannotRun:case qi.Terminated:case Vi.DeadlineExceeded:case Vi.StartError:return Si.Error;case Ui.Down:case Vi.Completed:return Di.Disabled;case Ui.Unknown:case Wi.Unknown:default:return Di.Unknown}},zn=(e,t)=>({[Si.Default]:i=>q({fill:Tn(t,e,"300"),...i}),[Si.Info]:i=>He({fill:Tn(t,e,"400"),...i}),[Si.Error]:i=>qe({fill:Tn(t,e,"500"),...i}),[Si.Warning]:i=>Ve({fill:Tn(t,e,"500"),...i}),[Si.Success]:i=>We({fill:Tn(t,e,"500"),...i}),[Di.Disabled]:i=>Ue({fill:Tn(t,e,"400"),...i}),[Di.Unknown]:i=>je({fill:Tn(t,e,"300"),...i})}[e]),In=e=>{switch(e){case Ri.Success:return Si.Success;case Ri.Error:case Ri.Failure:return Si.Error;case Ri.Notice:return Si.Warning;case Ri.Unsupported:case Ri.Unknown:return Si.Info;case Ri.Irrelevant:case Ri.Disabled:return Ai.Disabled;case Ri.Waiting:return Ai.Loading;case Ri.Pending:default:return Si.Default}},On=(e,t)=>{const i=t.find(([t,i])=>e>=t&&(null===i||e<=i));return i?.[2]||null},Nn=({namespace:e,name:t,kind:i})=>({namespace:e,name:t,kind:i});function _n(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Rn=(e,t)=>{const i=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=_n(t.fields,{}),o=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==o&&i.push(...e.items[o].fields.map(e=>({...e,initialValue:n[e.name]})))}return i},Bn=(e,t)=>{const i=e=>e?.some(({healthy:e})=>e.status!==Si.Success);return e?.length?e.some(({instrumentationInstances:e})=>i(e)):i(t)??!1},Mn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),Ln=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Pn=(e,t=0)=>{const i=(new Date).getTime();return new Date(e).getTime()-i<=t},jn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Un=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Wn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Vn=e=>Wn.test(e),qn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Hn=e=>e?.map(({status:e,type:t,reason:i,message:n,lastTransitionTime:o})=>({status:e,type:qn(t),reason:i?qn(i):"",message:n,lastTransitionTime:o}))||[],Gn=(e,t)=>{const i=_n(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:i[e.name]??null})).filter(e=>null!==e.value):Object.entries(i).map(([e,t])=>({key:e,name:e,value:t}))},Kn=e=>e?Object.keys(e).filter(t=>e[t]).map(e=>Xi[e]):[],Yn=e=>e?Object.keys(e).filter(t=>e[t].supported).map(e=>Xi[e]):[],Jn=e=>e.replace(/[^\d]/g,""),Xn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Zn=e=>{let t="";try{const i=JSON.parse(e);t=Array.isArray(i)?i.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof i&&null!==i?Object.entries(i).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(i){t=e}return t},Qn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(i=>{const n=e[i];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[i]=e.map(e=>Qn(e)))}else if("object"==typeof n&&null!==n){const e=Qn(n);Object.keys(e).length>0&&(t[i]=e)}else[void 0,null,""].includes(n)||(t[i]=n)}),t},eo=(e,t=2)=>JSON.stringify(e||{},null,t),to=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),io=e=>Object.entries(e).reduce((e,[t,i])=>(e[t]="string"==typeof i?i:JSON.stringify(i),e),{}),no=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const i=t.split(".");return 1e4*parseInt(i[0]||"0",10)+parseInt(i[1]||"0",10)};var oo,ro;!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"}(oo||(oo={})),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"}(ro||(ro={}));const ao=Bt.p`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttributeIcon as n,AddClusterInfoIcon as o,K8sLogo as r,ImageErrorIcon as a,KafkaLogo as s,RedisLogo as l,PostgresLogo as c,NginxLogo as d,MysqlLogo as p,ElixirLogo as u,SwiftLogo as h,RustLogo as m,RubyLogo as g,PhpLogo as $,CPlusPlusLogo as x,CSharpLogo as f,DotnetLogo as b,PythonLogo as y,NodejsLogo as w,GoLogo as v,JavaLogo as k,AwsXrayLogo as C,VictoriaMetricsLogo as S,UptraceLogo as E,TraceloopLogo as A,TingyunLogo as D,TempoLogo as T,TelemetryHubLogo as z,SumoLogicLogo as F,SplunkLogo as I,SignozLogo as O,SeqLogo as N,AwsS3Logo as _,QuickwitLogo as B,GigapipeLogo as R,QrynLogo as M,PrometheusLogo as L,OpenTelemetryLogo as P,OracleLogo as j,OpsVerseLogo as U,OpenObserveLogo as W,OneUptimeLogo as V,OdigosLogo as q,ObserveLogo as H,NewRelicLogo as G,MiddlewareLogo as K,LumigoLogo as Y,LokiLogo as J,LogzioLogo as X,LightstepLogo as Z,Last9Logo as Q,KloudmateLogo as ee,JaegerLogo as te,InstanaLogo as ie,HyperDxLogo as ne,HoneycombLogo as oe,GroundcoverLogo as re,GreptimeLogo as ae,GrafanaLogo as se,GoogleCloudPlatformLogo as le,ElasticSearchLogo as ce,ElasticApmLogo as de,DynatraceLogo as pe,DatadogLogo as ue,Dash0Logo as he,CoralogixLogo as me,AwsCloudwatchLogo as ge,ClickhouseLogo as $e,ChronosphereLogo as xe,ChecklyLogo as fe,CauselyLogo as be,BonreeLogo as ye,BetterStackLogo as we,AzureMonitorLogo as ve,AzureBlobLogo as ke,AxiomLogo as Ce,AppDynamicsLogo as Se,AlibabaCloudLogo as Ee,AlaudaLogo as Ae,InstrumentationRuleIcon as De,ActionIcon as Te,DestinationIcon as ze,SourceIcon as Fe,NamespacesIcon as Ie,PayloadCollectionIcon as Oe,HeadersCollectionIcon as Ne,CustomInstrumentationIcon as _e,CodeAttributesIcon as Be,TracesIcon as Re,MetricsIcon as Me,LogsIcon as Le,VmLogo as Pe,QuestionCircleIcon as je,XSquareIcon as Ue,VSquareIcon as We,ExclamationTriangleIcon as Ve,ExclamationCircleIcon as qe,ISquareIcon as He,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 it,EyeClosedIcon as nt,EyeOpenIcon as ot,SearchIcon as rt,TrashIcon as at,EditedIcon as st,SortArrowsIcon as lt,NotebookIcon as ct,ArrowIcon as dt,ChevronUpIcon as pt,ChevronDownIcon as ut,DotsVerticalIcon as ht,DotsHorizontalIcon as mt,DotIcon as gt,FilterIcon as $t}from"../icons.js";import{create as xt}from"zustand";import{Fragment as ft,useMemo as bt,useState as yt,useEffect as wt,useRef as vt,useCallback as kt,forwardRef as Ct,memo as St,useContext as Et,createContext as At}from"react";import Dt from"javascript-time-ago";import{p as Tt,c as zt,s as Ft,u as It,e as Ot}from"./vendor-C-kwkNJP.js";import{jsx as Nt,jsxs as _t,Fragment as Bt}from"react/jsx-runtime";import Rt,{css as Mt,useTheme as Lt,ThemeProvider as Pt,keyframes as jt}from"styled-components";import{Handle as Ut,Position as Wt,ReactFlow as Vt,Controls as qt}from"@xyflow/react";import Ht,{createPortal as Gt}from"react-dom";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";import{ErrorBoundary as Jt}from"react-error-boundary";import Xt from"lottie-react";const Zt=e=>e.charAt(0).toUpperCase()+e.slice(1),Qt=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),i=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,i(n)]:[e,n]));return Object.entries(e).reduce((e,[n,o])=>{try{const r=JSON.parse(o);Array.isArray(r)?e[n]=JSON.stringify(t(r)):e[n]="object"==typeof r&&null!==r?JSON.stringify(i(r)):o}catch(r){"object"==typeof o&&null!==o?Array.isArray(o)?e[n]=JSON.stringify(t(o)):e[n]=JSON.stringify(i(o)):e[n]=o}return e},{})};var ei;!function(e){e.SIGNALS="SIGNALS"}(ei||(ei={}));const ti=(e,t,i)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,o,r]=e;if(n===ei.SIGNALS)switch(o){case"INCLUDES":return t?.includes(r);case"EXCLUDES":return!t?.includes(r);default:return!0}const a=i.find(e=>e.name===n);if(!a)return!0;switch(o){case"===":case"==":return a.value===r;case"!==":case"!=":return a.value!==r;case">":return Number(a.value)>Number(r);case"<":return Number(a.value)<Number(r);case">=":return Number(a.value)>=Number(r);case"<=":return Number(a.value)<=Number(r);default:return!0}},ii=e=>JSON.parse(JSON.stringify(e)),ni=(e,t)=>{let i=[...e];return t.monitors?.length&&(i=i.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),i},oi=(e,t)=>{let i=[...e];return t.monitors?.length&&(i=i.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),i},ri=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var ai,si,li,ci,di,pi,ui,hi,mi,gi,$i,xi,fi,bi,yi,wi,vi,ki,Ci,Si,Ei,Ai,Di,Ti,zi,Fi,Ii,Oi,Ni,_i,Bi,Ri,Mi,Li,Pi,ji,Ui,Wi,Vi,qi,Hi,Gi;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(ai||(ai={})),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"}(si||(si={})),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"}(li||(li={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(ci||(ci={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(di||(di={})),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"}(pi||(pi={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(ui||(ui={})),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"}(hi||(hi={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(mi||(mi={})),function(e){e.Ascending="ascending",e.Descending="descending"}(gi||(gi={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}($i||($i={})),function(e){e.K8s="k8s",e.Vm="vm"}(xi||(xi={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(fi||(fi={})),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"}(bi||(bi={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(yi||(yi={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(wi||(wi={})),function(e){e.DataStream="DataStream"}(vi||(vi={})),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"}(ki||(ki={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(Ci||(Ci={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Si||(Si={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Ei||(Ei={})),function(e){e.Loading="loading",e.Disabled="disabled"}(Ai||(Ai={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Di||(Di={})),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"}(Ti||(Ti={})),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"}(zi||(zi={})),function(e){e.Labeled="labeled"}(Fi||(Fi={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Ii||(Ii={})),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"}(Oi||(Oi={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(Ni||(Ni={})),function(e){e.GolangCommunity="golang-community",e.NodejsCommunity="nodejs-community",e.PythonCommunity="python-community",e.JavaCommunity="java-community",e.DotNetCommunity="dotnet-community",e.RubyCommunity="ruby-community",e.PhpCommunity="php-community",e.GolangEnterprise="golang-enterprise",e.NodejsEnterprise="nodejs-enterprise",e.PythonEnterprise="python-enterprise",e.JavaEnterprise="java-enterprise",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.PhpEnterprise="php-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"}(_i||(_i={})),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"}(Bi||(Bi={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(Ri||(Ri={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Mi||(Mi={})),function(e){e.HeaderKeys="headerKeys"}(Li||(Li={})),function(e){e.Java="java",e.Golang="golang"}(Pi||(Pi={}));class Ki{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 Yi{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,i,n){this.packageName=e,this.functionName=t||"",this.receiverName=i||"",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"}(ji||(ji={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(Ui||(Ui={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Wi||(Wi={})),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"}(Vi||(Vi={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(qi||(qi={})),function(e){e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES"}(Hi||(Hi={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Gi||(Gi={}));const Ji={[Hi.Logs]:Gi.Logs,[Hi.Metrics]:Gi.Metrics,[Hi.Traces]:Gi.Traces},Xi={[Gi.Logs]:Hi.Logs,[Gi.Metrics]:Hi.Metrics,[Gi.Traces]:Hi.Traces},Zi=(e,t)=>{let i=[...e];return t.namespaces?.length&&(i=i.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(i=i.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(i=i.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(i=i.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:i})=>t===`${e}#${i}`)))),t.podsAgentInjectionStatus?.length&&(i=i.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.reasonEnum||t===e?.message))),t.onlyErrors&&(i=i.filter(e=>!!e.conditions?.find(e=>e.status===Si.Error))),t.errors?.length&&(i=i.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),i},Qi="https://docs.odigos.io",en="default",tn={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},nn={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)'},on={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"},rn={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"},an=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===en&&!e.dataStreamNames.length):[],sn=(e,t="",i={})=>{for(const n in e)if(e.hasOwnProperty(n)){const o=e[n],r=t?`${t}.${n}`:n;null===o||"object"!=typeof o||Array.isArray(o)?Array.isArray(o)?o.forEach((e,t)=>{const n=`${r}[${t}]`;null!==e&&"object"==typeof e?sn(e,n,i):i[n]=e}):i[r]=o:sn(o,r,i)}return i},ln=e=>{if(!e)return"0 KB/s";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/Math.pow(1024,t)).toFixed(0===t?0:1)} ${["Bytes/s","KB/s","MB/s","GB/s","TB/s"][t]}`},cn=e=>{if(!e)return"0 ns";if(e<1e3)return`${e.toFixed(0)} ns`;if(e<1e6){const t=e/1e3;return`${t.toFixed(t<10?2:0)} μs`}if(e<1e9){const t=e/1e6;return`${t.toFixed(t<10?2:0)} ms`}if(e<6e10){const t=e/1e9;return`${t.toFixed(t<10?2:0)} s`}if(e<36e11){const t=e/6e10;return`${t.toFixed(t<10?2:0)} m`}if(e<864e11){const t=e/36e11;return`${t.toFixed(t<10?2:0)} h`}{const t=e/864e11;return`${t.toFixed(t<10?2:0)} d`}},dn=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,i=>{const n=e[t%16];return t++,("1"===i?n:"0"===i?63&n|128:15&n|64).toString(16)})},pn=s=>{const l=s?.toLowerCase(),c=l?.includes(ai.Samplers),d=l===ai.Attributes;return c?e:d?t:{[si.K8sAttributes]:r,[si.AddClusterInfo]:o,[si.DeleteAttributes]:n,[si.PiiMasking]:t,[si.RenameAttributes]:i,[si.ErrorSampler]:e,[si.ProbabilisticSampler]:e,[si.LatencySampler]:e,[si.ServiceNameSampler]:e,[si.SpanAttributeSampler]:e}[s]||a},un=e=>{const t=e?.filter(({status:e})=>e===Si.Error),i=e?.filter(({status:e})=>e===Si.Warning),n=e?.filter(({status:e})=>e===Ai.Disabled),o=e?.filter(({status:e})=>e===Ai.Loading),r=t.length>0,a=i.length>0,s=n.length>0;return{errors:t,hasErrors:r,warnings:i,hasWarnings:a,disableds:n,hasDisableds:s,loadings:o,hasLoadings:o.length>0,priorotizedStatus:r?Si.Error:a?Si.Warning:s?Si.Info:void 0}},hn=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},mn=e=>({[bi.Java]:k,[bi.Go]:v,[bi.JavaScript]:w,[bi.Python]:y,[bi.DotNet]:b,[bi.CSharp]:f,[bi.CPlusPlus]:x,[bi.Php]:$,[bi.Ruby]:g,[bi.Rust]:m,[bi.Swift]:h,[bi.Elixir]:u,[bi.MySql]:p,[bi.Nginx]:d,[bi.Postgres]:c,[bi.Redis]:l,[bi.Kafka]:s,[bi.Ignored]:a,[bi.Unknown]:a,[bi.Processing]:a,[bi.NoContainers]:a,[bi.NoRunningPods]:a}[e]||a),gn=e=>e?.map(({language:e})=>mn(e))||[],$n=(e,t)=>{const i={[Oi.Alauda]:Ae,[Oi.AlibabaCloud]:Ee,[Oi.AppDynamics]:Se,[Oi.Axiom]:Ce,[Oi.AzureBlob]:ke,[Oi.AzureMonitor]:ve,[Oi.BetterStack]:we,[Oi.Bonree]:ye,[Oi.Causely]:be,[Oi.Checkly]:fe,[Oi.Chronosphere]:xe,[Oi.ClickHouse]:$e,[Oi.CloudWatch]:ge,[Oi.Coralogix]:me,[Oi.Dash0]:he,[Oi.Datadog]:ue,[Oi.Dynamic]:P,[Oi.Dynatrace]:pe,[Oi.ElasticApm]:de,[Oi.ElasticSearch]:ce,[Oi.GoogleCloud]:le,[Oi.GoogleCloudOTLP]:le,[Oi.GrafanaCloudLoki]:se,[Oi.GrafanaCloudPrometheus]:se,[Oi.GrafanaCloudTempo]:se,[Oi.Greptime]:ae,[Oi.Groundcover]:re,[Oi.Honeycomb]:oe,[Oi.HyperDX]:ne,[Oi.Instana]:ie,[Oi.Jaeger]:te,[Oi.Kafka]:s,[Oi.Kloudmate]:ee,[Oi.Last9]:Q,[Oi.Lightstep]:Z,[Oi.LogzIo]:X,[Oi.Loki]:J,[Oi.Lumigo]:Y,[Oi.Middleware]:K,[Oi.NewRelic]:G,[Oi.Observe]:H,[Oi.Odigos]:q,[Oi.OneUptime]:V,[Oi.OpenObserve]:W,[Oi.Opsverse]:U,[Oi.Oracle]:j,[Oi.OTLP]:P,[Oi.OTLPHttp]:P,[Oi.Prometheus]:L,[Oi.Qryn]:M,[Oi.QrynOss]:R,[Oi.Quickwit]:B,[Oi.S3]:_,[Oi.Seq]:N,[Oi.Signalfx]:I,[Oi.Signoz]:O,[Oi.Splunk]:I,[Oi.SplunkSapm]:I,[Oi.SplunkOtlp]:I,[Oi.SumoLogic]:F,[Oi.TelemetryHub]:z,[Oi.Tempo]:T,[Oi.Tingyun]:D,[Oi.Traceloop]:A,[Oi.Uptrace]:E,[Oi.VictoriaMetrics]:S,[Oi.VictoriaMetricsCloud]:S,[Oi.XRay]:C}[e];return i&&!t?{icon:i}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},xn=e=>({[wi.Namespace]:Ie,[wi.Source]:Fe,[wi.Destination]:ze,[wi.Action]:Te,[wi.InstrumentationRule]:De}[e]),fn=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,bn=(e,t,i)=>{const{extended:n,prioritizeDisplayName:o}=i||{};let r="",a="";switch(t){case wi.InstrumentationRule:const t=e;r=t.type,a=t.ruleName;break;case wi.Source:const i=e;r=i.name,a=i.otelServiceName;break;case wi.Action:const n=e;r=n.type,a=n.name;break;case wi.Destination:const o=e;r=o.destinationType.displayName,a=o.name;break;case wi.Namespace:const s=e;r=s.name,a=s.name}return n?r+(a&&a!==r?` (${a})`:""):o&&a||r},yn=(e,t)=>{if(t===wi.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[i,n]=e.split("=");t[i]=n}),t}return e},wn=e=>({[Ri.CodeAttributes]:Be,[Ri.CustomInstrumentation]:_e,[Ri.HeadersCollection]:Ne,[Ri.PayloadCollection]:Oe,[Ri.UnknownType]:a}[e]||a),vn=e=>{const{numberOfInstances:t,containers:i}=e;if(!i)return t&&t>0?bi.Processing:bi.NoRunningPods;const n=i?.filter(e=>e.language!==bi.Ignored);if(!n.length)return bi.NoContainers;const o=n.find(e=>e.language!==bi.Unknown);return o?o.language:bi.Unknown},kn=(e,t,i)=>(t===wi.Source?e?.sources.find(e=>e.kind===i.kind&&e.name===i.name&&e.namespace===i.namespace):e?.destinations.find(e=>e.id===i))||{throughput:0},Cn=e=>({[Hi.Logs]:Le,[Hi.Metrics]:Me,[Hi.Traces]:Re}[e]),Sn=e=>e?{[xi.K8s]:r,[xi.Vm]:Pe}[e]:q,En=e=>e?{[xi.K8s]:"Kubernetes Cluster",[xi.Vm]:"Virtual Machine"}[e]:"Unknown",An=(e,t,i)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[i],o=[];return void 0!==n&&(Array.isArray(n)?o.push(...n):o.push(n)),o.push(...An(e,t,i)),o}):[]},Dn=(e,t)=>{if(t===wi.Source){let t="";return Object.entries(e).forEach(([e,i])=>{t+=`${e}=${i}&`}),t.slice(0,-1),t}return e},Tn=(e,t,i)=>{switch(t){case Si.Default:return e.v2.colors.purple[i];case Si.Info:return e.v2.colors.blue[i];case Si.Error:return e.v2.colors.red[i];case Si.Warning:return e.v2.colors.yellow[i];case Si.Success:return e.v2.colors.green[i];case Di.Disabled:case Di.Unknown:return e.v2.colors.silver[i];default:return e.v2.colors.white[500]}},zn=e=>{switch(e){case Ui.Updating:case Wi.Pending:case Vi.ContainerCreating:case qi.Waiting:return Si.Info;case Ui.Healthy:case Wi.Succeeded:case Wi.Running:case Vi.Running:case qi.Running:return Si.Success;case Ui.Degraded:return Si.Warning;case Ui.Failed:case Wi.Failed:case Vi.Error:case Vi.CrashLoopBackOff:case Vi.CreateContainerError:case Vi.CreateContainerConfigError:case Vi.ErrImagePull:case Vi.ErrImageNeverPull:case Vi.ImagePullBackOff:case Vi.InvalidImageName:case Vi.RegistryUnavailable:case Vi.NetworkNotReady:case Vi.OOMKilled:case Vi.ContainerCannotRun:case qi.Terminated:case Vi.DeadlineExceeded:case Vi.StartError:return Si.Error;case Ui.Down:case Vi.Completed:return Di.Disabled;case Ui.Unknown:case Wi.Unknown:default:return Di.Unknown}},Fn=(e,t)=>({[Si.Default]:i=>q({fill:Tn(t,e,"300"),...i}),[Si.Info]:i=>He({fill:Tn(t,e,"400"),...i}),[Si.Error]:i=>qe({fill:Tn(t,e,"500"),...i}),[Si.Warning]:i=>Ve({fill:Tn(t,e,"500"),...i}),[Si.Success]:i=>We({fill:Tn(t,e,"500"),...i}),[Di.Disabled]:i=>Ue({fill:Tn(t,e,"400"),...i}),[Di.Unknown]:i=>je({fill:Tn(t,e,"300"),...i})}[e]),In=e=>{switch(e){case Bi.Success:return Si.Success;case Bi.Error:case Bi.Failure:return Si.Error;case Bi.Notice:return Si.Warning;case Bi.Unsupported:case Bi.Unknown:return Si.Info;case Bi.Irrelevant:case Bi.Disabled:return Ai.Disabled;case Bi.Waiting:return Ai.Loading;case Bi.Pending:default:return Si.Default}},On=(e,t)=>{const i=t.find(([t,i])=>e>=t&&(null===i||e<=i));return i?.[2]||null},Nn=({namespace:e,name:t,kind:i})=>({namespace:e,name:t,kind:i});function _n(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Bn=(e,t)=>{const i=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=_n(t.fields,{}),o=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==o&&i.push(...e.items[o].fields.map(e=>({...e,initialValue:n[e.name]})))}return i},Rn=(e,t)=>{const i=e=>e?.some(({healthy:e})=>e.status!==Si.Success);return e?.length?e.some(({instrumentationInstances:e})=>i(e)):i(t)??!1},Mn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),Ln=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),Pn=(e,t=0)=>{const i=(new Date).getTime();return new Date(e).getTime()-i<=t},jn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Un=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Wn=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Vn=e=>Wn.test(e),qn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",Hn=e=>e?.map(({status:e,type:t,reason:i,message:n,lastTransitionTime:o})=>({status:e,type:qn(t),reason:i?qn(i):"",message:n,lastTransitionTime:o}))||[],Gn=(e,t)=>{const i=_n(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:i[e.name]??null})).filter(e=>null!==e.value):Object.entries(i).map(([e,t])=>({key:e,name:e,value:t}))},Kn=e=>e?Object.keys(e).filter(t=>e[t]).map(e=>Xi[e]):[],Yn=e=>e?Object.keys(e).filter(t=>e[t].supported).map(e=>Xi[e]):[],Jn=e=>e.replace(/[^\d]/g,""),Xn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Zn=e=>{let t="";try{const i=JSON.parse(e);t=Array.isArray(i)?i.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof i&&null!==i?Object.entries(i).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(i){t=e}return t},Qn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(i=>{const n=e[i];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[i]=e.map(e=>Qn(e)))}else if("object"==typeof n&&null!==n){const e=Qn(n);Object.keys(e).length>0&&(t[i]=e)}else[void 0,null,""].includes(n)||(t[i]=n)}),t},eo=(e,t=2)=>JSON.stringify(e||{},null,t),to=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),io=e=>Object.entries(e).reduce((e,[t,i])=>(e[t]="string"==typeof i?i:JSON.stringify(i),e),{}),no=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const i=t.split(".");return 1e4*parseInt(i[0]||"0",10)+parseInt(i[1]||"0",10)};var oo,ro;!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"}(oo||(oo={})),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"}(ro||(ro={}));const ao=Rt.p`
|
|
2
2
|
margin: 0;
|
|
3
|
-
color: ${({$color:e,theme:t})=>e||t.v2.colors.
|
|
3
|
+
color: ${({$color:e,theme:t})=>e||t.v2.colors.grey[50]};
|
|
4
4
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
5
5
|
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
6
6
|
font-weight: ${({$weight:e})=>e};
|
|
@@ -18,7 +18,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
18
18
|
${({$underline:e})=>e&&Mt`
|
|
19
19
|
text-decoration: underline;
|
|
20
20
|
`}
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
${({$withClick:e})=>e&&Mt`
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
&:hover {
|
|
25
|
+
text-decoration: underline;
|
|
26
|
+
}
|
|
27
|
+
`}
|
|
28
|
+
`,so=({children:e,variant:t=oo.P,color:i,size:n=ro.S,weight:o=400,align:r="left",lineHeight:a,transform:s,nowrap:l,underline:c,onClick:d,disabled:p,...u})=>{const h=e?.toString().split("\n")||[];return Nt(ao,{as:t,$color:i,$size:n,$weight:o,$align:r,$lineHeight:a,$transform:s,$nowrap:l,$underline:c,$withClick:!!d&&!p,onClick:p?void 0:d,...u,children:h.map((e,t)=>_t(ft,{children:[e,t!==h.length-1&&Nt("br",{})]},`typography-${t}-${e}`))})},lo=Rt.div`
|
|
22
29
|
display: flex;
|
|
23
30
|
align-items: center;
|
|
24
31
|
justify-content: center;
|
|
@@ -28,7 +35,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
28
35
|
padding: 4px 8px;
|
|
29
36
|
border-radius: 100px;
|
|
30
37
|
background-color: ${({$backgroundColor:e})=>e};
|
|
31
|
-
`,co=({label:e,leftIcon:t,rightIcon:i,status:n=Di.Unknown,useSecondaryTone:o=!1,invertColors:r=!1,textSize:a,textColor:s,backgroundColor:l,minWidth:c="unset"})=>{const d=Lt(),p=n?[Di.Disabled].includes(n)?Tn(d,n,r?"400":"700"):[Di.Unknown].includes(n)?Tn(d,n,"600"):Tn(d,n,r?o?"400":"300":o?"700":"500"):d.v2.colors.grey[200],u=s||(r&&![Di.Unknown].includes(n)?p:[Di.Disabled].includes(n)?d.v2.colors.grey[400]:[Si.Error,Si.Warning,Si.Success].includes(n)?d.v2.colors.black[500]:d.v2.colors.white[500]),h=l||(r&&![Di.Unknown].includes(n)?[Di.Disabled].includes(n)?d.v2.colors.grey[700]:d.v2.colors.silver[600]:p);return _t(lo,{$backgroundColor:h,$minWidth:c,children:[t&&Nt(t,{fill:u,size:14}),Nt(so,{color:u,size:a||ro.XXS,nowrap:!0,children:e}),i&&Nt(i,{fill:u,size:14})]})},po=
|
|
38
|
+
`,co=({label:e,leftIcon:t,rightIcon:i,status:n=Di.Unknown,useSecondaryTone:o=!1,invertColors:r=!1,textSize:a,textColor:s,backgroundColor:l,minWidth:c="unset"})=>{const d=Lt(),p=n?[Di.Disabled].includes(n)?Tn(d,n,r?"400":"700"):[Di.Unknown].includes(n)?Tn(d,n,"600"):Tn(d,n,r?o?"400":"300":o?"700":"500"):d.v2.colors.grey[200],u=s||(r&&![Di.Unknown].includes(n)?p:[Di.Disabled].includes(n)?d.v2.colors.grey[400]:[Si.Error,Si.Warning,Si.Success].includes(n)?d.v2.colors.black[500]:d.v2.colors.white[500]),h=l||(r&&![Di.Unknown].includes(n)?[Di.Disabled].includes(n)?d.v2.colors.grey[700]:d.v2.colors.silver[600]:p);return _t(lo,{$backgroundColor:h,$minWidth:c,children:[t&&Nt(t,{fill:u,size:14}),Nt(so,{color:u,size:a||ro.XXS,nowrap:!0,children:e}),i&&Nt(i,{fill:u,size:14})]})},po=Rt.div`
|
|
32
39
|
color: ${({$color:e,theme:t})=>e||t.text.secondary};
|
|
33
40
|
font-size: ${({$size:e})=>void 0!==e?e:16}px;
|
|
34
41
|
font-weight: ${({$weight:e})=>void 0!==e?e:300};
|
|
@@ -39,15 +46,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
39
46
|
font-family: ${({theme:e,$family:t="primary"})=>e.font_family[t]};
|
|
40
47
|
white-space: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
41
48
|
text-wrap: ${({$nowrap:e})=>e?"nowrap":"unset"};
|
|
42
|
-
`,uo=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,i,n]=e.split('"');return{original:e,href:i,label:n.replace("</a>","").replace(">","")}})},ho=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},mo=(e,t)=>{const i=uo(e);i?.forEach((t,i)=>{e=e.replace(t.original,`LINK-${i}###`)});const n=ho(e);return n?.forEach((t,i)=>{e=e.replace(t.original,`STRONG-${i}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,o]=e.split("###"),r=i?.[parseInt(n.replace("LINK-",""))];return _t(ft,{children:[Nt("a",{href:r?.href,target:"_blank",rel:"noreferrer",style:{color:t.colors.majestic_blue_soft},children:r?.label}),o?`${o} `:" "]},e)}if(e.includes("STRONG-")){const[t,i]=e.split("###"),o=n?.[parseInt(t.replace("STRONG-",""))];return _t(ft,{children:[Nt("strong",{style:{fontWeight:600},children:o?.label}),i?`${i} `:" "]},e)}return e+" "})},go=({children:e,color:t,size:i,weight:n,align:o,family:r,opacity:a,decoration:s,transform:l,nowrap:c,...d})=>{const p=Lt(),u=bt(()=>(e?["string","number"].includes(typeof e)?e.toString():Array.isArray(e)?e.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[e]);return Nt(po,{$color:t,$size:i,$weight:n,$align:o,$family:r,$opacity:a,$decoration:s,$transform:l,$nowrap:c,...d,children:u.length?u.map((e,t)=>_t(ft,{children:[mo(e,p),t!==u.length-1?Nt("br",{}):null]},`text-${t}-${e}`)):e})},$o=
|
|
49
|
+
`,uo=e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,i,n]=e.split('"');return{original:e,href:i,label:n.replace("</a>","").replace(">","")}})},ho=e=>{const t=e.match(/<strong[^>]*>(.*?)<\/strong>/g);return t?.map(e=>{const t=e.replace(/<strong[^>]*>/,"").replace(/<\/strong>/,"");return{original:e,label:t}})},mo=(e,t)=>{const i=uo(e);i?.forEach((t,i)=>{e=e.replace(t.original,`LINK-${i}###`)});const n=ho(e);return n?.forEach((t,i)=>{e=e.replace(t.original,`STRONG-${i}###`)}),e.split(" ").map(e=>{if(e.includes("LINK-")){const[n,o]=e.split("###"),r=i?.[parseInt(n.replace("LINK-",""))];return _t(ft,{children:[Nt("a",{href:r?.href,target:"_blank",rel:"noreferrer",style:{color:t.colors.majestic_blue_soft},children:r?.label}),o?`${o} `:" "]},e)}if(e.includes("STRONG-")){const[t,i]=e.split("###"),o=n?.[parseInt(t.replace("STRONG-",""))];return _t(ft,{children:[Nt("strong",{style:{fontWeight:600},children:o?.label}),i?`${i} `:" "]},e)}return e+" "})},go=({children:e,color:t,size:i,weight:n,align:o,family:r,opacity:a,decoration:s,transform:l,nowrap:c,...d})=>{const p=Lt(),u=bt(()=>(e?["string","number"].includes(typeof e)?e.toString():Array.isArray(e)?e.map(e=>"object"==typeof e&&Object.hasOwn(e,"props")?e.props.children:e).filter(e=>e&&["string","number"].includes(typeof e)).join(" "):"":"").split("\n"),[e]);return Nt(po,{$color:t,$size:i,$weight:n,$align:o,$family:r,$opacity:a,$decoration:s,$transform:l,$nowrap:c,...d,children:u.length?u.map((e,t)=>_t(ft,{children:[mo(e,p),t!==u.length-1?Nt("br",{}):null]},`text-${t}-${e}`)):e})},$o=Rt.div`
|
|
43
50
|
padding: 4px 0 0 0;
|
|
44
|
-
`,xo=
|
|
51
|
+
`,xo=Rt(go)`
|
|
45
52
|
font-size: 12px;
|
|
46
53
|
color: ${({theme:e})=>e.text.error};
|
|
47
|
-
`,fo=({children:e})=>Nt($o,{children:Nt(xo,{children:e})}),bo=
|
|
54
|
+
`,fo=({children:e})=>Nt($o,{children:Nt(xo,{children:e})}),bo=Rt.div`
|
|
48
55
|
position: relative;
|
|
49
56
|
width: 100%;
|
|
50
|
-
`,yo=
|
|
57
|
+
`,yo=Rt.div`
|
|
51
58
|
width: calc(100% - 16px);
|
|
52
59
|
display: flex;
|
|
53
60
|
align-items: center;
|
|
@@ -64,7 +71,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
64
71
|
&:focus-within {
|
|
65
72
|
border-color: ${({theme:e,$hasError:t})=>t?e.text.error_secondary:e.colors.secondary};
|
|
66
73
|
}
|
|
67
|
-
`,wo=
|
|
74
|
+
`,wo=Rt.input`
|
|
68
75
|
flex: 1;
|
|
69
76
|
border: none;
|
|
70
77
|
outline: none;
|
|
@@ -85,7 +92,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
85
92
|
&:disabled {
|
|
86
93
|
cursor: not-allowed;
|
|
87
94
|
}
|
|
88
|
-
`,vo=
|
|
95
|
+
`,vo=Rt.ul`
|
|
89
96
|
position: absolute;
|
|
90
97
|
max-height: 500px;
|
|
91
98
|
top: 32px;
|
|
@@ -96,7 +103,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
96
103
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
97
104
|
z-index: 9999;
|
|
98
105
|
padding: 12px;
|
|
99
|
-
`,ko=
|
|
106
|
+
`,ko=Rt.li`
|
|
100
107
|
width: calc(100% - 24px);
|
|
101
108
|
padding: 8px 12px;
|
|
102
109
|
cursor: ${({$isList:e})=>e?"default":"pointer"};
|
|
@@ -108,34 +115,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
108
115
|
&:hover {
|
|
109
116
|
background: ${({theme:e,$isList:t})=>!t&&e.colors.dropdown_bg_2};
|
|
110
117
|
}
|
|
111
|
-
`,Co=
|
|
118
|
+
`,Co=Rt.div`
|
|
112
119
|
width: 100%;
|
|
113
|
-
`,So=
|
|
120
|
+
`,So=Rt.div`
|
|
114
121
|
display: flex;
|
|
115
122
|
width: 100%;
|
|
116
|
-
`,Eo=
|
|
123
|
+
`,Eo=Rt.div`
|
|
117
124
|
width: 1px;
|
|
118
125
|
height: 52px;
|
|
119
126
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
120
127
|
position: absolute;
|
|
121
128
|
left: 33px;
|
|
122
|
-
`,Ao=
|
|
129
|
+
`,Ao=Rt.div`
|
|
123
130
|
display: flex;
|
|
124
131
|
flex-direction: column;
|
|
125
132
|
gap: 4px;
|
|
126
|
-
`,Do=
|
|
133
|
+
`,Do=Rt(go)`
|
|
127
134
|
flex: 1;
|
|
128
135
|
font-size: 14px;
|
|
129
|
-
`,To=
|
|
136
|
+
`,To=Rt(go)`
|
|
130
137
|
color: ${({theme:e})=>e.text.grey};
|
|
131
138
|
font-size: 10px;
|
|
132
139
|
line-height: 150%;
|
|
133
|
-
`,
|
|
140
|
+
`,zo=Rt.ul`
|
|
134
141
|
padding-left: 0px;
|
|
135
142
|
margin: 4px 0 0 0;
|
|
136
143
|
list-style: none;
|
|
137
144
|
width: 100%;
|
|
138
|
-
`,zo=(e,t)=>t?e.reduce((e,i)=>{if(i.items){const n=zo(i.items,t);n.length&&e.push({...i,items:n})}else i.label.toLowerCase().includes(t.toLowerCase())&&e.push(i);return e},[]):e,Io=({placeholder:e="Type to search...",options:t,selectedOption:i,onOptionSelect:n,defaultText:o,onTextChange:r,style:a,disabled:s,errorMessage:l,...c})=>{const[d,p]=yt(i?.label||o||""),[u,h]=yt(zo(t,d)),[m,g]=yt(!1);yt(-1),wt(()=>h(zo(t,d)),[t]);const $=i?.icon,x=e=>{e&&(p(e.label),r?.(e.label)),g(!e),n?.(e)};return _t(bo,{style:a,children:[_t(yo,{$hasError:!!l,children:[$&&Nt($,{}),Nt(wo,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const i=e.target.value,n=zo(t,i),o=1===n.length&&n[0].label===i?n[0]:void 0;p(i),r?.(i),h(n),x(o)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:s,onBlur:()=>!s&&g(!1),onFocus:()=>!s&&g(!0),...c})]}),m&&u.length?Nt(vo,{children:u.map(e=>Nt(Oo,{option:e,onClick:x},e.type||e.label))}):null,l&&Nt(fo,{children:l})]})},Oo=({option:e,renderIcon:t=!0,onClick:i})=>{const n=!!e.items&&e.items.length>0,o=e.icon;return _t(ko,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:i(e),children:[o&&t&&Nt(o,{}),_t(Co,{children:[_t(Ao,{children:[Nt(Do,{children:e.label}),Nt(To,{children:e.description})]}),n&&Nt(Fo,{children:e.items?.map(e=>_t(So,{children:[Nt(Eo,{}),Nt(Oo,{option:e,renderIcon:!1,onClick:i})]},e.type||e.label))})]})]})},No=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),_o=[{label:"Attributes",icon:pn(ai.Attributes),items:[{type:si.K8sAttributes,icon:pn(si.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:si.AddClusterInfo,icon:pn(si.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.DeleteAttributes,icon:pn(si.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.RenameAttributes,icon:pn(si.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.PiiMasking,icon:pn(si.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}]},{label:"Samplers",icon:pn(ai.Samplers),items:[{type:si.ErrorSampler,icon:pn(ai.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:si.LatencySampler,icon:pn(ai.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Hi.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:si.ProbabilisticSampler,icon:pn(ai.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:si.ServiceNameSampler,icon:pn(ai.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:si.SpanAttributeSampler,icon:pn(ai.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Hi.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."}]}],Ro={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."}},Bo=[{type:Bi.CodeAttributes,icon:wn(Bi.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:[bi.Go,bi.Python]},{type:Bi.CustomInstrumentation,icon:wn(Bi.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods (i.e. for Java) or explicit symbol (i.e. for 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:[bi.Go,bi.Java]},{type:Bi.HeadersCollection,icon:wn(Bi.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:[bi.Go,bi.Java,bi.JavaScript]},{type:Bi.PayloadCollection,icon:wn(Bi.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:[bi.Go]}],Mo=[{id:Hi.Logs,value:"Logs"},{id:Hi.Metrics,value:"Metrics"},{id:Hi.Traces,value:"Traces"}],Lo={[bi.Go]:"Go",[bi.Java]:"Java",[bi.JavaScript]:"Node.js",[bi.Python]:"Python",[bi.DotNet]:".NET",[bi.CSharp]:"C#",[bi.CPlusPlus]:"C++",[bi.Php]:"PHP",[bi.Ruby]:"Ruby",[bi.Rust]:"Rust",[bi.Swift]:"Swift",[bi.Elixir]:"Elixir",[bi.MySql]:"MySQL",[bi.Nginx]:"Nginx",[bi.Postgres]:"PostgreSQL",[bi.Redis]:"Redis",[bi.Kafka]:"Kafka",[bi.Ignored]:"Ignored",[bi.Unknown]:"Unknown",[bi.Processing]:"Processing",[bi.NoContainers]:"No Containers",[bi.NoRunningPods]:"No Running Pods"},Po=[{id:bi.Go,value:Lo[bi.Go],icon:mn(bi.Go)},{id:bi.Java,value:Lo[bi.Java],icon:mn(bi.Java)},{id:bi.JavaScript,value:Lo[bi.JavaScript],icon:mn(bi.JavaScript)},{id:bi.Python,value:Lo[bi.Python],icon:mn(bi.Python)},{id:bi.Php,value:Lo[bi.Php],icon:mn(bi.Php)},{id:bi.Ruby,value:Lo[bi.Ruby],icon:mn(bi.Ruby)},{id:bi.Rust,value:Lo[bi.Rust],icon:mn(bi.Rust)},{id:bi.DotNet,value:Lo[bi.DotNet],icon:mn(bi.DotNet)},{id:bi.CSharp,value:Lo[bi.CSharp],icon:mn(bi.CSharp)},{id:bi.CPlusPlus,value:Lo[bi.CPlusPlus],icon:mn(bi.CPlusPlus)},{id:bi.Swift,value:Lo[bi.Swift],icon:mn(bi.Swift)},{id:bi.Elixir,value:Lo[bi.Elixir],icon:mn(bi.Elixir)}],jo={[bi.Go]:{community:[{id:_i.GolangCommunity,value:_i.GolangCommunity,icon:mn(bi.Go)}],enterprise:[{id:_i.GolangEnterprise,value:_i.GolangEnterprise,icon:mn(bi.Go)}]},[bi.JavaScript]:{community:[{id:_i.NodejsCommunity,value:_i.NodejsCommunity,icon:mn(bi.JavaScript)}],enterprise:[{id:_i.NodejsEnterprise,value:_i.NodejsEnterprise,icon:mn(bi.JavaScript)}]},[bi.Python]:{community:[{id:_i.PythonCommunity,value:_i.PythonCommunity,icon:mn(bi.Python)}],enterprise:[{id:_i.PythonEnterprise,value:_i.PythonEnterprise,icon:mn(bi.Python)}]},[bi.Java]:{community:[{id:_i.JavaCommunity,value:_i.JavaCommunity,icon:mn(bi.Java)}],enterprise:[{id:_i.JavaEnterprise,value:_i.JavaEnterprise,icon:mn(bi.Java)},{id:_i.JavaEbpfInstrumentations,value:_i.JavaEbpfInstrumentations,icon:mn(bi.Java)}]},[bi.DotNet]:{community:[{id:_i.DotNetCommunity,value:_i.DotNetCommunity,icon:mn(bi.DotNet)}],enterprise:[{id:_i.DotNetEnterprise,value:_i.DotNetEnterprise,icon:mn(bi.DotNet)}]},[bi.Ruby]:{community:[{id:_i.RubyCommunity,value:_i.RubyCommunity,icon:mn(bi.Ruby)}],enterprise:[{id:_i.RubyEnterprise,value:_i.RubyEnterprise,icon:mn(bi.Ruby)}]},[bi.Php]:{community:[{id:_i.PhpCommunity,value:_i.PhpCommunity,icon:mn(bi.Php)}],enterprise:[{id:_i.PhpEnterprise,value:_i.PhpEnterprise,icon:mn(bi.Php)}]},[bi.CSharp]:{community:[],enterprise:[{id:_i.CPlusPlusEnterprise,value:_i.CPlusPlusEnterprise,icon:mn(bi.CSharp)}]},[bi.MySql]:{community:[],enterprise:[{id:_i.MySqlEnterprise,value:_i.MySqlEnterprise,icon:mn(bi.MySql)}]},[bi.CPlusPlus]:{community:[],enterprise:[]},[bi.Rust]:{community:[],enterprise:[]},[bi.Swift]:{community:[],enterprise:[]},[bi.Elixir]:{community:[],enterprise:[]},[bi.Nginx]:{community:[],enterprise:[]},[bi.Postgres]:{community:[],enterprise:[]},[bi.Redis]:{community:[],enterprise:[]},[bi.Kafka]:{community:[],enterprise:[]},[bi.Ignored]:{community:[],enterprise:[]},[bi.Unknown]:{community:[],enterprise:[]},[bi.Processing]:{community:[],enterprise:[]},[bi.NoContainers]:{community:[],enterprise:[]},[bi.NoRunningPods]:{community:[],enterprise:[]}},Uo=6048e5,Wo=xt()(Tt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:tn.DARK_MODE,storage:"undefined"!=typeof window?Ft(()=>localStorage):void 0})),Vo={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},qo=xt(e=>({...Vo,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const i=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(i).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Vo)})),Ho=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),Go=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,i)=>{const n=t===wi.Namespace?"namespacesLoading":t===wi.Source?"sourcesLoading":t===wi.Destination?"destinationsLoading":t===wi.Action?"actionsLoading":t===wi.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:i})},setEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:i})},addEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]],o=new Map;return t.forEach((e,t)=>{o.set(JSON.stringify(fn(e)),t)}),i.forEach(e=>{const i=JSON.stringify(fn(e)),n=o.get(i);void 0!==n?t[n]={...t[n],...e}:(o.set(i,t.length),t.push(e))}),{[n]:t}})},removeEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const o=new Set;i.forEach(e=>{const i=t===wi.Source?JSON.stringify(fn(e)):String(e);o.add(i)});const r=e[n].filter(e=>{const i=t===wi.Source?JSON.stringify(fn(e)):String(fn(e));return!o.has(i)});return{[n]:r}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),Ko=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),Yo=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),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:Ko})),Jo=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),Xo=xt((e,t)=>({notifications:[],addNotification:i=>{const n=new Date,o=`${n.getTime().toString()}${i.target?`#${i.target}`:""}`,{notifications:r}=t();r.some(e=>e.type===i.type&&e.title===i.title&&e.message===i.message&&!e.dismissed)||e(e=>({notifications:[{...i,id:o,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&(e.notifications[i].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&(e.notifications[i].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&e.notifications.splice(i,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var Zo;!function(e){e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting"}(Zo||(Zo={}));const Qo=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),er=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),tr=xt((e,t)=>({progress:{},setProgress:(i,n)=>{const o=t(),r=Qo();return"number"==typeof n.total&&(r.total=n.total),"number"==typeof n.current&&(r.current=n.current),e({progress:{...o.progress,[i]:er(r)}})},addProgress:(i,n)=>{const o=t(),r=Qo(i,o.progress);return r.current+=n,e({progress:{...o.progress,[i]:er(r)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),ir=xt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),nr={availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},or=(e,t)=>e.destinationType.type!==t.destinationType.type,rr=xt(e=>({...nr,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=>or(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const i=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(i).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>or(e,t))})),clearStore:()=>e(()=>({...nr}))})),ar={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"}},sr={v2:ar.v2,darkMode:!0,colors:{...ar.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:ar.font_family},lr={v2:ar.v2,darkMode:!1,colors:{...ar.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:ar.font_family},cr=e=>e?sr:lr;var dr=Object.freeze({__proto__:null,baseTheme:ar,darkModeTheme:sr,getTheme:cr,lightModeTheme:lr});zt('@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 pr=({children:e})=>{const{darkMode:t}=Wo();return Nt(Pt,{theme:cr(t),children:e})},ur={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"};var hr=Object.freeze({__proto__:null,hex:ur});const mr={in:{left:jt`
|
|
145
|
+
`,Fo=(e,t)=>t?e.reduce((e,i)=>{if(i.items){const n=Fo(i.items,t);n.length&&e.push({...i,items:n})}else i.label.toLowerCase().includes(t.toLowerCase())&&e.push(i);return e},[]):e,Io=({placeholder:e="Type to search...",options:t,selectedOption:i,onOptionSelect:n,defaultText:o,onTextChange:r,style:a,disabled:s,errorMessage:l,...c})=>{const[d,p]=yt(i?.label||o||""),[u,h]=yt(Fo(t,d)),[m,g]=yt(!1);yt(-1),wt(()=>h(Fo(t,d)),[t]);const $=i?.icon,x=e=>{e&&(p(e.label),r?.(e.label)),g(!e),n?.(e)};return _t(bo,{style:a,children:[_t(yo,{$hasError:!!l,children:[$&&Nt($,{}),Nt(wo,{type:"text",value:d,placeholder:e,onChange:e=>{e.stopPropagation();const i=e.target.value,n=Fo(t,i),o=1===n.length&&n[0].label===i?n[0]:void 0;p(i),r?.(i),h(n),x(o)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:s,onBlur:()=>!s&&g(!1),onFocus:()=>!s&&g(!0),...c})]}),m&&u.length?Nt(vo,{children:u.map(e=>Nt(Oo,{option:e,onClick:x},e.type||e.label))}):null,l&&Nt(fo,{children:l})]})},Oo=({option:e,renderIcon:t=!0,onClick:i})=>{const n=!!e.items&&e.items.length>0,o=e.icon;return _t(ko,{"data-id":`option-${e.type||e.label}`,$isList:n,onMouseDown:()=>n?null:i(e),children:[o&&t&&Nt(o,{}),_t(Co,{children:[_t(Ao,{children:[Nt(Do,{children:e.label}),Nt(To,{children:e.description})]}),n&&Nt(zo,{children:e.items?.map(e=>_t(So,{children:[Nt(Eo,{}),Nt(Oo,{option:e,renderIcon:!1,onClick:i})]},e.type||e.label))})]})]})},No=xt(e=>({activeNodeType:null,activeNodeId:null,setActiveNodeType:t=>e({activeNodeType:t}),setActiveNodeId:t=>e({activeNodeId:t})})),_o=[{type:si.K8sAttributes,icon:pn(si.K8sAttributes),label:"Kubernetes Attributes",description:"Add dynamic k8s resource attributes to your data.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.Logs],docsEndpoint:"/pipeline/actions/attributes/k8sattributes",docsDescription:"This action adds kubernetes related resource attributes to spans, metrics data points and log records."},{type:si.AddClusterInfo,icon:pn(si.AddClusterInfo),label:"Add Cluster Info",description:"Add static cluster-scoped attributes to your data.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.DeleteAttributes,icon:pn(si.DeleteAttributes),label:"Delete Attribute",description:"Delete attributes from logs, metrics, and traces.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.RenameAttributes,icon:pn(si.RenameAttributes),label:"Rename Attribute",description:"Rename attributes in logs, metrics, and traces.",allowedSignals:[Hi.Traces,Hi.Metrics,Hi.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:si.PiiMasking,icon:pn(si.PiiMasking),label:"PII Masking",description:"Mask PII data in your traces.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/attributes/piimasking",docsDescription:"This action processes a list of PII categories to be masked from the traces."}],Bo=[{type:si.ErrorSampler,icon:pn(ai.Samplers),label:"Error Sampler",description:"Sample errors based on percentage.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/errorsampler",docsDescription:"This action is a Global Action that supports error sampling by filtering out non-error traces."},{type:si.LatencySampler,icon:pn(ai.Samplers),label:"Latency Sampler",description:"Add latency to your traces.",allowedSignals:[Hi.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:si.ProbabilisticSampler,icon:pn(ai.Samplers),label:"Probabilistic Sampler",description:"Sample traces based on percentage.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/probabilisticsampler",docsDescription:"This action supports probabilistic sampling based on a configured sampling percentage applied to the TraceID."},{type:si.ServiceNameSampler,icon:pn(ai.Samplers),label:"Service Name Sampler",description:"Sample traces based on the presence of specified services within a trace.",allowedSignals:[Hi.Traces],docsEndpoint:"/pipeline/actions/sampling/servicenamesampler",docsDescription:"This action supports service name sampling based on the presence of specified services within a trace."},{type:si.SpanAttributeSampler,icon:pn(ai.Samplers),label:"Span Attributes Sampler",description:"Sample traces based on the presence or value of specific attributes within a trace.",allowedSignals:[Hi.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."}],Ro=[{label:"Attributes",icon:pn(ai.Attributes),items:_o},{label:"Samplers",icon:pn(ai.Samplers),items:Bo}],Mo={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."}},Lo=[{type:Ri.CodeAttributes,icon:wn(Ri.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:[bi.Go,bi.Python]},{type:Ri.CustomInstrumentation,icon:wn(Ri.CustomInstrumentation),label:"Custom Instrumentation",description:"Define custom instrumentation for specific class and methods (i.e. for Java) or explicit symbol (i.e. for 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:[bi.Go,bi.Java]},{type:Ri.HeadersCollection,icon:wn(Ri.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:[bi.Go,bi.Java,bi.JavaScript]},{type:Ri.PayloadCollection,icon:wn(Ri.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:[bi.Go]}],Po=[{id:Hi.Logs,value:"Logs"},{id:Hi.Metrics,value:"Metrics"},{id:Hi.Traces,value:"Traces"}],jo={[bi.Go]:"Go",[bi.Java]:"Java",[bi.JavaScript]:"Node.js",[bi.Python]:"Python",[bi.DotNet]:".NET",[bi.CSharp]:"C#",[bi.CPlusPlus]:"C++",[bi.Php]:"PHP",[bi.Ruby]:"Ruby",[bi.Rust]:"Rust",[bi.Swift]:"Swift",[bi.Elixir]:"Elixir",[bi.MySql]:"MySQL",[bi.Nginx]:"Nginx",[bi.Postgres]:"PostgreSQL",[bi.Redis]:"Redis",[bi.Kafka]:"Kafka",[bi.Ignored]:"Ignored",[bi.Unknown]:"Unknown",[bi.Processing]:"Processing",[bi.NoContainers]:"No Containers",[bi.NoRunningPods]:"No Running Pods"},Uo=[{id:bi.Go,value:jo[bi.Go],icon:mn(bi.Go)},{id:bi.Java,value:jo[bi.Java],icon:mn(bi.Java)},{id:bi.JavaScript,value:jo[bi.JavaScript],icon:mn(bi.JavaScript)},{id:bi.Python,value:jo[bi.Python],icon:mn(bi.Python)},{id:bi.Php,value:jo[bi.Php],icon:mn(bi.Php)},{id:bi.Ruby,value:jo[bi.Ruby],icon:mn(bi.Ruby)},{id:bi.Rust,value:jo[bi.Rust],icon:mn(bi.Rust)},{id:bi.DotNet,value:jo[bi.DotNet],icon:mn(bi.DotNet)},{id:bi.CSharp,value:jo[bi.CSharp],icon:mn(bi.CSharp)},{id:bi.CPlusPlus,value:jo[bi.CPlusPlus],icon:mn(bi.CPlusPlus)},{id:bi.Swift,value:jo[bi.Swift],icon:mn(bi.Swift)},{id:bi.Elixir,value:jo[bi.Elixir],icon:mn(bi.Elixir)}],Wo={[bi.Go]:{community:[{id:_i.GolangCommunity,value:_i.GolangCommunity,icon:mn(bi.Go)}],enterprise:[{id:_i.GolangEnterprise,value:_i.GolangEnterprise,icon:mn(bi.Go)}]},[bi.JavaScript]:{community:[{id:_i.NodejsCommunity,value:_i.NodejsCommunity,icon:mn(bi.JavaScript)}],enterprise:[{id:_i.NodejsEnterprise,value:_i.NodejsEnterprise,icon:mn(bi.JavaScript)}]},[bi.Python]:{community:[{id:_i.PythonCommunity,value:_i.PythonCommunity,icon:mn(bi.Python)}],enterprise:[{id:_i.PythonEnterprise,value:_i.PythonEnterprise,icon:mn(bi.Python)}]},[bi.Java]:{community:[{id:_i.JavaCommunity,value:_i.JavaCommunity,icon:mn(bi.Java)}],enterprise:[{id:_i.JavaEnterprise,value:_i.JavaEnterprise,icon:mn(bi.Java)},{id:_i.JavaEbpfInstrumentations,value:_i.JavaEbpfInstrumentations,icon:mn(bi.Java)}]},[bi.DotNet]:{community:[{id:_i.DotNetCommunity,value:_i.DotNetCommunity,icon:mn(bi.DotNet)}],enterprise:[{id:_i.DotNetEnterprise,value:_i.DotNetEnterprise,icon:mn(bi.DotNet)}]},[bi.Ruby]:{community:[{id:_i.RubyCommunity,value:_i.RubyCommunity,icon:mn(bi.Ruby)}],enterprise:[{id:_i.RubyEnterprise,value:_i.RubyEnterprise,icon:mn(bi.Ruby)}]},[bi.Php]:{community:[{id:_i.PhpCommunity,value:_i.PhpCommunity,icon:mn(bi.Php)}],enterprise:[{id:_i.PhpEnterprise,value:_i.PhpEnterprise,icon:mn(bi.Php)}]},[bi.CSharp]:{community:[],enterprise:[{id:_i.CPlusPlusEnterprise,value:_i.CPlusPlusEnterprise,icon:mn(bi.CSharp)}]},[bi.MySql]:{community:[],enterprise:[{id:_i.MySqlEnterprise,value:_i.MySqlEnterprise,icon:mn(bi.MySql)}]},[bi.CPlusPlus]:{community:[],enterprise:[]},[bi.Rust]:{community:[],enterprise:[]},[bi.Swift]:{community:[],enterprise:[]},[bi.Elixir]:{community:[],enterprise:[]},[bi.Nginx]:{community:[],enterprise:[]},[bi.Postgres]:{community:[],enterprise:[]},[bi.Redis]:{community:[],enterprise:[]},[bi.Kafka]:{community:[],enterprise:[]},[bi.Ignored]:{community:[],enterprise:[]},[bi.Unknown]:{community:[],enterprise:[]},[bi.Processing]:{community:[],enterprise:[]},[bi.NoContainers]:{community:[],enterprise:[]},[bi.NoRunningPods]:{community:[],enterprise:[]}},Vo=6048e5,qo=xt()(Tt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:tn.DARK_MODE,storage:"undefined"!=typeof window?zt(()=>localStorage):void 0})),Ho={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:""},Go=xt(e=>({...Ho,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const i=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(i).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(Ho)})),Ko=xt(e=>({drawerType:null,drawerEntityId:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t})})),Yo=xt(e=>({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[],setEntitiesLoading:(t,i)=>{const n=t===wi.Namespace?"namespacesLoading":t===wi.Source?"sourcesLoading":t===wi.Destination?"destinationsLoading":t===wi.Action?"actionsLoading":t===wi.InstrumentationRule?"instrumentationRulesLoading":"NONE";"NONE"!==n&&e({[n]:i})},setEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e({[n]:i})},addEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const t=[...e[n]],o=new Map;return t.forEach((e,t)=>{o.set(JSON.stringify(fn(e)),t)}),i.forEach(e=>{const i=JSON.stringify(fn(e)),n=o.get(i);void 0!==n?t[n]={...t[n],...e}:(o.set(i,t.length),t.push(e))}),{[n]:t}})},removeEntities:(t,i)=>{const n=t===wi.Namespace?"namespaces":t===wi.Source?"sources":t===wi.Destination?"destinations":t===wi.Action?"actions":t===wi.InstrumentationRule?"instrumentationRules":"NONE";"NONE"!==n&&e(e=>{const o=new Set;i.forEach(e=>{const i=t===wi.Source?JSON.stringify(fn(e)):String(e);o.add(i)});const r=e[n].filter(e=>{const i=t===wi.Source?JSON.stringify(fn(e)):String(fn(e));return!o.has(i)});return{[n]:r}})},resetEntityStore:()=>{e({namespacesLoading:!1,namespaces:[],sourcesLoading:!1,sources:[],destinationsLoading:!1,destinations:[],actionsLoading:!1,actions:[],instrumentationRulesLoading:!1,instrumentationRules:[]})}})),Jo=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],conditions:[],podsAgentInjectionStatus:[],errors:[],onlyErrors:!1}),Xo=xt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),conditions:[],setConditions:t=>e({conditions:t}),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:Jo})),Zo=xt(e=>({currentModal:"",setCurrentModal:t=>e({currentModal:t})})),Qo=xt((e,t)=>({notifications:[],addNotification:i=>{const n=new Date,o=`${n.getTime().toString()}${i.target?`#${i.target}`:""}`,{notifications:r}=t();r.some(e=>e.type===i.type&&e.title===i.title&&e.message===i.message&&!e.dismissed)||e(e=>({notifications:[{...i,id:o,time:n.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&(e.notifications[i].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&(e.notifications[i].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const i=e.notifications.findIndex(e=>e.id===t);return-1!==i&&e.notifications.splice(i,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var er;!function(e){e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting"}(er||(er={}));const tr=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),ir=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),nr=xt((e,t)=>({progress:{},setProgress:(i,n)=>{const o=t(),r=tr();return"number"==typeof n.total&&(r.total=n.total),"number"==typeof n.current&&(r.current=n.current),e({progress:{...o.progress,[i]:ir(r)}})},addProgress:(i,n)=>{const o=t(),r=tr(i,o.progress);return r.current+=n,e({progress:{...o.progress,[i]:ir(r)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),or=xt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),rr={availableSources:{},configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},ar=(e,t)=>e.destinationType.type!==t.destinationType.type,sr=xt(e=>({...rr,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=>ar(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const i=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(i).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>ar(e,t))})),clearStore:()=>e(()=>({...rr}))})),lr={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"}},cr={v2:lr.v2,darkMode:!0,colors:{...lr.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:lr.font_family},dr={v2:lr.v2,darkMode:!1,colors:{...lr.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:lr.font_family},pr=e=>e?cr:dr;var ur=Object.freeze({__proto__:null,baseTheme:lr,darkModeTheme:cr,getTheme:pr,lightModeTheme:dr});Ft('@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 hr=({children:e})=>{const{darkMode:t}=qo();return Nt(Pt,{theme:pr(t),children:e})},mr={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"};var gr=Object.freeze({__proto__:null,hex:mr});const $r={in:{left:jt`
|
|
139
146
|
from { transform: translateX(-100%); }
|
|
140
147
|
to { transform: translateX(0); }
|
|
141
148
|
`,right:jt`
|
|
@@ -165,7 +172,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
165
172
|
`,center:jt`
|
|
166
173
|
from { transform: translate(-50%, -50%); }
|
|
167
174
|
to { transform: translate(-50%, 100%); }
|
|
168
|
-
`}},
|
|
175
|
+
`}},xr={in:jt`
|
|
169
176
|
from {
|
|
170
177
|
width: 0%;
|
|
171
178
|
}
|
|
@@ -179,7 +186,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
179
186
|
to {
|
|
180
187
|
width: 0%;
|
|
181
188
|
}
|
|
182
|
-
`}
|
|
189
|
+
`},fr=jt`
|
|
183
190
|
0% {
|
|
184
191
|
transform: scale(1);
|
|
185
192
|
opacity: 1;
|
|
@@ -188,14 +195,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
188
195
|
transform: scale(2);
|
|
189
196
|
opacity: 0;
|
|
190
197
|
}
|
|
191
|
-
`,
|
|
198
|
+
`,br=jt`
|
|
192
199
|
0% {
|
|
193
200
|
background-position: -500px 0;
|
|
194
201
|
}
|
|
195
202
|
100% {
|
|
196
203
|
background-position: 500px 0;
|
|
197
204
|
}
|
|
198
|
-
`,
|
|
205
|
+
`,yr={in:jt`
|
|
199
206
|
from {
|
|
200
207
|
opacity: 0;
|
|
201
208
|
}
|
|
@@ -209,7 +216,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
209
216
|
to {
|
|
210
217
|
opacity: 0;
|
|
211
218
|
}
|
|
212
|
-
`};var
|
|
219
|
+
`};var wr=Object.freeze({__proto__:null,fade:yr,ping:fr,progress:xr,shimmer:br,slide:$r});const vr=Rt.span`
|
|
213
220
|
display: flex;
|
|
214
221
|
align-items: center;
|
|
215
222
|
justify-content: center;
|
|
@@ -221,15 +228,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
221
228
|
gap: 2px;
|
|
222
229
|
|
|
223
230
|
border-radius: 50px;
|
|
224
|
-
border: 1px solid ${({theme:e,$filled:t,$status:i})=>i?e.text[i]+(t?"":
|
|
231
|
+
border: 1px solid ${({theme:e,$filled:t,$status:i})=>i?e.text[i]+(t?"":mr["050"]):t?"transparent":e.colors.border};
|
|
225
232
|
background-color: ${({theme:e,$filled:t,$status:i})=>t?i?e.colors[i]:e.colors.majestic_blue:"transparent"};
|
|
226
233
|
color: ${({theme:e,$filled:t,$status:i})=>t&&i?e.text.secondary:t?e.text.white:i?e.text[i]:e.text.grey};
|
|
227
234
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
228
235
|
font-size: 12px;
|
|
229
236
|
white-space: nowrap;
|
|
230
237
|
|
|
231
|
-
${({theme:e,$filled:t,$status:i,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${i?e.colors[i]+
|
|
232
|
-
`,
|
|
238
|
+
${({theme:e,$filled:t,$status:i,$clickable:n})=>n&&`&:hover {\n cursor: pointer;\n background-color: ${i?e.colors[i]+mr["020"]:t?e.colors.majestic_blue_soft:e.colors.secondary+mr["020"]};\n }`}
|
|
239
|
+
`,kr=({label:e,filled:t,status:i,withIcon:n,onClick:o})=>{const r=Lt(),a=i&&n?Fn(i,r):null;return _t(vr,{$filled:t,$status:i,$clickable:!!o,onClick:o,children:[!!a&&Nt(a,{}),e]})},Cr=Rt.div`
|
|
233
240
|
height: fit-content;
|
|
234
241
|
border: 2px solid transparent;
|
|
235
242
|
padding: 2px;
|
|
@@ -239,15 +246,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
239
246
|
&:focus-within {
|
|
240
247
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
241
248
|
}
|
|
242
|
-
`,
|
|
243
|
-
border: 1px solid ${({theme:e})=>e.text.secondary+
|
|
249
|
+
`,Sr={primary:Mt`
|
|
250
|
+
border: 1px solid ${({theme:e})=>e.text.secondary+mr["024"]};
|
|
244
251
|
background: ${({theme:e})=>e.colors.secondary};
|
|
245
252
|
color: ${({theme:e})=>e.colors.primary};
|
|
246
253
|
&:hover {
|
|
247
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
254
|
+
background: ${({theme:e})=>e.colors.secondary+mr["080"]};
|
|
248
255
|
}
|
|
249
256
|
&:active {
|
|
250
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
257
|
+
background: ${({theme:e})=>e.text.secondary+mr["060"]};
|
|
251
258
|
}
|
|
252
259
|
`,secondary:Mt`
|
|
253
260
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
@@ -255,17 +262,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
255
262
|
color: ${({theme:e})=>e.colors.secondary};
|
|
256
263
|
&:hover {
|
|
257
264
|
border: 1px solid ${({theme:e})=>e.text.darker_grey};
|
|
258
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
265
|
+
background: ${({theme:e})=>e.colors.secondary+mr["010"]};
|
|
259
266
|
}
|
|
260
267
|
&:active {
|
|
261
268
|
border: 1px solid ${({theme:e})=>e.text.dark_grey};
|
|
262
|
-
background: ${({theme:e})=>e.colors.secondary+
|
|
269
|
+
background: ${({theme:e})=>e.colors.secondary+mr["015"]};
|
|
263
270
|
}
|
|
264
271
|
`,tertiary:Mt`
|
|
265
272
|
border-color: transparent;
|
|
266
273
|
background: transparent;
|
|
267
274
|
&:hover {
|
|
268
|
-
background: ${({theme:e})=>e.colors.dropdown_bg_2+
|
|
275
|
+
background: ${({theme:e})=>e.colors.dropdown_bg_2+mr["040"]};
|
|
269
276
|
}
|
|
270
277
|
&:active {
|
|
271
278
|
background: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
@@ -274,21 +281,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
274
281
|
border-color: transparent;
|
|
275
282
|
background: ${({theme:e})=>e.text.error};
|
|
276
283
|
&:hover {
|
|
277
|
-
background: ${({theme:e})=>e.text.error+
|
|
284
|
+
background: ${({theme:e})=>e.text.error+mr["090"]};
|
|
278
285
|
}
|
|
279
286
|
&:active {
|
|
280
|
-
background: ${({theme:e})=>e.text.error+
|
|
287
|
+
background: ${({theme:e})=>e.text.error+mr["080"]};
|
|
281
288
|
}
|
|
282
289
|
`,warning:Mt`
|
|
283
290
|
border-color: transparent;
|
|
284
291
|
background: ${({theme:e})=>e.text.warning};
|
|
285
292
|
&:hover {
|
|
286
|
-
background: ${({theme:e})=>e.text.warning+
|
|
293
|
+
background: ${({theme:e})=>e.text.warning+mr["090"]};
|
|
287
294
|
}
|
|
288
295
|
&:active {
|
|
289
|
-
background: ${({theme:e})=>e.text.warning+
|
|
296
|
+
background: ${({theme:e})=>e.text.warning+mr["080"]};
|
|
290
297
|
}
|
|
291
|
-
`},
|
|
298
|
+
`},Er=Rt.button`
|
|
292
299
|
height: 36px;
|
|
293
300
|
border-radius: 32px;
|
|
294
301
|
cursor: pointer;
|
|
@@ -302,20 +309,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
302
309
|
text-decoration: underline;
|
|
303
310
|
font-weight: 600;
|
|
304
311
|
outline: none;
|
|
305
|
-
${({$variant:e})=>e&&
|
|
312
|
+
${({$variant:e})=>e&&Sr[e]}
|
|
306
313
|
${({disabled:e,$variant:t})=>e&&Mt`
|
|
307
314
|
opacity: 0.5;
|
|
308
315
|
cursor: not-allowed;
|
|
309
316
|
|
|
310
317
|
${"primary"===t?Mt`
|
|
311
318
|
color: ${({theme:e})=>e.colors.secondary};
|
|
312
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
319
|
+
background: ${({theme:e})=>e.text.secondary+mr["010"]};
|
|
313
320
|
&:hover {
|
|
314
|
-
background: ${({theme:e})=>e.text.secondary+
|
|
321
|
+
background: ${({theme:e})=>e.text.secondary+mr["015"]};
|
|
315
322
|
}
|
|
316
323
|
`:""}
|
|
317
324
|
`}
|
|
318
|
-
`,
|
|
325
|
+
`,Ar=({children:e,variant:t="primary",onClick:i,...n})=>{const o=vt(null);return Nt(Cr,{$variant:t,children:Nt(Er,{ref:o,$variant:t,onClick:e=>{i&&i(e),o.current?.blur()},...n,children:e})})},Dr=e=>{function t(){return void 0===e?{}:ii(e)}const[i,n]=yt(t()),[o,r]=yt({}),a=(e,t)=>Object.entries(e).every(([e,i])=>Array.isArray(i)?i.length===t[e].length&&i.every((i,n)=>a(i,t[e][n])):"object"==typeof i&&null!==i?a(i,t[e]):i===t[e]),s=bt(()=>void 0!==e&&!a(e,i),[e,i]);return wt(()=>{const o=t();void 0!==e&&"{}"===JSON.stringify(i)&&"{}"!==JSON.stringify(o)&&n(o)},[e,i]),{formData:i,formErrors:o,areFormValuesEqual:a,isFormDirty:s,handleFormChange:(e,t,i)=>{if(e){const i=e.toString().split(".");1===i.length?n(i=>({...i,[e]:t})):n(e=>{const n=ii(e);let o=n;for(let e=0;e<i.length-1;e++){const t=i[e];o[t]&&"object"==typeof o[t]||(o[t]={}),o=o[t]}return o[i[i.length-1]]=t,n})}else i&&n({...i})},handleErrorChange:(e,t,i)=>{e?r(i=>({...i,[e]:t})):i&&r({...i})},resetFormData:e=>{n(e||t()),r({})}}},Tr={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}},zr=()=>{const{addNotification:e}=Qo(),{formData:t,formErrors:i,handleFormChange:n,handleErrorChange:o,resetFormData:r}=Dr(Tr);return{formData:t,formErrors:i,handleFormChange:n,resetFormData:r,validateForm:i=>{const n={};let r=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":Mn(t)&&(n[e]=nn.FIELD_IS_REQUIRED)}}),r=!Object.values(n).length,!r&&i?.withAlert&&e({type:Si.Warning,title:i.alertTitle,message:nn.REQUIRED_FIELDS,hideFromHistory:!0}),o(void 0,void 0,n),r},loadFormWithDrawerItem:({type:e,signals:t,name:i,notes:o,disabled:r,fields:a})=>{const s={...ii(Tr),type:e,signals:t,name:i,notes:o,disabled:r};Object.entries(a).forEach(([e,t])=>{if(t)switch(e){case li.LabelsAttributes:case li.AnnotationsAttributes:s.fields||(s.fields={}),s.fields[e]=(i=t)&&Array.isArray(i)?i.map(e=>!e.fromSources?.length&&e.from?{...e,fromSources:[e.from]}:e):i;break;case li.CollectContainerAttributes:case li.CollectReplicaSetAttributes:case li.CollectWorkloadId:case li.CollectClusterId:case li.ClusterAttributes:case li.OverwriteExistingValues:case li.AttributeNamesToDelete:case li.Renames:case li.PiiCategories:case li.FallbackSamplingRatio:case li.SamplingPercentage:case li.EndpointsFilters:case li.ServicesNameFilters:case li.AttributeFilters:s.fields||(s.fields={}),s.fields[e]=t}var i}),n(void 0,void 0,s)}}},Fr=e=>{wt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Ir=()=>{const{setCurrentModal:e}=Zo(),{setDrawerType:t,setDrawerEntityId:i}=Ko(),{setActiveNodeType:n,setActiveNodeId:o,activeNodeId:r}=No();return{onClickNode:(a,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(r===l?(n(null),o(null)):(n(c),o(l)),p){case wi.Source:case wi.Destination:case wi.Action:case wi.InstrumentationRule:t(p),i(d);break;case Ii.AddSource:e(wi.Source);break;case Ii.AddDestination:e(wi.Destination);break;case Ii.AddAction:e(wi.Action);break;case Ii.AddRule:e(wi.InstrumentationRule)}}}},Or=()=>{const{setDrawerType:e,setDrawerEntityId:t}=Ko(),{markAsDismissed:i,markAsSeen:n}=Qo();return{onClickNotification:(o,r)=>{const{id:a,crdType:s,target:l}=o,{dismissToast:c}=r||{};if(s&&l)switch(s){case wi.InstrumentationRule:e(wi.InstrumentationRule),t(yn(l,wi.InstrumentationRule));break;case wi.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(wi.Source),t(yn(l,wi.Source));break;case wi.Action:e(wi.Action),t(yn(l,wi.Action));break;case wi.Destination:case"Destination":e(wi.Destination),t(yn(l,wi.Destination))}n(a),c&&i(a)}}},Nr=()=>{const e=vt(null),[t,i]=yt(0),[n,o]=yt(0);return wt(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();i(t),o(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}};var _r;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(_r||(_r={}));const Br=Rt.div`
|
|
319
326
|
width: ${({$size:e})=>1.5*e}px;
|
|
320
327
|
height: ${({$size:e})=>1.5*e}px;
|
|
321
328
|
display: flex;
|
|
@@ -324,9 +331,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
324
331
|
border-radius: 100%;
|
|
325
332
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
326
333
|
&:hover {
|
|
327
|
-
background: ${({theme:e})=>e.v2.colors.silver[
|
|
334
|
+
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
328
335
|
}
|
|
329
|
-
`,_r=({icon:e,size:t=Or.S,onClick:i,disabled:n})=>Nt(Nr,{$size:t,$disabled:n,onClick:e=>{i&&!n&&(e.stopPropagation(),i(e))},children:Nt(e,{size:t})}),Rr=({onDone:e}={})=>{const[t,i]=yt(!1),[n,o]=yt(-1),r=kt(async(n,r)=>{if(!t){if(i(!0),void 0!==r&&o(r),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(()=>{i(!1),o(-1)},1e3)}},[t,e]);return{CopyButton:kt(({value:e,size:i})=>Nt(_r,{icon:t?Ge:Ke,size:i,onClick:()=>r(e)}),[t]),isCopied:t,copiedIndex:n,clickCopy:r}},Br=e=>{const{addNotification:t}=Xo(),{formData:i,handleFormChange:n,formErrors:o,handleErrorChange:r,resetFormData:a}=Er(e);return{formData:i,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:e=>{const n={};let o=!0;return i.name?Ln(i.name)?n.name=void 0:(o=!1,n.name=nn.ILLEGAL_K8S_LABEL):(o=!1,n.name=nn.FIELD_IS_REQUIRED),!o&&e?.withAlert&&t({type:Si.Warning,title:e.alertTitle,message:nn.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,n),o},loadFormWithDrawerItem:({name:t})=>{const i={...ii(e),name:t};n(void 0,void 0,i)}}},Mr={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Lr=e=>{const{supportedSignals:t,preLoadedFields:i}=e||{},{addNotification:n}=Xo(),{formData:o,formErrors:r,handleFormChange:a,handleErrorChange:s,resetFormData:l}=Er(Mr),[c,d]=yt([]),[p,u]=yt([]);return wt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:i,componentProperties:n,displayName:o,initialValue:r,renderCondition:a}=e;if(i===ki.Dropdown){const e=_n(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:i,title:o,value:r,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:i,title:o,value:r,renderCondition:a,..._n(n,{})}})).map(e=>{if(i){const t="string"==typeof i?_n(i,{}):i;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,i]),wt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),wt(()=>{if(t&&0===Kn(o.exportedSignals).length){const{logs:e,metrics:i,traces:n}=t;a("exportedSignals",{logs:e.supported,metrics:i.supported,traces:n.supported})}},[t,o.exportedSignals]),{formData:o,formErrors:r,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let i=!0;return p.forEach(({name:e,value:n,required:o})=>{o&&!n&&(i=!1,t[e]=nn.FIELD_IS_REQUIRED)}),!i&&e?.withAlert&&n({type:Si.Warning,title:e.alertTitle,message:nn.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),i},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:i,exportedSignals:n,fields:o})=>{const r={...ii(Mr),type:e,name:t,disabled:i,exportedSignals:n,fields:Object.entries(_n(o,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,r),r},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Pr=({items:e,rowHeight:t})=>{const i=vt(null),n=It({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>i.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:i,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},jr={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[ji.HttpRequest]:null,[ji.HttpResponse]:null,[ji.DbQuery]:null,[ji.Messaging]:null},codeAttributes:{[Mi.Column]:null,[Mi.FilePath]:null,[Mi.Function]:null,[Mi.LineNumber]:null,[Mi.Namespace]:null,[Mi.StackTrace]:null},headersCollection:null,customInstrumentations:{[Pi.Java]:null,[Pi.Golang]:null}},Ur=()=>{const{formData:e,formErrors:t,handleFormChange:i,handleErrorChange:n,resetFormData:o}=Er(jr);return{formData:e,formErrors:t,handleFormChange:i,resetFormData:o,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:o,codeAttributes:r,headersCollection:a,customInstrumentations:s})=>{const l={...ii(jr),ruleName:e,notes:t,disabled:n};o&&(l.payloadCollection={[ji.HttpRequest]:o[ji.HttpRequest]?{}:null,[ji.HttpResponse]:o[ji.HttpResponse]?{}:null,[ji.DbQuery]:o[ji.DbQuery]?{}:null,[ji.Messaging]:o[ji.Messaging]?{}:null}),r&&(l.codeAttributes={[Mi.Column]:r[Mi.Column]||null,[Mi.FilePath]:r[Mi.FilePath]||null,[Mi.Function]:r[Mi.Function]||null,[Mi.LineNumber]:r[Mi.LineNumber]||null,[Mi.Namespace]:r[Mi.Namespace]||null,[Mi.StackTrace]:r[Mi.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[Pi.Java]:s[Pi.Java]||null,[Pi.Golang]:s[Pi.Golang]||null}),i(void 0,void 0,l)}}},Wr=({active:e,key:t,withAltKey:i,withCtrlKey:n,withShiftKey:o,withMetaKey:r},a)=>(wt(()=>{const s=s=>{e&&t===s.key&&(!i||i&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!o||o&&s.shiftKey)&&(!r||r&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,i,n,o,r,a]),null),Vr=(e,t)=>{wt(()=>{const i=i=>{e.current&&!e.current.contains(i.target)&&t()};return document.addEventListener("mousedown",i),document.addEventListener("touchstart",i),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("touchstart",i)}},[e,t])},qr=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:i}={})=>{const n=vt(null),[o,r]=yt(!1),[a,s]=yt({top:0,left:0});return Vr(n,()=>{o&&(r(!1),i?.())}),{popupRef:n,popupOpen:o,setPopupOpen:r,popupPosition:a,handlePosition:(i,o)=>{const{innerWidth:r,innerHeight:a}=window;let l=o,c=i;l>=a/2&&(l+=-(n.current?.clientHeight||e)),c>=r/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Hr=()=>({getItemSS:(e,t)=>{const i=sessionStorage.getItem(e);return i?_n(i,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Gr={otelServiceName:"",currentStreamName:""},Kr=()=>{const{formData:e,formErrors:t,handleFormChange:i,handleErrorChange:n,resetFormData:o}=Er(Gr);return{formData:e,formErrors:t,handleFormChange:i,resetFormData:o,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...ii(Gr),otelServiceName:e||t||""};i(void 0,void 0,n)}}},Yr=(e,t,i)=>{const n="boolean"==typeof i,o=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,r=o&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(n?i:e.selected&&(!o||r))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:a,numberOfInstances:e.numberOfInstances}},Jr=(e,t,i)=>({...Yr(e,t,i),currentStreamName:t}),Xr=(e,t,i)=>{const n="boolean"==typeof i,o=e.dataStreamNames?.includes(t),r=(n?i:e.selected)||!1;return{namespace:e.name,selected:!(!o&&!n)&&r,currentStreamName:t}},Zr=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:i}=Go(),{selectedStreamName:n}=qo(),o=vt(!1),{configuredSources:r,configuredFutureApps:a,availableSources:s,setAvailableSources:l}=rr(),[c,d]=yt(s),[p,u]=yt(""),[h,m]=yt(!1),[g,$]=yt([]),[x,f]=yt(""),[b,y]=yt(a),[w,v]=yt(((e,t,i)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Jr(e,i))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const o=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),r=Jr(t,i);-1!==o?n[e][o]=r:n[e].push(r)})}),n})(s,r,n)),k=async(e,i)=>{if(t){if(u(e.name),g.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof i?i:e.selected,currentStreamName:n}))}));else{const{data:r}=await t({namespaceName:e.name}),{name:a,sources:s=[]}=r?.computePlatform?.k8sActualNamespace||{};if(!a||!o.current)return;const c=s.map(e=>Yr(e,n));$(e=>[...e,a]),l({...rr.getState().availableSources,[a]:c}),d(e=>({...e,[a]:c})),v(e=>({...e,[a]:"boolean"!=typeof i&&e[a]?.length?e[a]:s.map(e=>Jr(e,n,i))}))}u("")}};wt(()=>(i?.length&&(d(e=>{const t={...e};return i.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return i.forEach(({name:e})=>t[e]=t[e]||[]),t}),y(e=>{const t={...e};return i.forEach(e=>t[e.name]=t[e.name]||Xr(e,n)),t}),o.current=!0,(async()=>{for await(const e of i){if(!o.current)break;await k(e)}})()),()=>{o.current=!1}),[i.length,n]);const[C,S]=yt(""),[E,A]=yt(wi.Source),[D,T]=yt(!1),[F,z]=yt(!1),I=bt(()=>{const e=(e,t)=>!C||E!==t||E===t&&e.toLowerCase().includes(C),t={};return Object.entries(w).filter(([t])=>e(t,wi.Namespace)).forEach(([i,n])=>{const o=n.filter(t=>e(t.name,wi.Source)&&(!D||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!C||C&&(E===wi.Namespace||E===wi.Source&&o.length))&&(t[i]=o)}),t},[w,C,E,D,F]);return{fetchingNamespace:p,fetchedNamespaces:g,availableSources:c,filteredNamespacesAndSources:I,getApiSourcesPayload:()=>{const e={};return Object.entries(w).forEach(([t,i])=>{i.forEach(i=>{const n=c[t]?.find(e=>e.name===i.name&&e.kind===i.kind);n?.selected!==i.selected&&(e[t]||(e[t]=[]),e[t].push(i))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(b).forEach(([t,o])=>{const r=i?.find(e=>e.name===t);(o.selected&&!r?.dataStreamNames?.includes(n)||!o.selected&&r?.dataStreamNames?.includes(n))&&(e[t]=o)}),e},selectedNamespace:x,onSelectNamespace:(e,t)=>{const n=i.find(t=>t.name===e);if(n){const i="boolean"==typeof t;f(t=>t!==e||i?e:""),k(n,t),i&&m(!1)}},selectedAllNamespaces:h,onSelectAllNamespaces:e=>{m(e),i.forEach(t=>k(t,e))},selectedSources:w,onSelectSource:(e,t)=>{const i=t||x;if(!i)return;const o=[...w[i]||[]],r=o.findIndex(({name:t,kind:i})=>t===e.name&&i===e.kind);if(-1!==r){const e={...o[r],selected:!o[r].selected,currentStreamName:n};o[r]=e}else o.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[i]:o})),m(!1)},selectedFutureApps:b,onSelectFutureApps:(e,t)=>{const o=t||x;if(!o)return;const r=i.find(e=>e.name===t);r&&y(t=>({...t,[o]:Xr(r,n,e)}))},searchText:C,setSearchText:S,searchBy:E,setSearchBy:A,showSelectedOnly:D,setShowSelectedOnly:T,showRunningOnly:F,setShowRunningOnly:z}};try{Dt.addDefaultLocale(Ot)}catch(e){}const Qr=()=>{const e=vt(new Dt(Ot.locale));return{formatTimeAgo:kt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},ea=Bt.div`
|
|
336
|
+
`,Rr=({icon:e,size:t=_r.S,onClick:i,disabled:n})=>Nt(Br,{$size:t,$disabled:n,onClick:e=>{i&&!n&&(e.stopPropagation(),i(e))},children:Nt(e,{size:t})}),Mr=({onDone:e}={})=>{const[t,i]=yt(!1),[n,o]=yt(-1),r=kt(async(n,r)=>{if(!t){if(i(!0),void 0!==r&&o(r),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(()=>{i(!1),o(-1)},1e3)}},[t,e]);return{CopyButton:kt(({value:e,size:i})=>Nt(Rr,{icon:t?Ge:Ke,size:i,onClick:()=>r(e)}),[t]),isCopied:t,copiedIndex:n,clickCopy:r}},Lr=e=>{const{addNotification:t}=Qo(),{formData:i,handleFormChange:n,formErrors:o,handleErrorChange:r,resetFormData:a}=Dr(e);return{formData:i,formErrors:o,handleFormChange:n,resetFormData:a,validateForm:e=>{const n={};let o=!0;return i.name?Ln(i.name)?n.name=void 0:(o=!1,n.name=nn.ILLEGAL_K8S_LABEL):(o=!1,n.name=nn.FIELD_IS_REQUIRED),!o&&e?.withAlert&&t({type:Si.Warning,title:e.alertTitle,message:nn.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,n),o},loadFormWithDrawerItem:({name:t})=>{const i={...ii(e),name:t};n(void 0,void 0,i)}}},Pr={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},jr=e=>{const{supportedSignals:t,preLoadedFields:i}=e||{},{addNotification:n}=Qo(),{formData:o,formErrors:r,handleFormChange:a,handleErrorChange:s,resetFormData:l}=Dr(Pr),[c,d]=yt([]),[p,u]=yt([]);return wt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:i,componentProperties:n,displayName:o,initialValue:r,renderCondition:a}=e;if(i===ki.Dropdown){const e=_n(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:i,title:o,value:r,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:i,title:o,value:r,renderCondition:a,..._n(n,{})}})).map(e=>{if(i){const t="string"==typeof i?_n(i,{}):i;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,i]),wt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),wt(()=>{if(t&&0===Kn(o.exportedSignals).length){const{logs:e,metrics:i,traces:n}=t;a("exportedSignals",{logs:e.supported,metrics:i.supported,traces:n.supported})}},[t,o.exportedSignals]),{formData:o,formErrors:r,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let i=!0;return p.forEach(({name:e,value:n,required:o})=>{o&&!n&&(i=!1,t[e]=nn.FIELD_IS_REQUIRED)}),!i&&e?.withAlert&&n({type:Si.Warning,title:e.alertTitle,message:nn.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),i},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:i,exportedSignals:n,fields:o})=>{const r={...ii(Pr),type:e,name:t,disabled:i,exportedSignals:n,fields:Object.entries(_n(o,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,r),r},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ur=({items:e,rowHeight:t})=>{const i=vt(null),n=It({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>i.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:i,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},Wr={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[ji.HttpRequest]:null,[ji.HttpResponse]:null,[ji.DbQuery]:null,[ji.Messaging]:null},codeAttributes:{[Mi.Column]:null,[Mi.FilePath]:null,[Mi.Function]:null,[Mi.LineNumber]:null,[Mi.Namespace]:null,[Mi.StackTrace]:null},headersCollection:null,customInstrumentations:{[Pi.Java]:null,[Pi.Golang]:null}},Vr=()=>{const{formData:e,formErrors:t,handleFormChange:i,handleErrorChange:n,resetFormData:o}=Dr(Wr);return{formData:e,formErrors:t,handleFormChange:i,resetFormData:o,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:o,codeAttributes:r,headersCollection:a,customInstrumentations:s})=>{const l={...ii(Wr),ruleName:e,notes:t,disabled:n};o&&(l.payloadCollection={[ji.HttpRequest]:o[ji.HttpRequest]?{}:null,[ji.HttpResponse]:o[ji.HttpResponse]?{}:null,[ji.DbQuery]:o[ji.DbQuery]?{}:null,[ji.Messaging]:o[ji.Messaging]?{}:null}),r&&(l.codeAttributes={[Mi.Column]:r[Mi.Column]||null,[Mi.FilePath]:r[Mi.FilePath]||null,[Mi.Function]:r[Mi.Function]||null,[Mi.LineNumber]:r[Mi.LineNumber]||null,[Mi.Namespace]:r[Mi.Namespace]||null,[Mi.StackTrace]:r[Mi.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[Pi.Java]:s[Pi.Java]||null,[Pi.Golang]:s[Pi.Golang]||null}),i(void 0,void 0,l)}}},qr=({active:e,key:t,withAltKey:i,withCtrlKey:n,withShiftKey:o,withMetaKey:r},a)=>(wt(()=>{const s=s=>{e&&t===s.key&&(!i||i&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!o||o&&s.shiftKey)&&(!r||r&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,i,n,o,r,a]),null),Hr=(e,t)=>{wt(()=>{const i=i=>{e.current&&!e.current.contains(i.target)&&t()};return document.addEventListener("mousedown",i),document.addEventListener("touchstart",i),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("touchstart",i)}},[e,t])},Gr=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:i}={})=>{const n=vt(null),[o,r]=yt(!1),[a,s]=yt({top:0,left:0});return Hr(n,()=>{o&&(r(!1),i?.())}),{popupRef:n,popupOpen:o,setPopupOpen:r,popupPosition:a,handlePosition:(i,o)=>{const{innerWidth:r,innerHeight:a}=window;let l=o,c=i;l>=a/2&&(l+=-(n.current?.clientHeight||e)),c>=r/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Kr=()=>({getItemSS:(e,t)=>{const i=sessionStorage.getItem(e);return i?_n(i,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Yr={otelServiceName:"",currentStreamName:""},Jr=()=>{const{formData:e,formErrors:t,handleFormChange:i,handleErrorChange:n,resetFormData:o}=Dr(Yr);return{formData:e,formErrors:t,handleFormChange:i,resetFormData:o,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...ii(Yr),otelServiceName:e||t||""};i(void 0,void 0,n)}}},Xr=(e,t,i)=>{const n="boolean"==typeof i,o=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,r=o&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(n?i:e.selected&&(!o||r))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:a,numberOfInstances:e.numberOfInstances}},Zr=(e,t,i)=>({...Xr(e,t,i),currentStreamName:t}),Qr=(e,t,i)=>{const n="boolean"==typeof i,o=e.dataStreamNames?.includes(t),r=(n?i:e.selected)||!1;return{namespace:e.name,selected:!(!o&&!n)&&r,currentStreamName:t}},ea=e=>{const{fetchSingleNamespace:t}=e||{},{selectedStreamName:i}=Go(),{namespaces:n,addEntities:o}=Yo(),r=vt(!1),{configuredSources:a,configuredFutureApps:s,availableSources:l,setAvailableSources:c}=sr(),[d,p]=yt(l),[u,h]=yt(""),[m,g]=yt(!1),[$,x]=yt([]),[f,b]=yt(""),[y,w]=yt(s),[v,k]=yt(((e,t,i)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Zr(e,i))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const o=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),r=Zr(t,i);-1!==o?n[e][o]=r:n[e].push(r)})}),n})(l,a,i)),C=async(e,n)=>{if(t)if($.includes(e.name))k(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof n?n:e.selected,currentStreamName:i}))}));else{h(e.name);const{data:a}=await t({namespaceName:e.name});h("");const s=a?.computePlatform?.k8sActualNamespace;if(!s||!r.current)return;o(wi.Namespace,[{...s,sources:[]}]);const l=s.sources?.map(e=>Xr(e,i))||[];x(e=>[...e,s.name]),c({...sr.getState().availableSources,[s.name]:l}),p(e=>({...e,[s.name]:l})),k(e=>({...e,[s.name]:"boolean"!=typeof n&&e[s.name]?.length?e[s.name]:s.sources?.map(e=>Zr(e,i,n))||[]})),w(e=>({...e,[s.name]:Qr(s,i,n)}))}};wt(()=>(n?.length&&(p(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),k(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return n.forEach(e=>t[e.name]=t[e.name]||Qr(e,i)),t}),r.current=!0,(async()=>{for await(const e of n){if(!r.current)break;await C(e)}})()),()=>{r.current=!1}),[n.length,i]);const[S,E]=yt(""),[A,D]=yt(wi.Source),[T,z]=yt(!1),[F,I]=yt(!1),O=bt(()=>{const e=(e,t)=>!S||A!==t||A===t&&e.toLowerCase().includes(S),t={};return Object.entries(v).filter(([t])=>e(t,wi.Namespace)).forEach(([i,n])=>{const o=n.filter(t=>e(t.name,wi.Source)&&(!T||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!S||S&&(A===wi.Namespace||A===wi.Source&&o.length))&&(t[i]=o)}),t},[v,S,A,T,F]);return{fetchingNamespace:u,fetchedNamespaces:$,availableSources:d,filteredNamespacesAndSources:O,getApiSourcesPayload:()=>{const e={};return Object.entries(v).forEach(([t,i])=>{i.forEach(i=>{const n=d[t]?.find(e=>e.name===i.name&&e.kind===i.kind);n?.selected!==i.selected&&(e[t]||(e[t]=[]),e[t].push(i))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,o])=>{const r=n?.find(e=>e.name===t);(o.selected&&!r?.dataStreamNames?.includes(i)||!o.selected&&r?.dataStreamNames?.includes(i))&&(e[t]=o)}),e},selectedNamespace:f,onSelectNamespace:(e,t)=>{const i=n.find(t=>t.name===e);if(i){const n="boolean"==typeof t;b(t=>t!==e||n?e:""),C(i,t),n&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),n.forEach(t=>C(t,e))},selectedSources:v,onSelectSource:(e,t)=>{const n=t||f;if(!n)return;const o=[...v[n]||[]],r=o.findIndex(({name:t,kind:i})=>t===e.name&&i===e.kind);if(-1!==r){const e={...o[r],selected:!o[r].selected,currentStreamName:i};o[r]=e}else o.push({...e,selected:!0,currentStreamName:i});k(e=>({...e,[n]:o})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const o=t||f;if(!o)return;const r=n.find(e=>e.name===t);r&&w(t=>({...t,[o]:Qr(r,i,e)}))},searchText:S,setSearchText:E,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:z,showRunningOnly:F,setShowRunningOnly:I}};try{Dt.addDefaultLocale(Ot)}catch(e){}const ta=()=>{const e=vt(new Dt(Ot.locale));return{formatTimeAgo:kt(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},ia=Rt.div`
|
|
330
337
|
flex: 1;
|
|
331
338
|
align-self: stretch;
|
|
332
339
|
display: flex;
|
|
@@ -334,7 +341,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
334
341
|
gap: 24px;
|
|
335
342
|
padding: 24px 24px 0 24px;
|
|
336
343
|
overflow-x: scroll;
|
|
337
|
-
`,
|
|
344
|
+
`,na=Rt.div`
|
|
338
345
|
position: relative;
|
|
339
346
|
|
|
340
347
|
// inherit all the properties of the parent (PageContent)
|
|
@@ -344,7 +351,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
344
351
|
flex-direction: inherit;
|
|
345
352
|
gap: inherit;
|
|
346
353
|
overflow-x: inherit;
|
|
347
|
-
`,
|
|
354
|
+
`,oa=Rt.div`
|
|
348
355
|
display: flex;
|
|
349
356
|
flex-direction: row;
|
|
350
357
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -355,7 +362,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
355
362
|
height: ${({$height:e})=>e||"unset"};
|
|
356
363
|
margin: ${({$margin:e="unset"})=>e};
|
|
357
364
|
padding: ${({$padding:e="unset"})=>e};
|
|
358
|
-
`,
|
|
365
|
+
`,ra=Rt.div`
|
|
359
366
|
display: flex;
|
|
360
367
|
flex-direction: column;
|
|
361
368
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -366,17 +373,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
366
373
|
height: ${({$height:e})=>e||"unset"};
|
|
367
374
|
margin: ${({$margin:e="unset"})=>e};
|
|
368
375
|
padding: ${({$padding:e="unset"})=>e};
|
|
369
|
-
`,
|
|
376
|
+
`,aa=Rt(ra)`
|
|
370
377
|
width: ${({$width:e})=>e||"100%"};
|
|
371
378
|
height: ${({$height:e})=>e||"unset"};
|
|
379
|
+
padding: ${({$padding:e})=>e||"unset"};
|
|
372
380
|
align-items: center;
|
|
373
381
|
justify-content: center;
|
|
374
|
-
`,
|
|
382
|
+
`,sa=Rt.div`
|
|
375
383
|
display: flex;
|
|
376
384
|
flex-direction: column;
|
|
377
385
|
padding: 12px;
|
|
378
386
|
overflow-y: scroll;
|
|
379
|
-
`,
|
|
387
|
+
`,la=Rt.div`
|
|
380
388
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
381
389
|
top: 0;
|
|
382
390
|
left: 0;
|
|
@@ -385,27 +393,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
385
393
|
z-index: 1000;
|
|
386
394
|
background: rgba(0, 0, 0, 0.6);
|
|
387
395
|
backdrop-filter: blur(2px);
|
|
388
|
-
`,
|
|
396
|
+
`,ca=Rt.div`
|
|
389
397
|
width: 800px;
|
|
390
398
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
391
399
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
392
400
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
393
401
|
padding: 0 2px;
|
|
394
402
|
overflow-y: scroll;
|
|
395
|
-
`,
|
|
403
|
+
`,da=Rt(ra)`
|
|
396
404
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
397
405
|
width: 100%;
|
|
398
|
-
`,
|
|
406
|
+
`,pa=Rt(oa)`
|
|
399
407
|
gap: 16px;
|
|
400
408
|
padding: 16px;
|
|
401
|
-
`,
|
|
409
|
+
`,ua=Rt.div`
|
|
402
410
|
width: 100%;
|
|
403
411
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
404
412
|
overflow-y: auto;
|
|
405
|
-
`,
|
|
413
|
+
`,ha=Rt.div`
|
|
406
414
|
width: ${({$width:e})=>e||"unset"};
|
|
407
415
|
height: ${({$height:e})=>e||"unset"};
|
|
408
|
-
`,
|
|
416
|
+
`,ma=Rt.div`
|
|
409
417
|
position: fixed;
|
|
410
418
|
top: 50%;
|
|
411
419
|
left: 50%;
|
|
@@ -415,28 +423,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
415
423
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
416
424
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
417
425
|
border-radius: 40px;
|
|
418
|
-
box-shadow: ${({theme:e})=>{const t=e.colors.primary+
|
|
419
|
-
animation-name: ${
|
|
420
|
-
`,
|
|
426
|
+
box-shadow: ${({theme:e})=>{const t=e.colors.primary+mr["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}`}};
|
|
427
|
+
animation-name: ${$r.in.center};
|
|
428
|
+
`,ga=Rt.div`
|
|
421
429
|
display: flex;
|
|
422
430
|
justify-content: space-between;
|
|
423
431
|
align-items: center;
|
|
424
432
|
height: 80px;
|
|
425
433
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
426
434
|
padding: 0 24px;
|
|
427
|
-
|
|
435
|
+
`,$a=Rt.div`
|
|
428
436
|
cursor: pointer;
|
|
429
437
|
display: flex;
|
|
430
438
|
align-items: center;
|
|
431
439
|
gap: 8px;
|
|
432
|
-
`,
|
|
440
|
+
`,xa=Rt.div`
|
|
433
441
|
display: flex;
|
|
434
442
|
align-items: center;
|
|
435
443
|
gap: 8px;
|
|
436
|
-
|
|
444
|
+
`,fa=Rt(aa)`
|
|
437
445
|
min-width: 350px;
|
|
438
446
|
min-height: 150px;
|
|
439
|
-
`,
|
|
447
|
+
`,ba=Rt.div`
|
|
440
448
|
position: absolute;
|
|
441
449
|
left: 50%;
|
|
442
450
|
transform: translateX(-50%);
|
|
@@ -445,24 +453,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
445
453
|
justify-content: center;
|
|
446
454
|
width: 100%;
|
|
447
455
|
pointer-events: none;
|
|
448
|
-
`,
|
|
456
|
+
`,ya=Rt(go)`
|
|
449
457
|
text-transform: uppercase;
|
|
450
458
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
451
459
|
pointer-events: auto;
|
|
452
|
-
`,
|
|
460
|
+
`,wa=Rt(go)`
|
|
453
461
|
text-transform: uppercase;
|
|
454
462
|
font-weight: 500;
|
|
455
463
|
font-size: 14px;
|
|
456
464
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
457
465
|
text-decoration: underline;
|
|
458
466
|
cursor: pointer;
|
|
459
|
-
`,
|
|
467
|
+
`,va=({isOpen:e,noOverlay:t,header:i,actionComponent:n,onClose:o,children:r,closeOnEscape:a=!0})=>(qr({key:"Escape",active:e&&a},()=>o()),Fr(e),e?Ht.createPortal(_t(Bt,{children:[Nt(la,{hidden:!e,onClick:o,style:{opacity:t?0:1}}),_t(ma,{"data-id":"modal"+(i?`-${i.title.replaceAll(" ","-")}`:""),children:[i&&_t(ga,{children:[_t($a,{onClick:o,children:[Nt(Ye,{}),Nt(wa,{children:"Cancel"})]}),Nt(ba,{children:Nt(ya,{children:i.title})}),Nt(xa,{children:n})]}),Nt(fa,{children:r})]})]}),document.body):null),ka=Rt.div`
|
|
460
468
|
width: ${({$orientation:e,$thickness:t,$length:i})=>"vertical"===e?`${t}px`:i||"100%"};
|
|
461
469
|
height: ${({$orientation:e,$thickness:t,$length:i})=>"horizontal"===e?`${t}px`:i||"100%"};
|
|
462
470
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
463
|
-
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+
|
|
471
|
+
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+mr["050"]};
|
|
464
472
|
opacity: ${({$opacity:e})=>e||1};
|
|
465
|
-
`,
|
|
473
|
+
`,Ca=({orientation:e="horizontal",type:t,thickness:i=1,length:n,margin:o,opacity:r})=>Nt(ka,{$orientation:e,$type:t,$thickness:i,$length:n,$margin:o,$opacity:r}),Sa=Rt.div`
|
|
466
474
|
position: absolute;
|
|
467
475
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
468
476
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -477,25 +485,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
477
485
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
478
486
|
|
|
479
487
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
480
|
-
`,
|
|
488
|
+
`,Ea=Rt.div`
|
|
481
489
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
482
490
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
483
|
-
`,
|
|
491
|
+
`,Aa=Rt.div`
|
|
484
492
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
485
|
-
`,
|
|
493
|
+
`,Da=Rt.div`
|
|
486
494
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
487
495
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
488
|
-
`,
|
|
496
|
+
`,Ta=Ct(({isOpen:e,asPortal:t,...i},n)=>{const o=bt(()=>{const{children:e,top:o,bottom:r,left:a,right:s,borderRadius:l,padding:c,maxWidth:d,width:p,header:u,footer:h,withPointerEvents:m,...g}=i;return _t(Sa,{ref:n,$top:o,$bottom:r,$left:a,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g,children:[u&&Nt(Ea,{$padding:c,children:u}),Nt(Aa,{$padding:c,children:e}),h&&Nt(Da,{$padding:c,children:h})]})},[n,i,t]);return e?t?Ht.createPortal(o,document.body):o:null});Ta.displayName=Ta.name;const za=Rt.div`
|
|
489
497
|
width: fit-content;
|
|
490
498
|
position: relative;
|
|
491
499
|
display: flex;
|
|
492
500
|
align-items: center;
|
|
493
501
|
gap: 4px;
|
|
494
502
|
cursor: help;
|
|
495
|
-
`,
|
|
503
|
+
`,Fa=Rt(go)`
|
|
496
504
|
word-break: break-word;
|
|
497
505
|
white-space: pre-wrap;
|
|
498
|
-
`,
|
|
506
|
+
`,Ia=({withIcon:e,titleIcon:t,title:i,text:n,timestamp:o,children:r})=>{const a=Lt(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Gr({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=bt(()=>!!uo(n||"")?.length,[n]),h=e=>{const{type:t,clientX:i,clientY:n}=e;u?p(d.left||i,d.top||n):p(i,n),c("mouseleave"!==t)};return n?_t(za,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h,children:[r,e&&Nt(je,{fill:a.v2.colors.silver[200]}),_t(Ta,{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",children:[(!!t||!!i)&&_t(oa,{style:{marginBottom:"4px"},$gap:4,children:[t&&Nt(t,{size:12,fill:a.text.secondary},"icon"),i&&Nt(go,{size:12,color:a.text.secondary,children:i},"title")]}),Nt(Fa,{size:12,color:a.text.info,children:n}),!!o&&Nt(go,{size:10,color:a.text.darker_grey,family:"secondary",style:{marginTop:"8px"},children:new Date(o).toLocaleString()})]})]}):Nt(Bt,{children:r})},Oa=Rt.button`
|
|
499
507
|
position: relative;
|
|
500
508
|
width: ${({$size:e})=>e}px;
|
|
501
509
|
height: ${({$size:e})=>e}px;
|
|
@@ -507,9 +515,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
507
515
|
justify-content: center;
|
|
508
516
|
cursor: pointer;
|
|
509
517
|
&:hover {
|
|
510
|
-
background-color: ${({theme:e,$backgroundColor:t})=>t?t+
|
|
518
|
+
background-color: ${({theme:e,$backgroundColor:t})=>t?t+mr["070"]:e.colors.dropdown_bg_2};
|
|
511
519
|
}
|
|
512
|
-
`,
|
|
520
|
+
`,Na=Rt.div`
|
|
513
521
|
position: absolute;
|
|
514
522
|
top: ${({$size:e})=>e/5}px;
|
|
515
523
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -524,17 +532,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
524
532
|
inset: 0;
|
|
525
533
|
border-radius: 100%;
|
|
526
534
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
527
|
-
animation: ${
|
|
535
|
+
animation: ${fr} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
528
536
|
}
|
|
529
|
-
`,
|
|
537
|
+
`,_a=({children:e,onClick:t,tooltip:i,size:n=36,withPing:o,pingColor:r,withBorder:a,backgroundColor:s,...l})=>Nt(Ia,{text:i,children:_t(Oa,{$size:n,$withBorder:a,$backgroundColor:s,onClick:t,...l,children:[o&&Nt(Na,{$size:n,$color:r}),e]})}),Ba=Rt.div`
|
|
530
538
|
position: relative;
|
|
531
539
|
&.animated {
|
|
532
540
|
overflow: hidden;
|
|
533
541
|
padding-bottom: 1px;
|
|
534
542
|
border-radius: 32px;
|
|
535
|
-
animation: ${({$isLeaving:e})=>e
|
|
543
|
+
animation: ${({$isLeaving:e})=>e?$r.out.bottom:$r.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
536
544
|
}
|
|
537
|
-
`,
|
|
545
|
+
`,Ra=Rt.div`
|
|
538
546
|
position: absolute;
|
|
539
547
|
bottom: -1px;
|
|
540
548
|
left: 0;
|
|
@@ -543,8 +551,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
543
551
|
height: 100%;
|
|
544
552
|
border-radius: 32px;
|
|
545
553
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
546
|
-
animation: ${
|
|
547
|
-
`,
|
|
554
|
+
animation: ${xr.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
555
|
+
`,Ma=Rt.div`
|
|
548
556
|
display: flex;
|
|
549
557
|
align-items: center;
|
|
550
558
|
flex: 1;
|
|
@@ -552,20 +560,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
552
560
|
padding: 0 12px;
|
|
553
561
|
border-radius: 32px;
|
|
554
562
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
555
|
-
`,
|
|
563
|
+
`,La=Rt.div`
|
|
556
564
|
display: flex;
|
|
557
565
|
align-items: center;
|
|
558
566
|
margin: 0 auto 0 0;
|
|
559
567
|
padding: 8px 0;
|
|
560
568
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
561
569
|
min-height: 12px;
|
|
562
|
-
`,
|
|
570
|
+
`,Pa=Rt(go)`
|
|
563
571
|
font-size: 14px;
|
|
564
572
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
565
|
-
`,
|
|
573
|
+
`,ja=Rt(go)`
|
|
566
574
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
567
575
|
font-size: 12px;
|
|
568
|
-
`,
|
|
576
|
+
`,Ua=Rt(oa)``,Wa=Rt(go)`
|
|
569
577
|
text-transform: uppercase;
|
|
570
578
|
text-decoration: underline;
|
|
571
579
|
font-size: 12px;
|
|
@@ -576,34 +584,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
576
584
|
transform: scale(1.1);
|
|
577
585
|
transition: transform 0.3s;
|
|
578
586
|
}
|
|
579
|
-
`,
|
|
587
|
+
`,Va=({type:e,icon:t,title:i,message:n,action:o,onClose:r,duration:a=5e3,overrideMaxWidth:s,style:l})=>{const c=Lt(),[d,p]=yt(!1),u=vt(null),h=vt(null),m=e=>{r&&(p(!0),r({asSeen:e?.asSeen}))};wt(()=>(u.current=setTimeout(()=>m({asSeen:!1}),a),()=>{u.current&&clearTimeout(u.current)}),[a]);const g=t||Fn(e,c);return _t(Ba,{className:r?"animated":"",$duration:a,$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*a;u.current=setTimeout(()=>m({asSeen:!1}),e),h.current.style.animationPlayState="running"}},children:[_t(Ma,{"data-id":"toast",$type:e,style:l,children:[Nt(g,{fill:c.text[e]}),_t(La,{$withAction:!!o,$overrideMaxWidth:s,children:[i&&Nt(Pa,{$type:e,children:i}),i&&n&&Nt(Ca,{orientation:"vertical",type:e}),n&&Nt(ja,{$type:e,children:n})]}),(!!o||!!r)&&_t(Ua,{children:[o&&Nt(Wa,{"data-id":"toast-action",onClick:o.onClick,children:o.label}),r&&Nt(_a,{"data-id":"toast-close",onClick:()=>m({asSeen:!0}),children:Nt(Ye,{size:12})})]})]}),r&&Nt(Ra,{ref:h,$duration:a,$type:e})]})},qa=Rt.div`
|
|
580
588
|
padding: 24px 32px;
|
|
581
|
-
`,
|
|
589
|
+
`,Ha=Rt.div`
|
|
582
590
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
583
|
-
`,
|
|
591
|
+
`,Ga=Rt(go)`
|
|
584
592
|
font-size: 20px;
|
|
585
593
|
line-height: 28px;
|
|
586
|
-
`,
|
|
594
|
+
`,Ka=Rt(go)`
|
|
587
595
|
color: ${({theme:e})=>e.text.grey};
|
|
588
596
|
width: 416px;
|
|
589
597
|
font-style: normal;
|
|
590
598
|
font-weight: 300;
|
|
591
599
|
line-height: 24px;
|
|
592
|
-
`,
|
|
600
|
+
`,Ya=Rt.div`
|
|
593
601
|
display: flex;
|
|
594
602
|
justify-content: space-between;
|
|
595
603
|
gap: 12px;
|
|
596
|
-
`,
|
|
604
|
+
`,Ja=Rt(Ar)`
|
|
597
605
|
width: 250px;
|
|
598
|
-
`,
|
|
606
|
+
`,Xa=Rt.div`
|
|
599
607
|
margin-bottom: 12px;
|
|
600
|
-
`,
|
|
608
|
+
`,Za=({isOpen:e,noOverlay:t,title:i="",description:n="",note:o,approveButton:r,denyButton:a,closeOnEscape:s=!0})=>{qr({key:"Enter",active:e&&s},()=>r.onClick());const l=()=>a.onClick();return Nt(va,{isOpen:e,noOverlay:t,onClose:l,children:_t(qa,{children:[Nt(Ga,{children:i}),Nt(Ha,{$withNote:!!o,children:Nt(Ka,{children:n})}),!!o&&Nt(Xa,{children:Nt(Va,{type:o.type,title:o.title,message:o.message})}),_t(Ya,{children:[Nt(Ja,{"data-id":"approve",variant:r.variant||"primary",onClick:()=>r.onClick(),children:r.text}),Nt(Ja,{"data-id":"deny",variant:a.variant||"secondary",onClick:l,children:a.text})]})]})})},Qa=({isOpen:e,noOverlay:t,name:i,onApprove:n,onDeny:o})=>Nt(Za,{isOpen:e,noOverlay:t,title:"Cancel"+(i?` ${i}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:Si.Warning,onClick:n},denyButton:{text:"Go Back",onClick:o}}),es=Rt.div`
|
|
601
609
|
display: flex;
|
|
602
610
|
align-items: center;
|
|
603
611
|
gap: 8px;
|
|
604
612
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
605
613
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
606
|
-
`,
|
|
614
|
+
`,ts=Rt.div`
|
|
607
615
|
width: 18px;
|
|
608
616
|
height: 18px;
|
|
609
617
|
border-radius: 6px;
|
|
@@ -611,15 +619,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
611
619
|
display: flex;
|
|
612
620
|
align-items: center;
|
|
613
621
|
justify-content: center;
|
|
614
|
-
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:i})=>e?i.colors.majestic_blue:t?i.colors.majestic_blue_soft:i.colors.secondary+
|
|
622
|
+
background-color: ${({$isChecked:e,$isPartiallyChecked:t,theme:i})=>e?i.colors.majestic_blue:t?i.colors.majestic_blue_soft:i.colors.secondary+mr["020"]};
|
|
615
623
|
pointer-events: ${({$disabled:e})=>e?"none":"auto"};
|
|
616
624
|
transition: border 0.3s;
|
|
617
625
|
&:hover {
|
|
618
626
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
619
627
|
}
|
|
620
|
-
`,
|
|
628
|
+
`,is=({title:e,titleColor:t,tooltip:i,value:n=!1,partiallyChecked:o=!1,onChange:r,disabled:a,style:s,errorMessage:l,allowPropagation:c=!1})=>{const d=Lt(),[p,u]=yt(n);return wt(()=>u(n),[n]),_t(ra,{children:[_t(es,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:a,onClick:e=>{a||(c||e.stopPropagation(),r?r(!!o||!p):u(e=>!!o||!e))},style:s,children:[Nt(ts,{$isChecked:p,$isPartiallyChecked:o,$disabled:a,children:o?Nt(Je,{fill:d.text.white}):p?Nt(Ge,{fill:d.text.white}):null}),e&&Nt(Ia,{text:i,withIcon:!0,children:Nt(go,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"},children:e})})]}),!!l&&Nt(fo,{children:l})]})},ns=Rt(oa)`
|
|
621
629
|
gap: 0;
|
|
622
|
-
`,
|
|
630
|
+
`,os=Rt.button`
|
|
623
631
|
padding: 4px 8px;
|
|
624
632
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
625
633
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -631,22 +639,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
631
639
|
&:hover {
|
|
632
640
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
633
641
|
}
|
|
634
|
-
`,
|
|
642
|
+
`,rs=({isPrettyMode:e,setIsPrettyMode:t})=>_t(ns,{children:[Nt(os,{$position:"left",$selected:e,onClick:()=>t(!0),children:Nt(Xe,{})}),Nt(os,{$position:"right",$selected:!e,onClick:()=>t(!1),children:Nt(Ze,{})})]}),as=Rt.table`
|
|
635
643
|
border-collapse: collapse;
|
|
636
644
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
637
|
-
`,
|
|
645
|
+
`,ss=Rt.tbody``,ls=Rt.tr`
|
|
638
646
|
td:first-child {
|
|
639
647
|
padding-left: 0 !important;
|
|
640
648
|
}
|
|
641
649
|
td:last-child {
|
|
642
650
|
padding-right: 0 !important;
|
|
643
651
|
}
|
|
644
|
-
`,
|
|
652
|
+
`,cs=Rt.td`
|
|
645
653
|
vertical-align: top;
|
|
646
654
|
padding: 4px 6px;
|
|
647
|
-
`,
|
|
655
|
+
`,ds=Rt(go)`
|
|
648
656
|
white-space: nowrap;
|
|
649
|
-
`,
|
|
657
|
+
`,ps=Rt.span`
|
|
650
658
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
651
659
|
overflow-wrap: break-word;
|
|
652
660
|
word-break: break-word;
|
|
@@ -654,56 +662,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
654
662
|
/* Fallback for older browsers */
|
|
655
663
|
-ms-word-break: break-all;
|
|
656
664
|
font-size: 12px;
|
|
657
|
-
`,
|
|
665
|
+
`,us=({language:e,code:t,theme:i,flatten:n,pretty:o})=>{const{darkMode:r}=Lt(),a=i?Yt[i]:r?Yt.palenight:Yt.vsLight;let s="";if("json"===e){const e=_n(t,{}),i=Qn(e);s=eo(n?sn(i):i)}else s=t;return o&&"json"===e?Nt(hs,{darkMode:r,str:s}):Nt(Kt,{theme:a||(r?Yt.palenight:Yt.vsLight),language:e,code:s,children:({getLineProps:e,getTokenProps:t,tokens:i})=>Nt("pre",{children:i.map((i,n)=>Nt("div",{...e({line:i}),children:i.map((e,i)=>Nt(ps,{...t({token:e})},`line-${n}-token-${i}`))},`line-${n}`))})})},hs=({darkMode:e,str:t})=>{const i=Lt(),n=(e,t)=>{const n=new Array(e).fill(e=>_t(ls,{...e,children:[Nt(cs,{}),Nt(cs,{})]}));return Nt(ft,{children:n.map((e,n)=>Nt(e,{style:0===n?{borderBottom:`1px solid ${i.colors.border}`}:{}},`empty-row-${t}-${n}`))})};return Nt(Kt,{theme:e?Yt.palenight:Yt.vsLight,language:"json",code:t,children:({getLineProps:e,getTokenProps:t,tokens:o})=>Nt(as,{children:Nt(ss,{children:o.map((o,r)=>{const a=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const i=[...e],n=["property","string"].includes(i[0])?t.replace(/"/g,""):t;return"string"===i[0]&&(["true","false"].includes(n.split("@")[0])&&(i[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(i[0]="number")),{types:i,content:n}})})(o),s=e({line:a});return 1===a.length&&"property"===a[0].types[0]?_t(ft,{children:[n(2,r),_t(ls,{...s,children:[Nt(cs,{children:Nt(ds,{children:a[0].content})}),Nt(cs,{})]})]},`line-${r}`):2===a.length?Nt(ls,{...s,children:a.map((e,n)=>{const{text:o,components:a}=((e,t)=>{const[i,...n]=e.split("@");return{text:i,components:n?.map((e,i)=>{if(!e.includes("="))return null;const[n,o]=e.split("=");switch(n){case"tooltip":return Nt(Ia,{withIcon:!0,text:o},`${n}-${o}-${i}`);case"status":if("none"===o)return Nt("div",{style:{width:16,height:16}},`${n}-${o}-${i}`);let e=Fn(o,t);return e||(e=Fn(Si.Warning,t)),Nt(e,{},`${n}-${o}-${i}`);default:return null}})?.filter(e=>!!e)||[]}})(e.content,i),s=0===n;return Nt(cs,{children:_t(oa,{children:[Nt(oa,{children:a}),Nt(ps,{$noWrap:s,...t({token:e}),children:o})]})},`line-${r}-token-${n}`)})},`line-${r}`):(a.length,null)})})})})},ms={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 gs(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const i=(e.match(/^[0-9.]*/)||"").toString();t=i.includes(".")?parseFloat(i):parseInt(i,10);const n=(e.match(/[^0-9]*$/)||"").toString();return ms[n]?{value:t,unit:n}:{value:t,unit:"px"}}function $s(e){const t=gs(e);return`${t.value}${t.unit}`}const xs=(()=>{const e="react-spinners-FadeLoader-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const i=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return i&&i.insertRule(n,0),e})(),fs=({loading:e=!0,color:t,scale:i=1,speedMultiplier:n=1,cssOverride:o={},style:r={},...a})=>{const s=Lt(),l=t||s.text.secondary;if(!e)return null;const{value:c}=gs(2),d=c+4.2,p=d/2+d/5.5,u=4*d*i,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:i,...r,...o},m=(e,t)=>({position:"absolute",width:$s(1.5),height:$s(4),borderRadius:$s(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${xs} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return _t("span",{style:h,...a,children:[Nt("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),Nt("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),Nt("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),Nt("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),Nt("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),Nt("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),Nt("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),Nt("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}})]})},bs=Rt.div`
|
|
658
666
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
659
667
|
display: flex;
|
|
660
668
|
align-items: center;
|
|
661
669
|
justify-content: center;
|
|
662
|
-
`,
|
|
670
|
+
`,ys=({extend:e,size:t=14,align:i="center"})=>Nt(bs,{$align:i,children:Nt(Qe,{size:t,rotate:e?180:0})}),ws=Rt.div`
|
|
663
671
|
border-radius: 24px;
|
|
664
|
-
background-color: ${({theme:e,$status:t})=>t===Si.Error?e.text.error+
|
|
672
|
+
background-color: ${({theme:e,$status:t})=>t===Si.Error?e.text.error+mr["010"]:t===Si.Warning?e.text.warning+mr["010"]:e.colors.secondary+mr["005"]};
|
|
665
673
|
&:hover {
|
|
666
|
-
background-color: ${({theme:e,$status:t})=>t===Si.Error?e.text.error+
|
|
674
|
+
background-color: ${({theme:e,$status:t})=>t===Si.Error?e.text.error+mr["020"]:t===Si.Warning?e.text.warning+mr["020"]:e.colors.secondary+mr["010"]};
|
|
667
675
|
}
|
|
668
676
|
cursor: pointer;
|
|
669
677
|
transition: background 0.3s;
|
|
670
|
-
`,
|
|
678
|
+
`,vs=Rt.div`
|
|
671
679
|
display: flex;
|
|
672
680
|
align-items: center;
|
|
673
681
|
gap: 12px;
|
|
674
682
|
padding: 12px 18px;
|
|
675
|
-
`,
|
|
683
|
+
`,ks=Rt.div`
|
|
676
684
|
display: flex;
|
|
677
685
|
flex-direction: column;
|
|
678
686
|
gap: 8px;
|
|
679
687
|
padding: 6px 18px 12px 18px;
|
|
680
|
-
`,
|
|
688
|
+
`,Cs=Rt.div`
|
|
681
689
|
display: flex;
|
|
682
690
|
align-items: center;
|
|
683
691
|
gap: 12px;
|
|
684
|
-
`,
|
|
692
|
+
`,Ss=Rt(go)`
|
|
685
693
|
white-space: nowrap;
|
|
686
|
-
`,
|
|
694
|
+
`,Es=Rt(ra)`
|
|
687
695
|
width: 16px;
|
|
688
|
-
`,
|
|
696
|
+
`,As=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:i="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const o=Lt(),[r,a]=yt(!1),s=bt(()=>Hn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=bt(()=>un(s),[s]);wt(()=>{a(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?Si.Error:p?Si.Warning:u?Si.Info:Si.Success,$=Fn(g,o),x=c?t:p||u?i:m?"Loading...":n,f=c?o.text.error:p?o.text.warning:o.text.info,b=`(${c?l.length:p?d.length:s.length}/${s.length})`,y=c?o.text.error_secondary:p?o.text.warning_secondary:o.text.info_secondary,w=kt(()=>a(e=>!e),[]);return _t(ws,{onClick:w,$status:g,children:[_t(vs,{children:[Nt(m?fs:$,{}),Nt(go,{color:f,size:14,children:x}),Nt(go,{color:y,size:12,family:"secondary",children:b}),Nt(ys,{extend:r,align:"right"})]}),r&&Nt(ks,{children:s.map(({status:e,type:t,reason:i,message:n,lastTransitionTime:r},a)=>{const s=e===Ai.Loading?()=>Nt(fs,{scale:.8}):e===Ai.Disabled?Fn(Si.Info,o):Fn(e,o),l=e===Ai.Disabled?o.text.info:e===Si.Error?o.text.error:e===Si.Warning?o.text.warning:o.text.info,c=e===Ai.Disabled?o.text.info_secondary:e===Si.Error?o.text.error_secondary:e===Si.Warning?o.text.warning_secondary:o.text.info_secondary;return _t(Cs,{children:[Nt(Es,{children:Nt(s,{})}),_t(oa,{$gap:12,style:{width:"100%",justifyContent:"space-between"},children:[_t(go,{color:l,size:12,children:[Nt(Ss,{color:c,size:12,weight:700,children:t}),n||i]}),Nt(Ss,{color:l,size:12,children:new Date(r).toLocaleString()})]})]},`condition-${a}`)})})]})},Ds=Rt.div`
|
|
689
697
|
display: flex;
|
|
690
698
|
align-items: center;
|
|
691
699
|
gap: ${({$size:e})=>e/3}px;
|
|
692
700
|
padding: ${({$size:e,$withBorder:t,$withBackground:i})=>t||i?`${e/(t?3:2)}px ${e/(t?1.5:1)}px`:"0"};
|
|
693
701
|
width: ${({$width:e})=>e||"fit-content"};
|
|
694
702
|
border-radius: 360px;
|
|
695
|
-
border: ${({$withBorder:e,$status:t,theme:i})=>e?`1px solid ${i.text[t]+
|
|
696
|
-
background: ${({$withBackground:e,$status:t,theme:i})=>e?`linear-gradient(90deg, transparent 0%, ${i.text[t]+
|
|
697
|
-
`,
|
|
703
|
+
border: ${({$withBorder:e,$status:t,theme:i})=>e?`1px solid ${i.text[t]+mr["050"]}`:"none"};
|
|
704
|
+
background: ${({$withBackground:e,$status:t,theme:i})=>e?`linear-gradient(90deg, transparent 0%, ${i.text[t]+mr["030"]} 100%)`:"transparent"};
|
|
705
|
+
`,Ts=Rt.div`
|
|
698
706
|
display: flex;
|
|
699
707
|
align-items: center;
|
|
700
|
-
`,
|
|
708
|
+
`,zs=Rt.div`
|
|
701
709
|
display: flex;
|
|
702
710
|
align-items: center;
|
|
703
|
-
`,
|
|
711
|
+
`,Fs=({title:e,subtitle:t,status:i=Si.Default,forceIcon:n,withIcon:o,withBorder:r,withBackground:a,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Lt(),u=[Ai.Loading,Ai.Disabled].includes(i)?Si.Info:i,h=n?()=>Nt(n,{size:l+2,fill:p.text[u]}):i===Ai.Loading?()=>Nt(fs,{scale:.8}):()=>Fn(u,p)?.({size:l+2});return _t(Ds,{$status:u,$width:s,$size:l,$withIcon:o,$withBorder:r,$withBackground:a,children:[o&&Nt(Ts,{children:Nt(h,{})}),(!!e||!!t)&&_t(zs,{children:[!!e&&Nt(go,{size:l,family:c,color:p.text[u],nowrap:d,children:e}),!!e&&!!t&&Nt(Ca,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&Nt(go,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d,children:t})]})]})},Is=({label:e,onClick:t,variant:i="tertiary",textProps:n,...o})=>{const r=Lt();return _t(Ar,{onClick:t,variant:i,...o,children:[Nt(et,{fill:"primary"===i?r.text.primary:r.text.info}),Nt(go,{size:14,family:"secondary",decoration:"underline",color:"primary"===i?r.text.primary:void 0,...n,children:e||rn.ADD})]})},Os=Rt(oa)`
|
|
704
712
|
width: 100%;
|
|
705
713
|
border-radius: 8px;
|
|
706
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
714
|
+
background-color: ${({theme:e})=>e.colors.secondary+mr["010"]};
|
|
707
715
|
pre {
|
|
708
716
|
color: ${({theme:e})=>e.text.default};
|
|
709
717
|
font-size: 12px;
|
|
@@ -711,7 +719,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
711
719
|
width: 100%;
|
|
712
720
|
padding-left: 12px;
|
|
713
721
|
}
|
|
714
|
-
`,
|
|
722
|
+
`,Ns=({value:e,callbackCopyDone:t})=>{const{clickCopy:i,isCopied:n}=Mr();return _t(Os,{children:[Nt("pre",{children:e}),Nt(_a,{onClick:n=>{n.stopPropagation(),i(e),t?.()},tooltip:n?"Copied!":"Copy",children:Nt(n?Ge:Ke,{})})]})},_s=({label:e,onClick:t,variant:i="tertiary",...n})=>{const o=Lt();return _t(Ar,{onClick:t,variant:i,...n,children:[Nt(tt,{fill:"primary"===i?o.text.primary:o.text.info}),Nt(go,{size:14,family:"secondary",decoration:"underline",color:"primary"===i?o.text.primary:void 0,children:e||rn.EDIT})]})},Bs=({onClick:e})=>Nt(Va,{type:Si.Default,icon:He,message:on.QUICK_BACK_TO_SUMMARY,action:{label:on.GO_TO_SUMMARY,onClick:e}}),Rs=Rt(go)`
|
|
715
723
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
716
724
|
white-space: nowrap;
|
|
717
725
|
overflow-x: auto;
|
|
@@ -721,15 +729,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
721
729
|
content: '';
|
|
722
730
|
display: block;
|
|
723
731
|
}
|
|
724
|
-
`,
|
|
732
|
+
`,Ms=({maxWidth:e,text:t,textSize:i=16,textColor:n})=>{const[o,r]=yt(!1),a=vt(null);return wt(()=>{if(a.current){const{clientWidth:t}=a.current;r(t<1.05*(e-i)&&t>.95*(e-i))}},[e,i,t]),_t(oa,{$gap:0,children:[t&&Nt(Ia,{text:o?t:void 0,children:Nt(Rs,{ref:a,$maxWidth:e-i,size:i,color:n,children:t})}),o&&Nt(Rs,{$maxWidth:i,size:i,color:n,children:"..."})]})},Ls=({src:e="",alt:t="",size:i=16})=>{const[n,o]=yt(!1);return e&&!n?Nt("img",{src:e,alt:t,width:i,height:i,onError:()=>o(!0)}):Nt(a,{size:i})},Ps=Rt.div`
|
|
725
733
|
display: flex;
|
|
726
734
|
align-items: center;
|
|
727
735
|
justify-content: center;
|
|
728
736
|
width: ${({$size:e})=>e}px;
|
|
729
737
|
height: ${({$size:e})=>e}px;
|
|
730
738
|
border-radius: 8px;
|
|
731
|
-
background: ${({$status:e,theme:t})=>{const i=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${i} 0%, ${i+
|
|
732
|
-
`,
|
|
739
|
+
background: ${({$status:e,theme:t})=>{const i=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${i} 0%, ${i+mr["030"]} 100%)`}};
|
|
740
|
+
`,js=({icon:e,src:t="",alt:i="",status:n,size:o=36})=>Nt(Ps,{$status:n,$size:o,children:t?Nt(Ls,{src:t,alt:i,size:o-12}):Nt(e||a,{size:o-12})}),Us=Rt.div`
|
|
733
741
|
position: relative;
|
|
734
742
|
display: flex;
|
|
735
743
|
flex-wrap: wrap;
|
|
@@ -737,7 +745,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
737
745
|
justify-content: center;
|
|
738
746
|
width: ${({$size:e})=>e}px;
|
|
739
747
|
height: ${({$size:e})=>e}px;
|
|
740
|
-
`,
|
|
748
|
+
`,Ws=Rt.div`
|
|
741
749
|
position: absolute;
|
|
742
750
|
top: ${({$top:e})=>e}px;
|
|
743
751
|
left: ${({$left:e})=>e}px;
|
|
@@ -748,78 +756,78 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
748
756
|
width: ${({$size:e})=>e}px;
|
|
749
757
|
height: ${({$size:e})=>e}px;
|
|
750
758
|
border-radius: 100%;
|
|
751
|
-
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+
|
|
752
|
-
background: ${({$status:e,theme:t})=>{const i=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${i} 0%, ${i+
|
|
753
|
-
`,
|
|
759
|
+
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+mr["030"]};
|
|
760
|
+
background: ${({$status:e,theme:t})=>{const i=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${i} 0%, ${i+mr["030"]} 100%)`}};
|
|
761
|
+
`,Vs=({icons:e=[],iconSrcs:t=[],status:i,size:n=36,id:o})=>{const r=Lt(),a=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return Nt(Vs,{icons:t.map(e=>()=>Nt(Ls,{src:e,size:a})),status:i,size:n,id:o});if(1===e.length)return Nt(js,{icon:e[0],status:i,size:n});const s=t=>e.length<=2?.5*a:0===t||1===t?0:1.15*a,l=e=>0===e?0:1===e?1.15*a:1.15*a*.5;return Nt(Us,{$status:i,$size:n,children:e.map((t,n)=>n>2?null:Nt(Ws,{$status:i,$size:1.5*a,$top:s(n),$left:l(n),$zIndex:n+1,children:2===n&&e.length>3?_t(go,{family:"secondary",color:r.text.dark_grey,size:.8*a,children:["+",e.length-2]}):Nt(t,{size:a})},`icon-${o}-${n}`))})},qs=Po.map(({id:e})=>e),Hs=({monitors:e=qs,withTooltips:t,withLabels:i,size:n=12,color:o})=>{const r=Lt(),a=o||r.text.grey;return Nt(oa,{$gap:i?n:n/2,children:e.map(e=>{const o=Zt(e.toLowerCase()),r=Cn(e);return r?Nt(Ia,{text:t?o:"",children:_t(oa,{$gap:n/3,children:[Nt(r,{size:i?n+2:n,fill:a}),i&&Nt(go,{size:n,color:a,children:o})]})},e):null})})},Gs=Rt.div`
|
|
754
762
|
visibility: hidden;
|
|
755
|
-
`,
|
|
763
|
+
`,Ks=Rt.div`
|
|
756
764
|
display: flex;
|
|
757
765
|
flex-direction: column;
|
|
758
766
|
align-self: stretch;
|
|
759
767
|
padding: 16px;
|
|
760
768
|
width: calc(100% - 32px);
|
|
761
769
|
border-radius: 16px;
|
|
762
|
-
background-color: ${({theme:e,$status:t,$bgColor:i})=>i||(t?e.text[t]+
|
|
770
|
+
background-color: ${({theme:e,$status:t,$bgColor:i})=>i||(t?e.text[t]+mr["010"]:e.colors.secondary+mr["005"])};
|
|
763
771
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
764
772
|
|
|
765
773
|
${({theme:e,$status:t,$bgColorHover:i,$withClick:n})=>n?Mt`
|
|
766
774
|
&:hover {
|
|
767
775
|
cursor: pointer;
|
|
768
|
-
background-color: ${i||(t?e.text[t]+
|
|
769
|
-
${
|
|
776
|
+
background-color: ${i||(t?e.text[t]+mr["020"]:e.colors.secondary+mr["010"])};
|
|
777
|
+
${Gs} {
|
|
770
778
|
visibility: visible;
|
|
771
779
|
}
|
|
772
780
|
}
|
|
773
|
-
`:`\n &:hover {\n ${
|
|
774
|
-
`,
|
|
781
|
+
`:`\n &:hover {\n ${Gs} {\n visibility: visible;\n }\n }\n `}
|
|
782
|
+
`,Ys=Rt.div`
|
|
775
783
|
display: flex;
|
|
776
784
|
align-items: center;
|
|
777
785
|
gap: 8px;
|
|
778
786
|
margin-left: auto;
|
|
779
|
-
`,
|
|
787
|
+
`,Js=Rt(go)`
|
|
780
788
|
margin-right: 16px;
|
|
781
|
-
`,
|
|
789
|
+
`,Xs=Rt(go)`
|
|
782
790
|
font-size: 10px;
|
|
783
791
|
color: ${({theme:e})=>e.text.grey};
|
|
784
|
-
`,
|
|
792
|
+
`,Zs=({title:e,subTitle:t,hoverText:i,onClick:n,renderActions:o,iconProps:{icon:r,icons:a,iconSrc:s,iconSrcs:l}={},visualProps:{status:c,faded:d,bgColor:p,bgColorHover:u,monitors:h,monitorsWithLabels:m,componentsUnderTitles:g}={},checkboxProps:{withCheckbox:$,isCheckboxDisabled:x,isChecked:f,isLoading:b,onCheckboxChange:y}={},extendableProps:{withExtend:w,isExtended:v,renderExtended:k}={},...C})=>{const S=Lt(),[E,A]=yt(v||!1),[D,T]=yt(0),z=vt(null),F=vt(null),I=vt(null);return wt(()=>{if(z.current){const e=z.current.clientWidth,t=F.current?.clientWidth||0;T(e-(($?125:85)+t))}},[$]),_t(Ks,{ref:z,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C,children:[_t(oa,{$gap:8,children:[_t(oa,{$gap:16,children:[b?Nt(fs,{}):$?Nt(is,{value:f,onChange:y,disabled:x}):null,a?.length||l?.length?Nt(Vs,{icons:a,iconSrcs:l,status:c,id:`${e}-${t}`}):r||s?Nt(js,{icon:r,src:s,status:c}):null]}),_t(ra,{$gap:4,children:[e&&Nt(Ms,{maxWidth:D,text:e,textSize:14}),_t(oa,{$gap:4,children:[t&&Nt(Ms,{maxWidth:D-(I.current?.clientWidth||0),text:t,textSize:10,textColor:S.text.grey}),h&&h.length>0&&_t(oa,{$gap:4,ref:I,children:[t&&Nt(Xs,{children:"•"}),Nt(Hs,{monitors:h,withLabels:m,size:10})]})]}),g&&g.length>0?Nt(oa,{$gap:4,children:g?.map((e,t)=>Nt(ft,{children:e},`componentsUnderTitles-${t}`))}):null]}),_t(Ys,{ref:F,children:[!!i&&Nt(Gs,{children:Nt(Js,{size:14,family:"secondary",children:i})}),o&&o(),w&&_t(ft,{children:[Nt(Ca,{orientation:"vertical",length:"16px",margin:"0 2px"}),Nt(_a,{onClick:()=>A(e=>!e),children:Nt(ys,{extend:E})})]})]})]}),E&&k&&_t(ra,{children:[Nt(Ca,{margin:"16px 0"}),k()]})]})},Qs=Rt(oa)`
|
|
785
793
|
width: 100%;
|
|
786
794
|
justify-content: space-between;
|
|
787
|
-
`,
|
|
795
|
+
`,el=Rt(go)`
|
|
788
796
|
font-size: 12px;
|
|
789
797
|
color: ${({theme:e})=>e.text.grey};
|
|
790
|
-
`,
|
|
798
|
+
`,tl=Rt(go)`
|
|
791
799
|
font-size: 10px;
|
|
792
800
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
793
|
-
`,
|
|
801
|
+
`,il=Rt.div`
|
|
794
802
|
display: flex;
|
|
795
803
|
align-items: center;
|
|
796
804
|
gap: 8px;
|
|
797
805
|
margin-left: auto;
|
|
798
|
-
`,
|
|
806
|
+
`,nl=Rt(go)`
|
|
799
807
|
font-size: 12px;
|
|
800
808
|
text-align: right;
|
|
801
|
-
`,
|
|
809
|
+
`,ol=({title:e,subTitle:t,tooltip:i,value:n})=>_t(Qs,{children:[Nt(ra,{$gap:4,children:_t(Ia,{text:i||"",children:[e&&Nt(el,{children:e},"title"),t&&Nt(tl,{children:t},"subtitle")]})}),Nt(il,{children:n?.status?Nt(Fs,{status:"transitioning"===n.status?Ai.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):Nt(nl,{children:n?.text||"-"})})]}),rl=Rt(ra)`
|
|
802
810
|
width: 100%;
|
|
803
|
-
`,
|
|
811
|
+
`,al=({containerName:e,actualDevices:t,started:i,ready:n,instrumentationInstances:o})=>{const r=bt(()=>{const e=[];return i?.name&&e.push(Nt(Fs,{status:jn(i.value)?Xn(i.value)?Si.Success:Si.Error:Si.Default,title:i.name,withIcon:!0,withBorder:!0,size:8},"started")),n?.name&&e.push(Nt(Fs,{status:jn(n.value)?Xn(n.value)?Si.Success:Si.Error:Si.Default,title:n.name,withIcon:!0,withBorder:!0,size:8},"ready")),e},[i?.name,i?.value,n?.name,n?.value]);return Nt(Zs,{title:e.value,subTitle:o.length?`${o.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:r},renderActions:()=>Nt(Fs,{status:Si.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!o.length,renderExtended:()=>Nt(rl,{$gap:24,children:o.map((e,t)=>_t(rl,{$gap:8,children:[Nt(ol,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===Si.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>Nt(ol,{title:e,subTitle:"",value:{text:t,status:void 0}},`describe-${e}-${t}`))]},`process-${t}`))})}})},sl=({title:e="Data not found",subTitle:t})=>{const i=Lt().v2.colors.grey[400];return _t(aa,{children:[_t(oa,{$gap:8,children:[Nt(it,{fill:i}),Nt(so,{size:ro.XS,color:i,align:"center",children:e})]}),t&&Nt(so,{size:ro.XXS,color:i,align:"center",children:t})]})},ll=Rt(ra)`
|
|
804
812
|
max-width: 300px;
|
|
805
813
|
padding: 12px;
|
|
806
814
|
border-radius: 12px;
|
|
807
815
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
808
816
|
justify-content: center;
|
|
809
|
-
`,
|
|
817
|
+
`,cl=St(({id:e,data:t})=>{const{title:i,subTitle:n}=t;return Nt(ll,{"data-id":e,children:Nt(sl,{title:i,subTitle:n})})});cl.displayName=cl.name;const dl=Rt.div`
|
|
810
818
|
padding: 6px;
|
|
811
819
|
border-radius: 12px;
|
|
812
820
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
813
821
|
cursor: pointer;
|
|
814
|
-
`,
|
|
822
|
+
`,pl=Rt.div`
|
|
815
823
|
position: relative;
|
|
816
|
-
`,
|
|
824
|
+
`,ul=Rt(oa)`
|
|
817
825
|
position: absolute;
|
|
818
826
|
bottom: -24px;
|
|
819
827
|
left: 50%;
|
|
820
828
|
transform: translateX(-50%);
|
|
821
829
|
gap: 4px;
|
|
822
|
-
`,
|
|
830
|
+
`,hl=Rt.div`
|
|
823
831
|
position: absolute;
|
|
824
832
|
bottom: 100%;
|
|
825
833
|
left: 100%;
|
|
@@ -828,12 +836,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
828
836
|
border-radius: 16px;
|
|
829
837
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
830
838
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
831
|
-
`,
|
|
839
|
+
`,ml=({title:e,value:t})=>{const i=Lt();return _t(oa,{$justifyContent:"space-between",children:[Nt(go,{size:12,color:i.text.info,children:e}),Nt(go,{size:12,family:"secondary",children:t})]})},gl=St(({id:e,data:t})=>{const{id:i,status:n,title:o,icons:r,serviceMapEntry:a}=t,{activeNodeType:s,activeNodeId:l}=No(),c=Lt(),d=n===Si.Error?Fn(n,c):null;return _t(Bt,{children:[Nt(Ut,{type:"source",position:Wt.Bottom,style:{visibility:"hidden"}}),Nt(Ut,{type:"target",position:Wt.Top,style:{visibility:"hidden"}}),_t(pl,{"data-id":e,children:[Nt(dl,{children:Nt(Vs,{id:i,icons:r,status:n})}),_t(ul,{children:[d&&Nt(d,{}),Nt(Ms,{maxWidth:100,text:o})]}),s===zi.MapItem&&l===e&&_t(hl,{children:[_t(oa,{$gap:12,children:[Nt(Vs,{id:i,icons:r,status:n}),Nt(go,{size:20,children:o})]}),a&&a.services.length>0?a.services.map(({serviceName:e,requests:t,dateTime:n})=>_t("div",{children:[Nt(Ca,{}),Nt(ml,{title:"Connected Service",value:e}),Nt(ml,{title:"Outgoing Requests",value:t}),Nt(ml,{title:"Last Requested At",value:new Date(n).toLocaleString()})]},`from-${i}-to-${e}`)):_t(Bt,{children:[Nt(Ca,{}),Nt(sl,{title:"No outgoing connections",subTitle:" "})]})]})]})]})});gl.displayName=gl.name;const $l=Rt.div`
|
|
832
840
|
height: calc(100vh - 160px);
|
|
833
841
|
.react-flow__attribution {
|
|
834
842
|
visibility: hidden;
|
|
835
843
|
}
|
|
836
|
-
`,
|
|
844
|
+
`,xl=Rt.div`
|
|
837
845
|
button {
|
|
838
846
|
padding: 8px;
|
|
839
847
|
margin: 8px;
|
|
@@ -847,13 +855,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
847
855
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
848
856
|
}
|
|
849
857
|
}
|
|
850
|
-
|
|
858
|
+
`,fl={[zi.MapItem]:gl,[zi.NoData]:cl},bl=({nodes:e,edges:t,onNodesChange:i,onEdgesChange:n,fitView:o=!1,zoomOnScroll:r=!1})=>{const{onClickNode:a}=Ir(),{setActiveNodeType:s,setActiveNodeId:l}=No();return Nt($l,{children:Nt(Vt,{fitView:o,zoomOnScroll:r,nodes:e,nodeTypes:fl,edges:t,onNodeClick:a,onNodesChange:e=>{setTimeout(()=>i(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0,children:Nt(xl,{children:Nt(qt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}})})})})},yl=At({platformType:xi.K8s,tier:$i.Community,version:"v0.0.0"}),wl=({children:e,platformType:t,tier:i,version:n})=>{const o=bt(()=>({platformType:t,tier:i,version:n}),[t,i,n]);return Nt(yl.Provider,{value:o,children:e})},vl=(e,t)=>!t||no(e)>=no(t),kl=e=>{const t=Et(yl),i=vl(t.version,e),n=t.platformType===xi.Vm;return{...t,isVersionSupported:i,isVm:n}},Cl=At({formType:void 0}),Sl=({children:e,formType:t})=>{const i=bt(()=>({formType:t}),[t]);return Nt(Cl.Provider,{value:i,children:e})},El=()=>Et(Cl),Al=Rt.div`
|
|
851
859
|
display: flex;
|
|
852
860
|
|
|
853
861
|
align-items: center;
|
|
854
862
|
gap: 6px;
|
|
855
863
|
margin-bottom: 4px;
|
|
856
|
-
`,
|
|
864
|
+
`,Dl=Rt(go)`
|
|
857
865
|
font-size: 14px;
|
|
858
866
|
opacity: 0.8;
|
|
859
867
|
line-height: 22px;
|
|
@@ -861,16 +869,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
861
869
|
white-space: nowrap;
|
|
862
870
|
text-overflow: ellipsis;
|
|
863
871
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
864
|
-
`,
|
|
872
|
+
`,Tl=Rt(go)`
|
|
865
873
|
font-size: 12px;
|
|
866
874
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
867
875
|
opacity: 0.8;
|
|
868
|
-
`,
|
|
876
|
+
`,zl=({title:e,required:t,tooltip:i,style:n,status:o})=>e?Nt(Al,{style:n,children:_t(Ia,{text:i,withIcon:!0,children:[Nt(Dl,{$status:o,children:e}),!t&&Nt(Tl,{children:"(optional)"})]})}):null,Fl=Rt.div`
|
|
869
877
|
display: flex;
|
|
870
878
|
flex-direction: column;
|
|
871
879
|
position: relative;
|
|
872
880
|
width: 100%;
|
|
873
|
-
`,
|
|
881
|
+
`,Il=Rt.div`
|
|
874
882
|
width: 100%;
|
|
875
883
|
display: flex;
|
|
876
884
|
align-items: center;
|
|
@@ -896,7 +904,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
896
904
|
&:focus-within {
|
|
897
905
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
898
906
|
}
|
|
899
|
-
`,
|
|
907
|
+
`,Ol=Rt.input`
|
|
900
908
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
901
909
|
flex: 1;
|
|
902
910
|
min-width: 150px;
|
|
@@ -925,13 +933,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
925
933
|
-webkit-appearance: none;
|
|
926
934
|
margin: 0;
|
|
927
935
|
}
|
|
928
|
-
`,
|
|
936
|
+
`,Nl=Rt.div`
|
|
929
937
|
display: flex;
|
|
930
938
|
align-items: center;
|
|
931
939
|
margin-left: 12px;
|
|
932
|
-
`,
|
|
940
|
+
`,_l=Rt(Nl)`
|
|
933
941
|
cursor: pointer;
|
|
934
|
-
`,
|
|
942
|
+
`,Bl=Rt.button`
|
|
935
943
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
936
944
|
border: none;
|
|
937
945
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -946,15 +954,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
946
954
|
background-color: ${({theme:e})=>e.colors.border};
|
|
947
955
|
cursor: not-allowed;
|
|
948
956
|
}
|
|
949
|
-
`,
|
|
957
|
+
`,Rl=({icon:e,buttonLabel:t,onButtonClick:i,hasError:n,errorMessage:o,title:r,tooltip:a,required:s,value:l,onChange:c,type:d=Ci.Text,name:p,status:u,...h})=>{const m=Lt(),g=d===Ci.Password,[$,x]=yt(!1);return _t(Fl,{children:[Nt(zl,{title:r,required:s,tooltip:a,status:u}),_t(Il,{$disabled:h.disabled,$hasError:n||!!o,$isActive:!!h.autoFocus,$status:u,children:[g?Nt(_l,{onClick:()=>x(e=>!e),children:Nt($?nt:ot,{size:14,fill:m.text.grey})}):e?Nt(Nl,{children:Nt(e,{size:14,fill:m.text.grey})}):null,Nt(Ol,{"data-id":p,type:$||d===Ci.Number?Ci.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===Ci.Number&&(e.target.value=Jn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&i&&Nt(Bl,{onClick:i,disabled:h.disabled,children:t})]}),!!o&&Nt(fo,{children:o})]})},Ml=Rt.div`
|
|
950
958
|
display: flex;
|
|
951
959
|
flex-direction: column;
|
|
952
960
|
min-width: 120px;
|
|
953
961
|
width: 100%;
|
|
954
962
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
955
|
-
`,
|
|
963
|
+
`,Ll=Rt.div`
|
|
956
964
|
position: relative;
|
|
957
|
-
`,
|
|
965
|
+
`,Pl=Rt.div`
|
|
958
966
|
display: flex;
|
|
959
967
|
align-items: center;
|
|
960
968
|
justify-content: space-between;
|
|
@@ -980,14 +988,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
980
988
|
&:hover {
|
|
981
989
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:i,theme:n})=>i?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
982
990
|
}
|
|
983
|
-
`,
|
|
991
|
+
`,jl=Rt.div`
|
|
984
992
|
display: flex;
|
|
985
993
|
align-items: center;
|
|
986
994
|
gap: 4px;
|
|
987
|
-
`,
|
|
995
|
+
`,Ul=({options:e,value:t,onSelect:i,onDeselect:n,title:o,tooltip:r,placeholder:a,disabled:s=!1,isMulti:l=!1,showSearch:c=!1,required:d=!1,errorMessage:p,hasError:u=!1,status:h})=>{const[m,g]=yt(!1),[$,x]=yt(!1),f=vt(null);Hr(f,()=>g(!1));const b=()=>{(()=>{if(f.current){const e=f.current.getBoundingClientRect().bottom+300>window.innerHeight;x(e)}})(),g(e=>!e)},y=Array.isArray(t)?t.length:0;return _t(Ml,{$disabled:s,children:[Nt(zl,{title:o,required:d,tooltip:r,status:h}),_t(Ll,{ref:f,children:[_t(Pl,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b(),children:[Nt(Hl,{value:t,placeholder:a,onDeselect:n}),_t(jl,{children:[l&&Nt(kr,{label:y,filled:!!y}),Nt(ys,{extend:m})]})]}),m&&Nt(Yl,{openUpwards:$,options:e,value:t,onSelect:e=>{i?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})]}),!!p&&Nt(fo,{children:p})]})},Wl=Rt(jl)`
|
|
988
996
|
max-width: calc(100% - 50px);
|
|
989
997
|
overflow-x: auto;
|
|
990
|
-
`,
|
|
998
|
+
`,Vl=Rt(go)`
|
|
991
999
|
display: flex;
|
|
992
1000
|
align-items: center;
|
|
993
1001
|
gap: 2px;
|
|
@@ -1002,7 +1010,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1002
1010
|
transition: transform 0.3s;
|
|
1003
1011
|
}
|
|
1004
1012
|
}
|
|
1005
|
-
`,
|
|
1013
|
+
`,ql=Rt(go)``,Hl=({value:e,placeholder:t,onDeselect:i})=>{const n=Lt();return Array.isArray(e)?e.length?Nt(Wl,{children:e.map(e=>_t(Vl,{size:14,children:[e.value,Nt(Ca,{orientation:"vertical",length:"10px",margin:"0 4px"}),Nt(Ye,{size:12,onClick:t=>{t.stopPropagation(),i?.(e)}})]},`multi-label-${e.id}`))}):Nt(ql,{size:14,color:n.text.darker_grey,children:t}):Nt(ql,{size:14,color:e?.value?void 0:n.text.darker_grey,children:e?.value||t})},Gl=Rt.div`
|
|
1006
1014
|
position: absolute;
|
|
1007
1015
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1008
1016
|
left: 0;
|
|
@@ -1017,11 +1025,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1017
1025
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1018
1026
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1019
1027
|
border-radius: 24px;
|
|
1020
|
-
`,
|
|
1028
|
+
`,Kl=Rt.div`
|
|
1021
1029
|
display: flex;
|
|
1022
1030
|
flex-direction: column;
|
|
1023
1031
|
align-items: center;
|
|
1024
|
-
`,
|
|
1032
|
+
`,Yl=({openUpwards:e,options:t,value:i,onSelect:n,onDeselect:o,isMulti:r,showSearch:a})=>{const[s,l]=yt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return _t(Gl,{$openUpwards:e,children:[a&&_t(Kl,{children:[Nt(Rl,{placeholder:"Search...",icon:rt,value:s,onChange:e=>l(e.target.value)}),Nt(Ca,{thickness:1,margin:"8px 0 0 0"})]}),0===c.length?Nt(sl,{subTitle:a&&s?void 0:" "}):c.map((e,t)=>Nt(Xl,{option:e,value:i,isMulti:r,onSelect:n,onDeselect:o},`dropdown-option-${e.id||t}`))]})},Jl=Rt.div`
|
|
1025
1033
|
padding: 8px 12px;
|
|
1026
1034
|
cursor: pointer;
|
|
1027
1035
|
display: flex;
|
|
@@ -1030,23 +1038,23 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1030
1038
|
border-radius: 32px;
|
|
1031
1039
|
&:hover,
|
|
1032
1040
|
&.selected {
|
|
1033
|
-
background: ${({theme:e})=>e.colors.majestic_blue+
|
|
1041
|
+
background: ${({theme:e})=>e.colors.majestic_blue+mr["024"]};
|
|
1034
1042
|
}
|
|
1035
|
-
`,
|
|
1043
|
+
`,Xl=({option:e,value:t,isMulti:i,onSelect:n,onDeselect:o})=>{const r=Lt(),a=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):o?.(e);return i?Nt(Jl,{className:a?"selected":"",onClick:()=>s(!a),children:Nt(is,{title:e.value||"",titleColor:r.text.secondary,value:a,onChange:s,style:{width:"100%"}})}):_t(Jl,{className:a?"selected":"",onClick:()=>a?o?.(e):n?.(e),children:[_t(oa,{$gap:8,children:[e.icon&&Nt(e.icon,{}),Nt(go,{size:14,children:e.value})]}),a&&Nt(Ge,{})]})},Zl=Rt(ra)`
|
|
1036
1044
|
gap: 12px;
|
|
1037
|
-
`,
|
|
1045
|
+
`,Ql=Rt(oa)`
|
|
1038
1046
|
width: 100%;
|
|
1039
1047
|
gap: 12px;
|
|
1040
1048
|
align-items: flex-end;
|
|
1041
|
-
`,
|
|
1049
|
+
`,ec=({clientX:e=0,flipX:t,clientY:i=0,flipY:n,isOpen:o,onClose:r,onSave:a,withDelete:s,onDelete:l,title:c,titleTooltip:d,warning:p,children:u})=>{const h=Lt(),{popupRef:m,popupPosition:g,handlePosition:$}=Gr({onClickOutside:r});return qr({key:"Enter",active:o},a),wt(()=>$(e,i),[e,i]),0===g.top&&0!==i||0===g.left&&0!==e?null:Nt(Ta,{ref:m,isOpen:o,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",children:_t(Zl,{children:[Nt(Ia,{text:d,withIcon:!0,children:Nt(go,{size:14,children:c})}),_t(Ql,{children:[u,_t(oa,{$gap:6,children:[Nt(_a,{withBorder:!0,onClick:r,tooltip:"Cancel",children:Nt(Ye,{})}),Nt(_a,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:a,tooltip:"Save",children:Nt(Ge,{fill:h.text.primary})}),s&&Nt(_a,{onClick:l,tooltip:"Undo",children:Nt(at,{})})]})]}),p&&Nt(Va,{type:Si.Warning,message:p})]})})},tc=Rt.div`
|
|
1042
1050
|
position: relative;
|
|
1043
|
-
`,
|
|
1051
|
+
`,ic=({defaultLanguage:e=bi.Unknown,defaultVersion:t="",defaultOtelDistroName:i=null,handleSave:n})=>{const{tier:o}=kl(),{addNotification:r}=Qo(),{formData:a,handleFormChange:s,resetFormData:l}=Dr({language:e,version:t,otelDistroName:i}),[c,d]=yt(!1),p=()=>{d(!1),l()},u=bt(()=>{if(!a.language)return[];const e=Wo[a.language].community,t=o===$i.Onprem?Wo[a.language].enterprise:[];return e.concat(t)},[a.language,o]);return _t(tc,{children:[Nt(_a,{tooltip:on.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{d(!0)},children:Nt(tt,{})}),Nt(ec,{flipX:!0,clientX:36,isOpen:c,onClose:p,onSave:async()=>{!a.version||Vn(a.version)?(await n({...a}),p()):r({type:Si.Warning,message:nn.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:async()=>{await n({language:null,version:"",otelDistroName:null}),p()},title:on.OVERRIDE_RUNTIME_DETAILS,warning:on.OVERRIDE_RUNTIME_WARNING,children:_t(ra,{$gap:12,children:[_t(oa,{$gap:12,children:[Nt(Ul,{title:on.LANGUAGE,options:Uo,value:Uo.find(e=>e.id===a.language),onSelect:e=>{s("language",e.id),s("version",""),s("otelDistroName",null)},required:!0}),Nt(Rl,{title:on.RUNTIME_VERSION,placeholder:on.VERSION_PLACEHOLDER,value:a.version,onChange:e=>s("version",e.target.value),required:!1})]}),a.language&&Nt(Ul,{title:"Otel Distro Name",options:u,value:u.find(e=>e.id===a.otelDistroName),onSelect:e=>s("otelDistroName",e.id),required:!1})]})})]})},nc=Rt(oa)`
|
|
1044
1052
|
width: 100%;
|
|
1045
1053
|
justify-content: center;
|
|
1046
|
-
`,
|
|
1054
|
+
`,oc=({containerName:e,language:t,runtimeVersion:i,overriden:n,instrumented:o,instrumentationMessage:r,otelDistroName:a,callbackRuntimeOverride:s})=>{const l=Lt(),c=o?Si.Success:r?Si.Info:Si.Warning,d=o?Ei.INSTRUMENTED:r?Ei.NOT_INSTRUMENTED:Ei.INSTRUMENTING;return Nt(Zs,{title:e,subTitle:`${t?jo[t]:"no runtime info"}`+(i?` • Runtime Version: ${i}`:""),iconProps:{icon:mn(t)},extendableProps:{isExtended:!!r,renderExtended:()=>Nt(nc,{children:Nt(go,{size:12,family:"secondary",color:l.text.info,children:qn(r)})})},renderActions:()=>_t(Bt,{children:[Nt(Fs,{status:c,title:d,subtitle:a||void 0,withIcon:!0,withBorder:!0}),n&&Nt(Fs,{status:Si.Default,forceIcon:st,title:on.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&Nt(ic,{defaultLanguage:t,defaultVersion:i,defaultOtelDistroName:a,handleSave:t=>s({...t,containerName:e})})]})})},rc=Rt.tr`
|
|
1047
1055
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1048
1056
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1049
|
-
`,
|
|
1057
|
+
`,ac=Rt.td`
|
|
1050
1058
|
position: relative;
|
|
1051
1059
|
width: fit-content;
|
|
1052
1060
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1054,7 +1062,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1054
1062
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1055
1063
|
font-size: 14px;
|
|
1056
1064
|
white-space: nowrap;
|
|
1057
|
-
`,
|
|
1065
|
+
`,sc=Rt(go)`
|
|
1058
1066
|
font-size: 14px;
|
|
1059
1067
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1060
1068
|
line-height: 16px;
|
|
@@ -1067,7 +1075,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1067
1075
|
display: -webkit-box;
|
|
1068
1076
|
-webkit-line-clamp: 2;
|
|
1069
1077
|
-webkit-box-orient: vertical;
|
|
1070
|
-
`,
|
|
1078
|
+
`,lc=Rt.div`
|
|
1071
1079
|
position: absolute;
|
|
1072
1080
|
top: 0;
|
|
1073
1081
|
left: 0;
|
|
@@ -1075,57 +1083,57 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1075
1083
|
width: ${({$width:e})=>e}px;
|
|
1076
1084
|
height: ${({$height:e})=>e}px;
|
|
1077
1085
|
border-radius: 16px;
|
|
1078
|
-
background-color: ${({theme:e,$hovered:t,$status:i})=>t?i?e.text[i]+
|
|
1079
|
-
`,
|
|
1086
|
+
background-color: ${({theme:e,$hovered:t,$status:i})=>t?i?e.text[i]+mr["020"]:e.colors.majestic_blue+mr["030"]:i?e.text[i]+mr["010"]:e.colors.secondary+mr["005"]};
|
|
1087
|
+
`,cc=({index:e,columns:t,cells:i,onClick:n,status:o,faded:r})=>{const{containerRef:a,containerHeight:s,containerWidth:l}=Nr(),[c,d]=yt(!1);return Nt(rc,{ref:a,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:r,children:t.map(({key:t},n)=>{const r=i.find(({columnKey:e})=>e===t);if(!r)return null;const{value:a,textColor:d,withTooltip:p,icon:u,component:h}=r;return _t(ac,{$isFirst:0===n,children:[u?Nt(js,{icon:u}):h?Nt(h,{}):Nt(Ia,{text:p&&a?String(a):"",children:Nt(sc,{$color:d,children:Mn(a)?"-":a})}),0===n&&Nt(lc,{$height:s,$width:l,$top:s*e,$hovered:c,$status:o})]},`table-row-${t}-${a}-${e}-${n}`)})})},dc=Rt.div`
|
|
1080
1088
|
width: 100%;
|
|
1081
|
-
`,
|
|
1089
|
+
`,pc=Rt.table`
|
|
1082
1090
|
position: relative;
|
|
1083
1091
|
z-index: 0;
|
|
1084
1092
|
width: 100%;
|
|
1085
1093
|
border-collapse: separate;
|
|
1086
1094
|
border-spacing: 0 12px;
|
|
1087
|
-
`,
|
|
1095
|
+
`,uc=Rt.thead`
|
|
1088
1096
|
// only supported with "border-collapse: collapse;"
|
|
1089
1097
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1090
1098
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1091
|
-
`,
|
|
1099
|
+
`,hc=Rt.th`
|
|
1092
1100
|
// only required with "border-collapse: separate;"
|
|
1093
1101
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1094
1102
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1095
1103
|
|
|
1096
1104
|
padding: 8px;
|
|
1097
|
-
`,
|
|
1105
|
+
`,mc=Rt(oa)`
|
|
1098
1106
|
cursor: pointer;
|
|
1099
1107
|
&:hover {
|
|
1100
1108
|
* {
|
|
1101
1109
|
color: ${({theme:e})=>e.text.secondary};
|
|
1102
1110
|
}
|
|
1103
1111
|
}
|
|
1104
|
-
`,
|
|
1112
|
+
`,gc=Rt(go)`
|
|
1105
1113
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1106
1114
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1107
1115
|
text-transform: uppercase;
|
|
1108
1116
|
font-size: 12px;
|
|
1109
1117
|
font-weight: 500;
|
|
1110
1118
|
text-wrap: nowrap;
|
|
1111
|
-
|
|
1119
|
+
`,$c=Rt.tbody``,xc=({columns:e,rows:t})=>{const[i,n]=yt(gi.Ascending),[o,r]=yt("name"),a=kt(e=>{o===e?n(e=>e===gi.Ascending?gi.Descending:gi.Ascending):(r(e),n(gi.Ascending))},[o]),s=bt(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(o?[...t].sort((e,t)=>{const r=n(e,o),a=n(t,o);return(i===gi.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)))(r,a)}):t).map(({status:t,faded:i,cells:n,onClick:o},r)=>Nt(cc,{index:r,columns:e,cells:n,onClick:o,status:t,faded:i},`row-${r}`))},[e,t,o,i]);return Nt(dc,{children:_t(pc,{children:[Nt(uc,{children:Nt("tr",{children:e.map(({key:e,title:t,sortable:i})=>Nt(hc,{children:i?_t(mc,{onClick:()=>a(e),children:[Nt(lt,{}),Nt(gc,{children:t})]}):Nt(gc,{children:t})},`column-${e}`))})}),Nt($c,{children:s})]})})};var fc;!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"}(fc||(fc={}));const bc=Rt.div`
|
|
1112
1120
|
display: flex;
|
|
1113
1121
|
flex-wrap: wrap;
|
|
1114
1122
|
gap: 16px 32px;
|
|
1115
1123
|
width: 100%;
|
|
1116
|
-
`,
|
|
1124
|
+
`,yc=Rt.div`
|
|
1117
1125
|
display: flex;
|
|
1118
1126
|
flex-direction: column;
|
|
1119
1127
|
gap: 2px;
|
|
1120
1128
|
width: ${({$width:e})=>e};
|
|
1121
|
-
`,
|
|
1129
|
+
`,wc=Rt(go)`
|
|
1122
1130
|
color: ${({theme:e})=>e.text.grey};
|
|
1123
1131
|
font-size: 10px;
|
|
1124
1132
|
line-height: 16px;
|
|
1125
|
-
`,
|
|
1133
|
+
`,vc=Rt(go)`
|
|
1126
1134
|
font-size: 12px;
|
|
1127
1135
|
white-space: pre-wrap;
|
|
1128
|
-
`,
|
|
1136
|
+
`,kc=({data:e})=>Nt(bc,{children:e?.map(({type:e,title:t,titleIcon:i,tooltip:n,value:o},r)=>_t(yc,{$width:e&&[fc.Code,fc.Table].includes(e)?"inherit":e&&[fc.Loader,fc.Divider,fc.CopyText].includes(e)?"100%":"unset",children:[Nt(Ia,{text:n,withIcon:!0,children:_t(oa,{$alignItems:"center",$gap:4,children:[i&&Nt(i,{size:14}),!!t&&Nt(wc,{transform:"capitalize",children:t})]})}),Nt(Cc,{type:e,value:o})]},`data-field-${t||(o?JSON.stringify(o):r)}`))}),Cc=({type:e,value:t})=>{const i=Lt();switch(e){case fc.Divider:return Nt(Ca,{length:"100%",margin:"0"});case fc.Loader:return Nt(aa,{children:Nt(fs,{scale:1.2})});case fc.Monitors:return Nt(Hs,{monitors:t?.split(", ")||[],withLabels:!0,color:i.colors.secondary});case fc.Badge:{const{label:e,filled:i,...n}=_n(t,{label:"-",filled:!1});return Nt(kr,{label:e,filled:i,...n})}case fc.Code:{const{language:e,code:i,...n}=_n(t,{language:"",code:""});return Nt(us,{language:e,code:i,...n})}case fc.Table:{const{columns:e,rows:i,...n}=_n(t,{columns:[],rows:[{status:void 0,cells:[]}]});return Nt(xc,{columns:e,rows:i,...n})}case fc.ActiveStatus:return Nt(Fs,{status:"true"==t?Si.Success:Si.Error,title:"true"==t?on.ENABLED:on.DISABLED,size:10,withIcon:!0,withBorder:!0});case fc.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return Nt(Ns,{value:e})}default:return Nt(vc,{children:Zn("string"==typeof t?t||"-":"")})}},Sc=Rt.div`
|
|
1129
1137
|
display: flex;
|
|
1130
1138
|
flex-direction: column;
|
|
1131
1139
|
align-items: flex-start;
|
|
@@ -1134,90 +1142,90 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1134
1142
|
padding: 24px;
|
|
1135
1143
|
border-radius: 24px;
|
|
1136
1144
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1137
|
-
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+
|
|
1145
|
+
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+mr["010"]:"transparent"};
|
|
1138
1146
|
transition: background-color 0.3s;
|
|
1139
|
-
`,
|
|
1147
|
+
`,Ec=Rt.div`
|
|
1140
1148
|
width: 100%;
|
|
1141
1149
|
display: flex;
|
|
1142
1150
|
flex-direction: column;
|
|
1143
1151
|
gap: 4px;
|
|
1144
1152
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1145
|
-
`,
|
|
1153
|
+
`,Ac=Rt(go)`
|
|
1146
1154
|
width: 100%;
|
|
1147
1155
|
display: flex;
|
|
1148
1156
|
align-items: center;
|
|
1149
1157
|
gap: 8px;
|
|
1150
1158
|
font-size: 16px;
|
|
1151
|
-
`,
|
|
1159
|
+
`,Dc=Rt(go)`
|
|
1152
1160
|
font-size: 12px;
|
|
1153
1161
|
color: ${({theme:e})=>e.text.grey};
|
|
1154
|
-
`,
|
|
1162
|
+
`,Tc=Rt(oa)`
|
|
1155
1163
|
margin-left: auto;
|
|
1156
1164
|
gap: 8px;
|
|
1157
|
-
`,
|
|
1165
|
+
`,zc=({title:e="Details",titleBadge:t,titleIcon:i,description:n,action:o,withExtend:r,initialExtended:a=!1,data:s,children:l})=>{const[c,d]=yt(a),[p,u]=yt(!1);return _t(Sc,{$hovered:p,children:[e||i||n||o?_t(Ec,{$clickable:r||!1,onClick:()=>r&&d(e=>!e),onMouseEnter:()=>r&&u(!0),onMouseLeave:()=>r&&u(!1),children:[_t(oa,{children:[_t(oa,{$alignItems:"center",$gap:8,children:[i&&Nt(oa,{$alignItems:"center",children:Nt(i,{size:20})}),!!e&&Nt(Ac,{transform:"capitalize",children:e}),t===Ai.Loading?Nt(fs,{}):void 0!==t&&Nt(kr,{label:t})]}),(!!o||r)&&_t(Tc,{children:["function"==typeof o?Nt(o,{hovered:p}):o,r&&Nt(ys,{extend:c})]})]}),!!n&&Nt(Dc,{children:n})]}):null,(!r||r&&c)&&(l||Nt(kc,{data:s}))]})},Fc=Rt.div`
|
|
1158
1166
|
visibility: hidden;
|
|
1159
|
-
`,
|
|
1167
|
+
`,Ic=Rt(oa)`
|
|
1160
1168
|
align-self: stretch;
|
|
1161
1169
|
width: calc(100% - 32px);
|
|
1162
1170
|
padding: 16px;
|
|
1163
1171
|
border-radius: 16px;
|
|
1164
|
-
background-color: ${({theme:e})=>e.colors.secondary+
|
|
1172
|
+
background-color: ${({theme:e})=>e.colors.secondary+mr["005"]};
|
|
1165
1173
|
${({theme:e,$withClick:t})=>t?Mt`
|
|
1166
1174
|
&:hover {
|
|
1167
1175
|
cursor: pointer;
|
|
1168
|
-
background-color: ${e.colors.secondary+
|
|
1169
|
-
${
|
|
1176
|
+
background-color: ${e.colors.secondary+mr["010"]};
|
|
1177
|
+
${Fc} {
|
|
1170
1178
|
visibility: visible;
|
|
1171
1179
|
}
|
|
1172
1180
|
}
|
|
1173
|
-
`:`\n &:hover {\n ${
|
|
1174
|
-
`,
|
|
1181
|
+
`:`\n &:hover {\n ${Fc} {\n visibility: visible;\n }\n }\n `}
|
|
1182
|
+
`,Oc=Rt(oa)`
|
|
1175
1183
|
margin-left: auto;
|
|
1176
1184
|
gap: 8px;
|
|
1177
|
-
`,
|
|
1185
|
+
`,Nc=Rt(go)`
|
|
1178
1186
|
font-size: 10px;
|
|
1179
1187
|
color: ${({theme:e})=>e.text.grey};
|
|
1180
|
-
`,
|
|
1188
|
+
`,_c=({title:e,subTitle:t,icons:i,iconSrcs:n,onClick:o,renderActions:r})=>{const a=Lt(),[s,l]=yt(0),c=vt(null),d=vt(null);return wt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),_t(Ic,{ref:c,$gap:8,$withClick:!!o,onClick:o,children:[Nt(Vs,{id:`${e}-${t}`,icons:i,iconSrcs:n}),e&&Nt(Ms,{maxWidth:s/2,text:e,textSize:14}),e&&t&&Nt(Nc,{children:"•"}),t&&Nt(Ms,{maxWidth:s/2,text:t,textSize:10,textColor:a.text.grey}),Nt(Oc,{ref:d,children:r&&_t(Bt,{children:[Nt(Ca,{orientation:"vertical",length:"24px",margin:"0"}),r()]})})]})},Bc=({isOpen:e,noOverlay:t,name:i,type:n,isLastItem:o,onApprove:r,onDeny:a})=>{const s=n===wi.Source?"uninstrument":"delete";return Nt(Za,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${i?` ${i}`:""}`,description:`Are you sure you want to ${s}?`,note:o?{type:Si.Warning,title:`You're about to ${s} the last ${n||i}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:r},denyButton:{text:"Go Back",onClick:a}})},Rc=Rt(Ar)`
|
|
1181
1189
|
display: flex;
|
|
1182
1190
|
align-items: center;
|
|
1183
1191
|
justify-content: center;
|
|
1184
1192
|
font-size: 14px;
|
|
1185
1193
|
gap: 6px;
|
|
1186
1194
|
min-width: 100px;
|
|
1187
|
-
`,
|
|
1195
|
+
`,Mc=({endpoint:e="/",variant:t="secondary"})=>_t(Rc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer"),children:[Nt(ct,{size:18}),"Docs"]}),Lc=Rt(oa)`
|
|
1188
1196
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1189
|
-
`,
|
|
1197
|
+
`,Pc=Rt.div`
|
|
1190
1198
|
display: flex;
|
|
1191
1199
|
align-items: center;
|
|
1192
1200
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1193
1201
|
cursor: pointer;
|
|
1194
|
-
`,
|
|
1202
|
+
`,jc=Rt(go)`
|
|
1195
1203
|
padding: 12px;
|
|
1196
1204
|
font-size: 14px;
|
|
1197
1205
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1198
|
-
`,
|
|
1206
|
+
`,Uc=({tabs:e,hideBorder:t=!1})=>e?.length?Nt(Lc,{$hideBorder:t,children:e.map(({label:e,icon:t,onClick:i,selected:n})=>_t(Pc,{onClick:i,$selected:n,children:[Nt(jc,{$selected:n,children:e}),t&&Nt(t,{})]},`tab-${e}`))}):null,Wc=Rt.section`
|
|
1199
1207
|
padding: 0px 32px;
|
|
1200
1208
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1201
|
-
`,
|
|
1209
|
+
`,Vc=Rt.div`
|
|
1202
1210
|
height: 76px;
|
|
1203
1211
|
display: flex;
|
|
1204
1212
|
justify-content: space-between;
|
|
1205
1213
|
flex-shrink: 0;
|
|
1206
1214
|
align-self: stretch;
|
|
1207
|
-
`,
|
|
1215
|
+
`,qc=Rt.div`
|
|
1208
1216
|
display: flex;
|
|
1209
1217
|
align-items: center;
|
|
1210
1218
|
gap: ${({$gap:e})=>e||16}px;
|
|
1211
|
-
`,
|
|
1219
|
+
`,Hc=Rt(go)`
|
|
1212
1220
|
font-size: 18px;
|
|
1213
1221
|
line-height: 26px;
|
|
1214
1222
|
max-width: ${({$maxWidth:e})=>e};
|
|
1215
1223
|
overflow: hidden;
|
|
1216
1224
|
white-space: nowrap;
|
|
1217
1225
|
text-overflow: ellipsis;
|
|
1218
|
-
`,
|
|
1226
|
+
`,Gc=Rt(Ar)`
|
|
1219
1227
|
gap: 8px;
|
|
1220
|
-
`,
|
|
1228
|
+
`,Kc=Rt(Ar)``,Yc=({onClose:e,width:t,icons:i,iconSrcs:n,title:o,titleTooltip:r,replaceTitleWith:a,actions:s,actionButtons:l=[],tabs:c})=>_t(Wc,{children:[_t(Vc,{children:[_t(qc,{children:[i?.length||n?.length?Nt(Vs,{icons:i,iconSrcs:n,id:`drawer-header-${o}`}):null,("function"==typeof a?Nt(a,{}):a||null)||Nt(Ia,{text:r||o,withIcon:!!r,children:o&&Nt(Hc,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`,children:o})})]}),_t(qc,{$gap:2,children:[s,l.map((e,t)=>Nt(Gc,{...e},`header-action-button-${t}`)),Nt(Kc,{"data-id":"drawer-close",variant:"secondary",onClick:e,children:Nt(Ye,{size:12})})]})]}),Nt(Uc,{tabs:c,hideBorder:!0})]}),Jc=Rt.div`
|
|
1221
1229
|
display: flex;
|
|
1222
1230
|
justify-content: space-between;
|
|
1223
1231
|
gap: 8px;
|
|
@@ -1225,17 +1233,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1225
1233
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
1226
1234
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1227
1235
|
transform: translateY(100%);
|
|
1228
|
-
animation-name: ${
|
|
1229
|
-
`,
|
|
1236
|
+
animation-name: ${$r.in.bottom};
|
|
1237
|
+
`,Xc=Rt(oa)`
|
|
1230
1238
|
margin-right: auto;
|
|
1231
|
-
`,
|
|
1239
|
+
`,Zc=Rt(oa)`
|
|
1232
1240
|
margin: 0 auto;
|
|
1233
|
-
`,
|
|
1241
|
+
`,Qc=Rt(oa)`
|
|
1234
1242
|
margin-left: auto;
|
|
1235
|
-
`,
|
|
1243
|
+
`,ed=Rt(Ar)`
|
|
1236
1244
|
min-width: 140px;
|
|
1237
1245
|
font-size: 14px;
|
|
1238
|
-
`,
|
|
1246
|
+
`,td=({isOpen:e,leftButtons:t=[],centerButtons:i=[],rightButtons:n=[]})=>e?_t(Jc,{children:[Nt(Xc,{children:t.map((e,t)=>Nt(ed,{...e},`footer-left-button-${t}`))}),Nt(Zc,{children:i.map((e,t)=>Nt(ed,{...e},`footer-center-button-${t}`))}),Nt(Qc,{children:n.map((e,t)=>Nt(ed,{...e},`footer-right-button-${t}`))})]}):null,id=Rt.div`
|
|
1239
1247
|
position: fixed;
|
|
1240
1248
|
top: 0;
|
|
1241
1249
|
bottom: 0;
|
|
@@ -1243,56 +1251,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1243
1251
|
z-index: 1000;
|
|
1244
1252
|
width: ${({$width:e})=>e};
|
|
1245
1253
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
1246
|
-
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+
|
|
1254
|
+
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+mr["010"]};
|
|
1247
1255
|
overflow-y: auto;
|
|
1248
|
-
animation-name: ${({$position:e})
|
|
1249
|
-
`,
|
|
1256
|
+
animation-name: ${({$position:e})=>$r.in[e]};
|
|
1257
|
+
`,nd=Rt.div`
|
|
1250
1258
|
display: flex;
|
|
1251
1259
|
flex-direction: column;
|
|
1252
1260
|
height: 100%;
|
|
1253
|
-
`,
|
|
1261
|
+
`,od=Rt.div`
|
|
1254
1262
|
flex-grow: 1;
|
|
1255
1263
|
padding: 24px 32px;
|
|
1256
1264
|
overflow-y: auto;
|
|
1257
|
-
`,
|
|
1265
|
+
`,rd=({isOpen:e,onClose:t,closeOnEscape:i=!0,position:n="right",width:o="300px",children:r,header:a,footer:s})=>(qr({key:"Escape",active:e&&i},()=>t()),Fr(e),e?Ht.createPortal(_t(Bt,{children:[Nt(la,{hidden:!e,onClick:t}),Nt(id,{"data-id":"drawer",$position:n,$width:o,children:_t(nd,{children:[Nt(Yc,{onClose:t,width:o,...a}),Nt(od,{children:r}),Nt(td,{...s})]})})]}),document.body):null),ad=({error:e})=>{const t=Lt(),i={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return _t("div",{style:i.container,children:[Nt("h2",{children:"Something went wrong!"}),Nt("pre",{style:i.errorMessage,children:e?.message||"Unknown Error"}),_t("details",{style:i.errorStackWrapper,children:[Nt("summary",{children:"Stack Trace"}),Nt("pre",{style:i.errorStack,children:e?.stack||"Unknown Stack"})]}),Nt("p",{style:i.infoText,children:"Try refreshing the page or contact support"}),Nt(Ar,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"},children:"Reload"})]})},sd=({children:e})=>Nt(Jt,{FallbackComponent:({error:e,...t})=>Nt(hr,{children:Nt(ad,{...t,error:e})}),children:e}),ld=Rt(oa)`
|
|
1258
1266
|
position: relative;
|
|
1259
1267
|
width: calc(100% - 24px);
|
|
1260
1268
|
padding: 12px;
|
|
1261
1269
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1262
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border+
|
|
1263
|
-
`,
|
|
1270
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border+mr["050"]};
|
|
1271
|
+
`,cd=Rt(oa)`
|
|
1264
1272
|
margin-right: auto;
|
|
1265
1273
|
margin-left: 32px;
|
|
1266
1274
|
gap: 12px;
|
|
1267
|
-
`,
|
|
1275
|
+
`,dd=Rt(oa)`
|
|
1268
1276
|
margin-left: auto;
|
|
1269
1277
|
margin-right: 32px;
|
|
1270
1278
|
gap: 12px;
|
|
1271
|
-
`,
|
|
1279
|
+
`,pd=Rt(oa)`
|
|
1272
1280
|
position: absolute;
|
|
1273
1281
|
left: 50%;
|
|
1274
1282
|
transform: translateX(-50%);
|
|
1275
1283
|
gap: 12px;
|
|
1276
|
-
`,
|
|
1284
|
+
`,ud=({left:e=[],center:t=[],right:i=[]})=>_t(ld,{children:[Nt(cd,{children:e.map((e,t)=>e&&Nt(ft,{children:e},t))}),Nt(pd,{children:t.map((e,t)=>e&&Nt(ft,{children:e},t))}),Nt(dd,{children:i.map((e,t)=>e&&Nt(ft,{children:e},t))})]}),hd=Rt(go)`
|
|
1277
1285
|
color: ${({theme:e})=>e.text.grey};
|
|
1278
|
-
`,
|
|
1286
|
+
`,md=({icon:e,title:t,badge:i,badgeTooltip:n,loading:o})=>_t(oa,{$gap:6,children:[e&&Nt(e,{}),Nt(hd,{size:14,children:t}),void 0!==i&&Nt(Ia,{text:n,children:Nt(kr,{label:i})}),o&&Nt(fs,{})]}),gd=Rt.div`
|
|
1279
1287
|
width: fit-content;
|
|
1280
1288
|
height: fit-content;
|
|
1281
1289
|
padding: 4px;
|
|
1282
1290
|
gap: 4px;
|
|
1283
1291
|
border-radius: 32px;
|
|
1284
|
-
border: 1px solid ${({theme:e})=>e.colors.border+
|
|
1292
|
+
border: 1px solid ${({theme:e})=>e.colors.border+mr["070"]};
|
|
1285
1293
|
|
|
1286
1294
|
display: flex;
|
|
1287
1295
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1288
1296
|
align-items: center;
|
|
1289
1297
|
justify-content: center;
|
|
1290
|
-
|
|
1298
|
+
`,$d=Rt.div`
|
|
1291
1299
|
width: 32px;
|
|
1292
1300
|
height: 32px;
|
|
1293
1301
|
|
|
1294
1302
|
border-radius: 100%;
|
|
1295
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+
|
|
1303
|
+
background-color: ${({theme:e,$selected:t})=>t?e.colors.majestic_blue+mr["070"]:e.colors.secondary+mr["012"]};
|
|
1296
1304
|
transition: background-color 0.3s;
|
|
1297
1305
|
|
|
1298
1306
|
display: flex;
|
|
@@ -1300,63 +1308,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1300
1308
|
justify-content: center;
|
|
1301
1309
|
|
|
1302
1310
|
cursor: pointer;
|
|
1303
|
-
`,
|
|
1311
|
+
`,xd=({orientation:e="vertical",flip:t,mainIcons:i,subIcons:n})=>_t(gd,{$orientation:e,$flip:t,children:[i.map(({icon:e,selected:t,onClick:i,tooltip:n},o)=>Nt(Ia,{text:n,children:Nt($d,{$selected:t,onClick:i,children:Nt(e,{size:20})})},`main-nav-icon-${o}`)),!!i.length&&!!n.length&&Nt(Ca,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:i,tooltip:n},o)=>Nt(Ia,{text:n,children:Nt($d,{$selected:t,onClick:i,children:Nt(e,{size:20})})},`sub-nav-icon-${o}`))]}),fd=Rt.div`
|
|
1304
1312
|
display: flex;
|
|
1305
1313
|
flex-direction: column;
|
|
1306
1314
|
width: 100%;
|
|
1307
|
-
`,
|
|
1315
|
+
`,bd=Rt.div`
|
|
1308
1316
|
display: flex;
|
|
1309
1317
|
flex-direction: column;
|
|
1310
1318
|
gap: 8px;
|
|
1311
|
-
`,
|
|
1319
|
+
`,yd=Rt.div`
|
|
1312
1320
|
display: flex;
|
|
1313
1321
|
align-items: center;
|
|
1314
1322
|
gap: 16px;
|
|
1315
|
-
`,
|
|
1323
|
+
`,wd=Rt(_a)`
|
|
1316
1324
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1317
1325
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1318
|
-
`,
|
|
1326
|
+
`,vd=({initialValues:e=[],value:t,onChange:i,title:n,tooltip:o,required:r,errorMessage:a})=>{const[s,l]=yt(t||e);wt(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=vt(JSON.stringify(c));wt(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,i&&i(c))},[c]);const p=(e,t)=>{l(i=>{const n=[...i];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return _t(fd,{children:[Nt(zl,{title:n,required:r,tooltip:o}),Nt(bd,{children:s.map((e,t)=>{const i=t===s.length-1;return _t(yd,{children:[Nt(Rl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!a,autoFocus:Mn(e)&&!u&&i}),t===s.length-1&&Nt(wd,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})},children:Nt(et,{})}),Nt(wd,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,i)=>i!==e))})(t),children:Nt(at,{})})]},`input-list-${t}`)})}),!!a&&Nt(fo,{children:a})]})},kd=({col:e,colIdx:t,row:i,rowIdx:n,rowsLength:o,maxWidth:r,handleChange:a,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:c,title:d,tooltip:p,placeholder:u,required:h,type:m,componentType:g,options:$,renderCondition:x}=e,f=i[c];return x&&!x(i)?null:Nt("td",{style:{maxWidth:r,padding:"4px 6px 4px 0"},children:(()=>{switch(g){case ki.Dropdown:const e=$?.find(e=>e.id===f);return Nt(Ul,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:$||[],value:e,onSelect:e=>a(c,e.id,n),onDeselect:()=>a(c,"",n),hasError:!!s&&(!h||h&&Mn(f))});case"multi-dropdown":const i=Array.isArray(f)&&$?.filter(e=>f.includes(e.id))||[];return Nt(Ul,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:$||[],value:i,isMulti:!0,onSelect:e=>{const t=[...Array.isArray(f)?f:[],e.id];a(c,t,n)},onDeselect:e=>{const t=(Array.isArray(f)?f:[]).filter(t=>t!==e.id);a(c,t,n)},hasError:!!s&&(!h||h&&Mn(f))});default:const g=o>1&&n===o-1&&0===t&&Mn(f);return Nt(Rl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:m,required:h,autoFocus:g,value:f,onChange:({target:{value:e}})=>a(c,e,n),style:{maxWidth:r,paddingLeft:10},hasError:!!s&&(!h||h&&Mn(f))})}})()},`input-table-${n}-${c}`)},Cd=Rt.div`
|
|
1319
1327
|
display: flex;
|
|
1320
1328
|
flex-direction: column;
|
|
1321
1329
|
width: 100%;
|
|
1322
|
-
`,
|
|
1330
|
+
`,Sd=Rt.button`
|
|
1323
1331
|
margin-top: ${({$marginTop:e})=>e};
|
|
1324
1332
|
background: none;
|
|
1325
1333
|
border: none;
|
|
1326
1334
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1327
1335
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1328
|
-
`,
|
|
1336
|
+
`,Ed=({columns:e,initialValues:t=[],value:i,onChange:n,errorMessage:o,limitFieldsPerRow:r,title:a=""})=>{const[s,l]=yt({}),[c,d]=yt(i||t),p=bt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);wt(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,i]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&Mn(i))return!1}return!0}),h=vt(JSON.stringify(u)),m=u.length!==c.length,g=`${Math.floor(640/((r||e.length)+.4))}px`;wt(()=>{const e=JSON.stringify(u);h.current!==e&&(h.current=e,n&&n(u))},[u]);const $=(e,t,i)=>{d(n=>{const o=ii(n);return o[i][e]=t,o})},x=bt(()=>{if(r){const t=[];for(let i=0;;i+=r){const n=e.slice(i,i+r);if(!n.length)break;t.push(n)}return t}return[e]},[r,e]);return _t(Cd,{children:[Nt(zl,{title:a}),_t("table",{style:{borderCollapse:"collapse"},children:[!r&&Nt("thead",{children:_t("tr",{children:[e.map(({title:e,tooltip:t,required:i})=>Nt("th",{style:{maxWidth:g},children:Nt(zl,{title:e,required:i,tooltip:t})},`input-table-head-${e}`)),Nt("th",{})]})}),Nt("tbody",{children:c.map((t,i)=>_t(ft,{children:[r&&i>0?Nt("tr",{children:Nt("td",{colSpan:x.length,children:Nt(Ca,{})})}):null,x.map((n,a)=>_t("tr",{children:[n.map((e,n)=>Nt(kd,{col:e,colIdx:n,row:t,rowIdx:i,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:r,errorMessage:o,handleChange:$},`input-table-row-${i}-col-${n}`)),0===a&&Nt("td",{children:Nt(Sd,{$marginTop:r?"24px":"0",onClick:()=>{return t=i,void(c.length>1?d(e=>e.filter((e,i)=>i!==t)):e.forEach(({keyName:e,type:i})=>$(e,i===Ci.Number?"0":"",t)));var t},children:Nt(at,{})})})]},`input-table-matrix-${i}-${a}`))]},`input-table-row-${i}`))})]}),!!o&&Nt(fo,{children:o}),Nt(Is,{onClick:()=>{d(e=>{const t=ii(e);return t.push(ii(s)),t})},disabled:m})]})},Ad=Rt.div`
|
|
1329
1337
|
display: flex;
|
|
1330
1338
|
flex-direction: column;
|
|
1331
1339
|
width: 100%;
|
|
1332
|
-
`,
|
|
1340
|
+
`,Dd=Rt.div`
|
|
1333
1341
|
display: flex;
|
|
1334
1342
|
flex-direction: column;
|
|
1335
1343
|
gap: 8px;
|
|
1336
|
-
`,
|
|
1344
|
+
`,Td=Rt.div`
|
|
1337
1345
|
display: flex;
|
|
1338
1346
|
align-items: center;
|
|
1339
1347
|
gap: 8px;
|
|
1340
|
-
`,
|
|
1348
|
+
`,zd=Rt.div`
|
|
1341
1349
|
width: 100%;
|
|
1342
1350
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1343
|
-
`,
|
|
1351
|
+
`,Fd=Rt(_a)`
|
|
1344
1352
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1345
1353
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1346
|
-
`,
|
|
1354
|
+
`,Id={key:"",value:""},Od=({initialKeyValuePairs:e=[],value:t,onChange:i,title:n,tooltip:o,disabled:r,required:a,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=yt(t||e);wt(()=>{p.length||u([{...Id}])},[]);const h=p.filter(({key:e,value:t})=>!Mn(e.trim())&&!Mn(t.trim())),m=vt(JSON.stringify(h));wt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,i&&i(h))},[h]);const g=(e,t,i)=>{u(n=>{const o=[...n];return o[i][e]=t,o})},$=p.length<=1,x=r||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),f=r||$&&x;return _t(Ad,{children:[Nt(zl,{title:n,required:a,tooltip:o}),Nt(Dd,{children:p.map(({key:e,value:t},i)=>_t(Td,{children:[Nt(zd,{$maxWidth:d,children:Nt(Rl,{placeholder:l,disabled:r,value:e,onChange:e=>g("key",e.target.value,i),hasError:!!s&&(!a||a&&!e),autoFocus:Mn(t)&&!$&&i===p.length-1})}),Nt(zd,{$maxWidth:i===p.length-1?d-38:d,children:Nt(Rl,{placeholder:c,disabled:r,value:t,onChange:e=>g("value",e.target.value,i),hasError:!!s&&(!a||a&&Mn(t)),autoFocus:!1})}),i===p.length-1&&Nt(Fd,{withBorder:!0,size:30,$disabled:x,onClick:x?void 0:()=>{u(e=>{const t=[...e];return t.push({...Id}),t})},children:Nt(et,{})}),Nt(Fd,{size:30,$disabled:f,onClick:f?void 0:()=>(e=>{$?(g("key","",e),g("value","",e)):u(t=>t.filter((t,i)=>i!==e))})(i),children:Nt(at,{})})]},`key-value-input-list-${i}`))}),!!s&&Nt(fo,{children:s})]})},Nd=jt`
|
|
1347
1355
|
0% {
|
|
1348
1356
|
background-position: 0% 50%;
|
|
1349
1357
|
}
|
|
1350
1358
|
100% {
|
|
1351
1359
|
background-position: 100% 50%;
|
|
1352
1360
|
}
|
|
1353
|
-
`,
|
|
1361
|
+
`,_d=Rt(go)`
|
|
1354
1362
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1355
1363
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1356
1364
|
background-clip: text;
|
|
1357
1365
|
color: transparent;
|
|
1358
|
-
animation: ${
|
|
1359
|
-
`,
|
|
1366
|
+
animation: ${Nd} 1s reverse linear infinite;
|
|
1367
|
+
`,Bd=({children:e="Loading...",textColor:t,stripColor:i,...n})=>{const o=Lt(),r=t||o.v2.colors.white[500],a=i||o.v2.colors.black[500];return Nt(_d,{$textColor:r,$stripColor:a,...n,children:e})},Rd=Rt.div`
|
|
1360
1368
|
display: flex;
|
|
1361
1369
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1362
1370
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1365,51 +1373,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1365
1373
|
border-radius: 32px;
|
|
1366
1374
|
padding: 8px;
|
|
1367
1375
|
`}
|
|
1368
|
-
`,
|
|
1376
|
+
`,Md=(e,t)=>!t?.length||!!t?.find(t=>t===e),Ld=({isVertical:e,title:t="Monitors",required:i,errorMessage:n,allowedSignals:o,selectedSignals:r,setSelectedSignals:a})=>{const[s,l]=yt(1===r.length),c=vt(JSON.stringify(r));return wt(()=>{const e=r;e.length||Po.forEach(({id:t})=>{Md(t,o)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,a(e),l(1===e.length)),()=>{c.current=""}},[o]),_t("div",{children:[t&&Nt(zl,{title:t,required:i}),Nt(Rd,{$isVertical:e,$hasError:!!n,children:Po.map(e=>{const t=Md(e.id,o),i=((e,t)=>!!t?.find(t=>t===e))(e.id,r);return t?Nt(is,{title:e.value,disabled:!t||s&&i,value:i,onChange:t=>((e,t)=>{const i=e,n=t?[...r,i]:r.filter(e=>e!==i);a(n),l(1===n.length)})(e.id,t)},e.id):null})}),!!n&&Nt(fo,{children:n})]})},Pd=Rt.div`
|
|
1369
1377
|
display: flex;
|
|
1370
1378
|
gap: 8px;
|
|
1371
1379
|
align-items: center;
|
|
1372
|
-
`,
|
|
1380
|
+
`,jd=Rt(Ar)`
|
|
1373
1381
|
display: flex;
|
|
1374
1382
|
align-items: center;
|
|
1375
1383
|
justify-content: center;
|
|
1376
1384
|
gap: 8px;
|
|
1377
1385
|
min-width: 90px;
|
|
1378
|
-
`,
|
|
1386
|
+
`,Ud=({buttons:e})=>{const t=Lt(),i=({button:t,index:i})=>e.length>1&&0===i&&(t.icon||t.iconSrc),n=({button:e,rotate:i})=>e.icon?Nt(e.icon,{size:14,rotate:i,fill:t.text[e.variant||"secondary"]}):e.iconSrc?Nt("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return Nt(Pd,{children:e.map((e,t)=>Nt(Ia,{text:e.tooltip||"",children:_t(jd,{variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled,children:[i({button:e,index:t})&&n({button:e,rotate:0}),e.label,!i({button:e,index:t})&&n({button:e,rotate:180})]},t)},t))})},Wd=Rt.div`
|
|
1379
1387
|
height: ${({$height:e})=>e}px;
|
|
1380
1388
|
width: 100%;
|
|
1381
1389
|
overflow: auto;
|
|
1382
|
-
`,
|
|
1390
|
+
`,Vd=Rt.div`
|
|
1383
1391
|
height: ${({$height:e})=>e}px;
|
|
1384
1392
|
width: 100%;
|
|
1385
1393
|
position: relative;
|
|
1386
|
-
`,
|
|
1394
|
+
`,qd=Rt.div`
|
|
1387
1395
|
height: ${({$height:e})=>e}px;
|
|
1388
1396
|
width: 100%;
|
|
1389
1397
|
position: absolute;
|
|
1390
1398
|
top: 0;
|
|
1391
1399
|
left: 0;
|
|
1392
1400
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1393
|
-
`,
|
|
1401
|
+
`,Hd=({containerHeight:e,elementHeight:t,elements:i})=>{const{overflowRef:n,listHeight:o,listItems:r}=Ur({items:i,rowHeight:t});return Nt(Wd,{ref:n,$height:e,children:Nt(Vd,{$height:o,children:r.map(({key:e,index:t,size:n,start:o})=>{const r=t>i.length-1,a=i[t];return Nt(qd,{$height:n,$yOffset:o,children:r?Nt(aa,{children:Nt(Bd,{})}):a},e)})})})},Gd=Rt.div`
|
|
1394
1402
|
display: flex;
|
|
1395
1403
|
justify-content: space-between;
|
|
1396
1404
|
align-items: center;
|
|
1397
1405
|
gap: 16px;
|
|
1398
|
-
`,
|
|
1406
|
+
`,Kd=Rt.div`
|
|
1399
1407
|
display: flex;
|
|
1400
1408
|
flex-direction: column;
|
|
1401
1409
|
gap: 4px;
|
|
1402
|
-
`,
|
|
1410
|
+
`,Yd=Rt.div`
|
|
1403
1411
|
display: flex;
|
|
1404
1412
|
align-items: center;
|
|
1405
1413
|
gap: 8px;
|
|
1406
|
-
`,
|
|
1414
|
+
`,Jd=Rt(go)``,Xd=Rt(go)``,Zd=({title:e,description:t,badgeLabel:i,icon:n,actionButton:o,size:r="medium"})=>{const a="small"===r?16:"medium"===r?20:24,s="small"===r?12:"medium"===r?14:16;return _t(Gd,{children:[_t(Kd,{children:[_t(Yd,{children:[n&&Nt(n,{size:a}),Nt(Jd,{weight:300,size:a,children:e}),void 0!==i&&Nt(kr,{label:i,filled:!!i})]}),Nt(Xd,{weight:200,opacity:.8,size:s,children:t})]}),o&&Nt("div",{children:o})]})},Qd=Rt.div`
|
|
1407
1415
|
position: relative;
|
|
1408
1416
|
gap: 0;
|
|
1409
1417
|
z-index: 0;
|
|
1410
1418
|
display: grid;
|
|
1411
1419
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1412
|
-
`,
|
|
1420
|
+
`,ep=Rt.button`
|
|
1413
1421
|
flex: 1;
|
|
1414
1422
|
display: flex;
|
|
1415
1423
|
align-items: center;
|
|
@@ -1423,7 +1431,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1423
1431
|
&:hover {
|
|
1424
1432
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1425
1433
|
}
|
|
1426
|
-
`,
|
|
1434
|
+
`,tp=Rt.div`
|
|
1427
1435
|
position: absolute;
|
|
1428
1436
|
top: ${({$y:e})=>e}px;
|
|
1429
1437
|
left: ${({$x:e})=>e}px;
|
|
@@ -1433,85 +1441,85 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1433
1441
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1434
1442
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1435
1443
|
transition: all 0.3s;
|
|
1436
|
-
`,
|
|
1444
|
+
`,ip=({options:e=[],selected:t,setSelected:i})=>{const n=e.findIndex(e=>e.value===t),[o,r]=yt(e[n]?.selectedBgColor||""),[a,s]=yt({width:0,height:0}),[l,c]=yt({x:0,y:0}),d=vt(null);return wt(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),_t(Qd,{$count:e.length,children:[e.map(({icon:n,label:o,value:a,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===a;return _t(ep,{ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{i(a),r(s||"")},children:[n&&Nt(n,{}),o&&Nt(go,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0,children:o})]},`segment-${o||c}-${a}`)}),Nt(tp,{$bgColor:o,$width:a.width,$height:a.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1})]})},np=Rt(Ar)`
|
|
1437
1445
|
gap: 8px;
|
|
1438
1446
|
text-transform: none;
|
|
1439
1447
|
text-decoration: none;
|
|
1440
1448
|
border: ${({theme:e,$withBorder:t})=>`1px solid ${t?e.colors.border:"transparent"}`};
|
|
1441
1449
|
&.not-selected {
|
|
1442
|
-
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+
|
|
1450
|
+
background-color: ${({theme:e,$color:t})=>t||e.colors.dropdown_bg_2+mr["060"]};
|
|
1443
1451
|
&:hover {
|
|
1444
1452
|
background-color: ${({theme:e,$hoverColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1445
1453
|
}
|
|
1446
1454
|
}
|
|
1447
1455
|
&.selected {
|
|
1448
|
-
background-color: ${({theme:e})=>e.colors.majestic_blue+
|
|
1456
|
+
background-color: ${({theme:e})=>e.colors.majestic_blue+mr["030"]};
|
|
1449
1457
|
}
|
|
1450
|
-
`,
|
|
1458
|
+
`,op=Rt(go)`
|
|
1451
1459
|
white-space: nowrap;
|
|
1452
1460
|
overflow: hidden;
|
|
1453
1461
|
text-overflow: ellipsis;
|
|
1454
1462
|
font-size: 14px;
|
|
1455
|
-
`,
|
|
1463
|
+
`,rp=({label:e,onClick:t,icon:i,iconSrc:n,badgeLabel:o,badgeFilled:r,isSelected:a,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Lt();return _t(np,{onClick:t,className:a?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d,children:[i&&Nt("div",{children:Nt(i,{fill:p.text.info})}),n&&Nt("div",{children:Nt("img",{src:n,alt:"",width:16,height:16})}),Nt(op,{children:e}),a&&Nt("div",{children:Nt(Ge,{fill:p.colors.majestic_blue_soft})}),void 0!==o&&Nt(kr,{label:o,filled:r||a})]})},ap=Rt.div`
|
|
1456
1464
|
display: flex;
|
|
1457
1465
|
flex-direction: column;
|
|
1458
1466
|
gap: 16px;
|
|
1459
1467
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1460
|
-
`,
|
|
1468
|
+
`,sp=Rt.div`
|
|
1461
1469
|
display: flex;
|
|
1462
1470
|
align-items: center;
|
|
1463
1471
|
gap: 16px;
|
|
1464
|
-
`,
|
|
1472
|
+
`,lp=Rt.div`
|
|
1465
1473
|
width: 50px;
|
|
1466
1474
|
height: 50px;
|
|
1467
1475
|
border-radius: 8px;
|
|
1468
1476
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1469
1477
|
background-size: 200% 100%;
|
|
1470
|
-
animation: ${
|
|
1471
|
-
`,
|
|
1478
|
+
animation: ${br} 10s infinite linear;
|
|
1479
|
+
`,cp=Rt(ra)`
|
|
1472
1480
|
flex: 1;
|
|
1473
1481
|
gap: 12px;
|
|
1474
|
-
`,
|
|
1482
|
+
`,dp=Rt.div`
|
|
1475
1483
|
width: ${({$width:e})=>e};
|
|
1476
1484
|
height: 16px;
|
|
1477
1485
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1478
1486
|
background-size: 200% 100%;
|
|
1479
|
-
animation: ${
|
|
1487
|
+
animation: ${br} 1.5s infinite linear;
|
|
1480
1488
|
border-radius: 4px;
|
|
1481
|
-
`,
|
|
1489
|
+
`,pp=({size:e=5,maxWidth:t})=>Nt(ap,{$maxWidth:t,children:[...Array(e)].map((e,t)=>_t(sp,{children:[Nt(lp,{}),_t(cp,{children:[Nt(dp,{$width:"80%"}),Nt(dp,{$width:"100%"})]})]},t))});var up;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(up||(up={}));const hp=Rt.div`
|
|
1482
1490
|
display: flex;
|
|
1483
1491
|
flex-direction: column;
|
|
1484
1492
|
gap: 32px;
|
|
1485
|
-
`,
|
|
1493
|
+
`,mp=Rt.div`
|
|
1486
1494
|
display: flex;
|
|
1487
1495
|
gap: 16px;
|
|
1488
1496
|
padding: 8px;
|
|
1489
|
-
opacity: ${({$state:e})=>e===
|
|
1497
|
+
opacity: ${({$state:e})=>e===up.Active?1:e===up.Disabled?.5:.8};
|
|
1490
1498
|
transition: all 0.3s;
|
|
1491
|
-
`,
|
|
1499
|
+
`,gp=Rt(oa)`
|
|
1492
1500
|
justify-content: center;
|
|
1493
1501
|
width: 24px;
|
|
1494
1502
|
height: 24px;
|
|
1495
1503
|
border-radius: 32px;
|
|
1496
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1497
|
-
opacity: ${({$state:e})=>e===
|
|
1498
|
-
|
|
1504
|
+
border: ${({theme:e,$state:t})=>t===up.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1505
|
+
opacity: ${({$state:e})=>e===up.Finished?.8:1};
|
|
1506
|
+
`,$p=Rt(ra)`
|
|
1499
1507
|
justify-content: center;
|
|
1500
1508
|
gap: 8px;
|
|
1501
|
-
`,
|
|
1509
|
+
`,xp=Rt(go)``,fp=Rt(go)``,bp=({data:e,currentStep:t=0})=>{const[i,n]=yt([]);return wt(()=>{n(e.map((e,i)=>i<t-1?{...e,state:up.Finished,subtitle:e.subtitle||Si.Success}:i===t-1?{...e,state:up.Active,subtitle:""}:{...e,state:up.Disabled,subtitle:""}))},[t,e]),Nt(hp,{children:i.map((e,t)=>_t(mp,{$state:e.state,children:[Nt(gp,{$state:e.state,children:[up.Active,up.Disabled].includes(e.state)?Nt(go,{size:12,children:e.stepNumber}):e.state===up.Finished?Nt(Ge,{size:20}):null}),_t($p,{children:[Nt(xp,{family:"secondary",children:e.title}),e.subtitle&&Nt(fp,{size:10,weight:300,children:e.subtitle})]})]},t))})},yp=Rt(oa)`
|
|
1502
1510
|
width: fit-content;
|
|
1503
1511
|
gap: 6px;
|
|
1504
1512
|
padding: 6px 12px;
|
|
1505
1513
|
border-radius: 360px;
|
|
1506
1514
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1507
|
-
`,
|
|
1515
|
+
`,wp=Rt(go)`
|
|
1508
1516
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1509
|
-
`,
|
|
1517
|
+
`,vp=({type:e=Si.Info,icon:t,title:i,size:n,family:o,children:r,...a})=>_t(yp,{$type:e,children:[t&&Nt(t,{}),Nt(wp,{$type:e,size:n||12,family:o||"secondary",...a,children:r||i})]}),kp=Rt.div`
|
|
1510
1518
|
display: flex;
|
|
1511
1519
|
flex-direction: column;
|
|
1512
1520
|
position: relative;
|
|
1513
1521
|
width: 100%;
|
|
1514
|
-
`,
|
|
1522
|
+
`,Cp=Rt.div`
|
|
1515
1523
|
width: 100%;
|
|
1516
1524
|
display: flex;
|
|
1517
1525
|
align-items: center;
|
|
@@ -1539,7 +1547,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1539
1547
|
&:focus-within {
|
|
1540
1548
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1541
1549
|
}
|
|
1542
|
-
`,
|
|
1550
|
+
`,Sp=Rt.textarea`
|
|
1543
1551
|
flex: 1;
|
|
1544
1552
|
border: none;
|
|
1545
1553
|
outline: none;
|
|
@@ -1563,13 +1571,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1563
1571
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1564
1572
|
cursor: not-allowed;
|
|
1565
1573
|
}
|
|
1566
|
-
`,
|
|
1574
|
+
`,Ep=({errorMessage:e,title:t,tooltip:i,required:n,onChange:o,name:r,...a})=>{const s=vt(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return _t(kp,{children:[Nt(zl,{title:t,required:n,tooltip:i}),Nt(Cp,{$disabled:a.disabled,$hasError:!!e,$isActive:!!a.autoFocus,children:Nt(Sp,{ref:s,"data-id":r,name:r,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),o?.(e)},onKeyDown:e=>{e.stopPropagation()},...a})}),!!e&&Nt(fo,{children:e})]})},Ap=Rt.div`
|
|
1567
1575
|
display: flex;
|
|
1568
1576
|
align-items: center;
|
|
1569
1577
|
gap: 12px;
|
|
1570
1578
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1571
1579
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1572
|
-
`,
|
|
1580
|
+
`,Dp=Rt.div`
|
|
1573
1581
|
width: 24px;
|
|
1574
1582
|
height: 12px;
|
|
1575
1583
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1591,11 +1599,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1591
1599
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1592
1600
|
transition: background-color 0.3s, transform 0.3s;
|
|
1593
1601
|
}
|
|
1594
|
-
`,
|
|
1602
|
+
`,Tp=({title:e,tooltip:t,initialValue:i=!1,onChange:n,disabled:o,allowPropagation:r=!1,flipHorizontally:a})=>{const[s,l]=yt(i);return wt(()=>l(i),[i]),_t(Ap,{$disabled:o,onClick:e=>{o||(r||e.stopPropagation(),n?n(!s):l(e=>!e))},children:[!a&&Nt(Dp,{$disabled:o,$isActive:s}),(e||t)&&Nt(Ia,{text:t,withIcon:!0,children:e&&Nt(go,{size:14,children:e})}),a&&Nt(Dp,{$disabled:o,$isActive:s})]})};var zp={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 Fp=Rt.div`
|
|
1595
1603
|
width: ${({$width:e})=>e}px;
|
|
1596
1604
|
height: ${({$height:e})=>e}px;
|
|
1597
1605
|
position: relative;
|
|
1598
|
-
`,
|
|
1606
|
+
`,Ip=({width:e=620})=>{const{darkMode:t}=Lt(),i=e/(620/220);return Nt(Fp,{$width:e,$height:i,children:Nt(Xt,{autoplay:!0,loop:!0,animationData:zp,style:{width:i,height:e,transform:"rotate(-90deg)",position:"absolute",top:-(i-i/10),left:i-i/10,filter:t?"invert(0)":"invert(1)"}})})};var Op,Np;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(Op||(Op={})),function(e){e.S="small",e.M="medium",e.L="large"}(Np||(Np={}));const _p=Rt.button`
|
|
1599
1607
|
display: flex;
|
|
1600
1608
|
align-items: center;
|
|
1601
1609
|
justify-content: center;
|
|
@@ -1605,14 +1613,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1605
1613
|
`}
|
|
1606
1614
|
border: none;
|
|
1607
1615
|
border-radius: 6px;
|
|
1608
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1616
|
+
${({$size:e,$hasLabel:t})=>e===Np.S?Mt`
|
|
1609
1617
|
height: 32px;
|
|
1610
1618
|
${t?Mt`
|
|
1611
1619
|
padding: 8px 16px;
|
|
1612
1620
|
`:Mt`
|
|
1613
1621
|
width: 32px;
|
|
1614
1622
|
`}
|
|
1615
|
-
`:e===
|
|
1623
|
+
`:e===Np.M?Mt`
|
|
1616
1624
|
height: 38px;
|
|
1617
1625
|
${t?Mt`
|
|
1618
1626
|
padding: 8px 18px;
|
|
@@ -1637,7 +1645,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1637
1645
|
${({$withShadow:e})=>e?Mt`
|
|
1638
1646
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1639
1647
|
`:""}
|
|
1640
|
-
${({$variant:e})=>e===
|
|
1648
|
+
${({$variant:e})=>e===Op.Primary?Mt`
|
|
1641
1649
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1642
1650
|
&:hover {
|
|
1643
1651
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1645,7 +1653,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1645
1653
|
&:active {
|
|
1646
1654
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1647
1655
|
}
|
|
1648
|
-
`:e===
|
|
1656
|
+
`:e===Op.Secondary?Mt`
|
|
1649
1657
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1650
1658
|
&:hover {
|
|
1651
1659
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1653,7 +1661,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1653
1661
|
&:active {
|
|
1654
1662
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1655
1663
|
}
|
|
1656
|
-
`:e===
|
|
1664
|
+
`:e===Op.Text?Mt`
|
|
1657
1665
|
background-color: transparent;
|
|
1658
1666
|
&:hover {
|
|
1659
1667
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1663,7 +1671,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1663
1671
|
}
|
|
1664
1672
|
`:""}
|
|
1665
1673
|
}
|
|
1666
|
-
`,
|
|
1674
|
+
`,Bp=Ct(({label:e,leftIcon:t,rightIcon:i,variant:n=Op.Primary,size:o=Np.M,iconSize:r,loading:a,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Lt(),m=r||(o===Np.L?18:16),g=o===Np.L?ro.S:ro.XS,$=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return Nt(_p,{ref:u,$variant:n,$size:o,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:a?void 0:e=>{e.stopPropagation(),d?.(e)},...p,children:a?e?Nt(Bd,{size:h.v2.text.size[g],textColor:$}):Nt(fs,{}):_t(Bt,{children:[t&&Nt(t,{size:m,fill:$}),e?Nt(so,{size:g,weight:500,color:$,nowrap:!0,children:e}):null,i&&Nt(i,{size:m,fill:$})]})})});Bp.displayName=Bp.name;const Rp=Rt.button`
|
|
1667
1675
|
width: 100%;
|
|
1668
1676
|
padding: 0;
|
|
1669
1677
|
padding-right: 12px;
|
|
@@ -1684,7 +1692,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1684
1692
|
cursor: not-allowed;
|
|
1685
1693
|
opacity: 0.5;
|
|
1686
1694
|
}
|
|
1687
|
-
`,
|
|
1695
|
+
`,Mp=Rt.div`
|
|
1688
1696
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1689
1697
|
height: 56px;
|
|
1690
1698
|
display: flex;
|
|
@@ -1695,13 +1703,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1695
1703
|
`:Mt`
|
|
1696
1704
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1697
1705
|
`}
|
|
1698
|
-
`,
|
|
1706
|
+
`,Lp=Rt.div`
|
|
1699
1707
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1700
1708
|
display: flex;
|
|
1701
1709
|
justify-content: space-between;
|
|
1702
1710
|
align-items: center;
|
|
1703
1711
|
gap: 8px;
|
|
1704
|
-
`,
|
|
1712
|
+
`,Pp=({label:e,icon:t,loading:i,disabled:n,onClick:o})=>{const[r,a]=yt(!1);return _t(Rp,{$hovered:r,type:"button",disabled:n||i,onClick:o,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[Nt(Mp,{$hovered:r,$hasIcon:!!t,children:t&&Nt(t,{size:36})}),_t(Lp,{$hasIcon:!!t,children:[i?Nt(Bd,{size:16}):Nt(so,{variant:oo.Span,align:"center",children:e}),Nt(dt,{rotate:90,size:24})]})]})},jp=({buttons:e})=>Nt(ra,{$gap:12,children:e.map(e=>Nt(Pp,{...e},e.label))}),Up=Rt.div`
|
|
1705
1713
|
display: flex;
|
|
1706
1714
|
align-items: center;
|
|
1707
1715
|
flex-wrap: wrap;
|
|
@@ -1709,13 +1717,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1709
1717
|
padding: 4px 12px;
|
|
1710
1718
|
border-radius: 12px;
|
|
1711
1719
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1712
|
-
`,
|
|
1720
|
+
`,Wp=Rt.div`
|
|
1713
1721
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1714
1722
|
margin: 8px;
|
|
1715
1723
|
display: flex;
|
|
1716
1724
|
flex-direction: column;
|
|
1717
1725
|
gap: 4px;
|
|
1718
|
-
`,
|
|
1726
|
+
`,Vp=({cellsPerRow:e,items:t})=>{const i=Lt(),{CopyButton:n}=Mr();return Nt(Up,{children:t.map(({id:o,title:r,label:a,withCopy:s,badge:l})=>_t(Wp,{$cellsPerRow:e||t.length,children:[Nt(so,{size:ro.XXXS,color:i.v2.colors.silver[200],nowrap:!0,children:r}),_t(oa,{$gap:4,children:[l&&Nt(co,{...l}),a&&Nt(so,{size:ro.XS,nowrap:!0,children:a}),s&&Nt(n,{value:a||l?.label?.toString()||"",size:_r.XS})]})]},o))})};var qp;!function(e){e.S="s",e.L="l"}(qp||(qp={}));const Hp=Rt.div`
|
|
1719
1727
|
position: relative;
|
|
1720
1728
|
z-index: 0;
|
|
1721
1729
|
display: flex;
|
|
@@ -1725,13 +1733,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1725
1733
|
border-radius: 8px;
|
|
1726
1734
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
1727
1735
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1728
|
-
`,
|
|
1736
|
+
`,Gp=Rt.button`
|
|
1729
1737
|
flex: 1;
|
|
1730
1738
|
display: flex;
|
|
1731
1739
|
align-items: center;
|
|
1732
1740
|
justify-content: center;
|
|
1733
1741
|
gap: 8px;
|
|
1734
|
-
padding: ${({$size:e})=>e===
|
|
1742
|
+
padding: ${({$size:e})=>e===qp.S?"4px 8px":"8px 16px"};
|
|
1735
1743
|
border-radius: 6px;
|
|
1736
1744
|
border: none;
|
|
1737
1745
|
background-color: ${({theme:e,$isSelected:t,$selectedBgColor:i})=>t?i||e.v2.colors.black[500]:"transparent"};
|
|
@@ -1740,7 +1748,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1740
1748
|
&:hover {
|
|
1741
1749
|
background-color: ${({theme:e,$isSelected:t,$selectedBgColor:i})=>t?i||e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
1742
1750
|
}
|
|
1743
|
-
`,
|
|
1751
|
+
`,Kp=({size:e=qp.L,options:t=[],selected:i,setSelected:n,disabled:o})=>{const r=Lt(),a=o?r.v2.colors.grey[400]:r.v2.colors.white[500],s=e===qp.S?ro.XXS:ro.XS,l=e===qp.S?400:500;return Nt(Hp,{$count:t.length,children:t.map(({value:t,label:r,icon:c,selectedBgColor:d},p)=>_t(Gp,{onClick:()=>!o&&n(t),$size:e,$disabled:o,$isSelected:i===t,$selectedBgColor:d,children:[c&&Nt(c,{fill:a}),r&&Nt(so,{size:s,weight:l,color:a,nowrap:!0,children:r})]},`segment-${r||p}-${t}`))})},Yp=Rt.div`
|
|
1744
1752
|
box-sizing: border-box !important;
|
|
1745
1753
|
width: ${({$width:e})=>e??"fit-content"};
|
|
1746
1754
|
padding: ${({$withSegment:e})=>e?"2px 2px 2px 12px":"6px 12px"};
|
|
@@ -1754,7 +1762,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1754
1762
|
border: none;
|
|
1755
1763
|
border-radius: 6px;
|
|
1756
1764
|
background: ${({$isHovered:e,$isActive:t,theme:i})=>e||t?i.v2.colors.silver[700]:i.v2.colors.silver[800]};
|
|
1757
|
-
`,
|
|
1765
|
+
`,Jp=Rt.input`
|
|
1758
1766
|
min-width: 0;
|
|
1759
1767
|
flex: 1;
|
|
1760
1768
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
@@ -1771,28 +1779,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1771
1779
|
overflow: hidden;
|
|
1772
1780
|
text-overflow: ellipsis;
|
|
1773
1781
|
white-space: nowrap;
|
|
1774
|
-
`,
|
|
1782
|
+
`,Xp=({value:e,onChange:t,placeholder:i,width:n,segment:o})=>{const r=Lt(),[a,s]=yt(!1),[l,c]=yt(!1),[d,p]=yt(!1),u=a?r.v2.colors.white[500]:r.v2.colors.silver[200],h=!!o?.options?.length,m=bt(()=>{if(h)return o?.options.find(e=>e.value===o.selected)?.label},[h,o?.options,o?.selected]),g=bt(()=>i||(h&&m?`Search by ${m.toLowerCase()}`:"Search..."),[i,h,m]);return _t(Yp,{$width:n,$withSegment:h,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),$isHovered:l&&!d,$isActive:a,children:[Nt(rt,{size:18,fill:u}),Nt(Jp,{"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&&Nt("div",{style:{flexShrink:0},onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:Nt(Kp,{options:o.options,selected:o.selected,setSelected:o.setSelected,size:qp.S})})]})};var Zp;!function(e){e.S="small",e.L="large"}(Zp||(Zp={}));const Qp=Rt.div`
|
|
1775
1783
|
width: fit-content;
|
|
1776
1784
|
display: flex;
|
|
1777
1785
|
align-items: center;
|
|
1778
1786
|
gap: 8px;
|
|
1779
1787
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1780
|
-
`,
|
|
1781
|
-
width: ${({$size:e})=>e===
|
|
1782
|
-
height: ${({$size:e})=>e===
|
|
1788
|
+
`,eu=Rt.div`
|
|
1789
|
+
width: ${({$size:e})=>e===Zp.S?"16px":"20px"};
|
|
1790
|
+
height: ${({$size:e})=>e===Zp.S?"16px":"20px"};
|
|
1783
1791
|
display: flex;
|
|
1784
1792
|
align-items: center;
|
|
1785
1793
|
justify-content: center;
|
|
1786
1794
|
border-radius: 4px;
|
|
1787
1795
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1788
1796
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1789
|
-
`,
|
|
1797
|
+
`,tu=({label:e,size:t=Zp.L,disabled:i,partiallyChecked:n,value:o,onChange:r})=>{const a=Lt(),[s,l]=yt(!1),c=n||o,d=t===Zp.S?12:16,p=i?a.v2.colors.grey[400]:a.v2.colors.white[500],u=c?"transparent":i?a.v2.colors.grey[700]:s?a.v2.colors.silver[400]:a.v2.colors.silver[600],h=i?a.v2.colors.grey[600]:c?a.v2.colors.purple[500]:a.v2.colors.silver[900];return _t(Qp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),i||r(!!n||!o)},$disabled:i,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[Nt(eu,{$size:t,$borderColor:u,$backgroundColor:h,children:n?Nt(Je,{size:d,fill:p}):o?Nt(Ge,{size:d,fill:p}):null}),e&&Nt(so,{size:t===Zp.S?ro.XXS:ro.XS,nowrap:!0,children:e})]})},iu=Rt.div`
|
|
1790
1798
|
display: flex;
|
|
1791
1799
|
flex-direction: ${({$direction:e})=>e===mi.Horizontal?"row":"column"};
|
|
1792
1800
|
gap: ${({$direction:e})=>e===mi.Horizontal?16:8}px;
|
|
1793
|
-
`,
|
|
1801
|
+
`,nu=({direction:e=mi.Vertical,title:t,size:i,disabled:n,withSelectAll:o,options:r,values:a,setValues:s})=>{const l=i===Zp.S?ro.XXS:ro.XS,c=bt(()=>r.every(e=>a[e.id]),[r,a]),d=bt(()=>r.some(e=>a[e.id])&&r.some(e=>!a[e.id]),[r,a]),p=(e,t)=>{s(i=>{const n={...i};return e?n[e]=t:r.forEach(e=>n[e.id]=t),n})};return _t(iu,{$direction:e,children:[t&&o?Nt(tu,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:i}):t&&!o?Nt(so,{size:l,children:t}):null,r.map(e=>Nt(tu,{...e,value:a[e.id],onChange:t=>p(e.id,t),disabled:n,size:i},`${t}-checkbox-${e.id}`))]})};var ou,ru;!function(e){e.Left="left",e.Right="right"}(ou||(ou={})),function(e){e.Top="top",e.Bottom="bottom"}(ru||(ru={}));const au=Rt.div`
|
|
1794
1802
|
position: relative;
|
|
1795
|
-
`,
|
|
1803
|
+
`,su=Rt.div`
|
|
1796
1804
|
display: flex;
|
|
1797
1805
|
flex-direction: column;
|
|
1798
1806
|
gap: 0;
|
|
@@ -1806,9 +1814,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1806
1814
|
|
|
1807
1815
|
position: absolute;
|
|
1808
1816
|
${({$alignX:e})=>`${e}: 0;`}
|
|
1809
|
-
${({$alignY:e,$withOffsetY:t})=>`${e===
|
|
1817
|
+
${({$alignY:e,$withOffsetY:t})=>`${e===ru.Bottom?"top":"bottom"}: ${t?"calc(100% + 8px)":"0"};`}
|
|
1810
1818
|
z-index: 1;
|
|
1811
|
-
`,
|
|
1819
|
+
`,lu=Rt.div`
|
|
1812
1820
|
display: flex;
|
|
1813
1821
|
flex-direction: column;
|
|
1814
1822
|
gap: 0;
|
|
@@ -1816,7 +1824,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1816
1824
|
width: 100%;
|
|
1817
1825
|
max-height: ${({$maxHeight:e})=>e||"230px"};
|
|
1818
1826
|
overflow-y: auto;
|
|
1819
|
-
`,
|
|
1827
|
+
`,cu=Rt.div`
|
|
1820
1828
|
display: flex;
|
|
1821
1829
|
align-items: center;
|
|
1822
1830
|
gap: 8px;
|
|
@@ -1832,14 +1840,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1832
1840
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1833
1841
|
}
|
|
1834
1842
|
`}
|
|
1835
|
-
`,
|
|
1843
|
+
`,du=({defaultOpen:e,alignX:t,alignY:i,items:n,selectedIds:o,setSelectedIds:r,withMultiSelect:a,withSearch:s,fullWidth:l,maxHeight:c,buttonProps:d,iconButtonProps:p,children:u})=>{const h=Lt(),m=!!d||!!p||!!u,[g,$]=yt(e??!m),[x,f]=yt({x:t||ou.Left,y:i||ru.Bottom}),b=e=>{$(e=>!e),f({x:t||(e.clientX>window.innerWidth/2?ou.Right:ou.Left),y:i||(e.clientY>window.innerHeight/2?ru.Top:ru.Bottom)})},y=e=>{r(a?o.includes(e)?o.filter(t=>t!==e):[...o,e]:[e]),m&&!a&&$(!1)},w=vt(null);Hr(w,()=>$(!1));const[v,k]=yt(""),C=bt(()=>v?n.filter(e=>e?.label?.toLowerCase().includes(v.toLowerCase())):n,[n.length,v]);return _t(au,{ref:w,children:[d&&Nt(Bp,{...d,fullWidth:l,rightIcon:g?pt:ut,onClick:b}),p&&Nt(Rr,{...p,onClick:b}),"function"==typeof u?u({ChevronIcon:g?pt:ut,handleClick:b}):u,g&&_t(su,{$alignX:x.x,$alignY:x.y,$fullWidth:l,$withOffsetY:m,children:[s&&Nt(Xp,{value:v,onChange:k,width:"100%"}),Nt(lu,{$maxHeight:c,children:C.map(e=>{if(!e)return null;const{id:t,label:i,icon:n,withCheckbox:r}=e,a=o.includes(t);return _t(cu,{$selected:a&&!r,onClick:()=>y(t),children:[r&&Nt(tu,{value:a,onChange:()=>y(t)}),n&&Nt(n,{size:14,fill:h.v2.colors.white[500]}),Nt(so,{size:ro.XS,nowrap:!0,children:i})]},t)})}),a&&Nt(Bp,{label:"Done",onClick:()=>$(!1)})]})]})};var pu;!function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(pu||(pu={}));const uu=({onAnyClick:e,actions:t})=>Nt(oa,{$gap:8,$alignItems:"center",children:t?.map(t=>{if(!t)return null;switch(t.type){case pu.Button:return Nt(Bp,{...t.buttonProps,onClick:i=>{t.buttonProps?.onClick?.(i),e?.()}},t.id);case pu.ButtonDropData:return Nt(du,{...t.dropDataProps,items:t.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:i=>{t.buttonProps?.onClick?.(i[0]),e?.()},buttonProps:t.buttonProps},t.id);default:return null}})}),hu=Rt.div`
|
|
1836
1844
|
display: flex;
|
|
1837
1845
|
align-items: center;
|
|
1838
1846
|
justify-content: center;
|
|
1839
1847
|
padding: 8px;
|
|
1840
1848
|
border-radius: 8px;
|
|
1841
1849
|
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
1842
|
-
`,
|
|
1850
|
+
`,mu=({icon:e,title:t,subTitle:i,withCopy:n,badge:o,children:r})=>{const a=Lt(),{CopyButton:s}=Mr();return _t(oa,{$gap:i?8:6,$alignItems:"center",children:[i?Nt(hu,{children:Nt(e,{size:24})}):Nt(e,{size:24}),_t(ra,{children:[_t(oa,{$gap:6,$alignItems:"center",children:[Nt(so,{nowrap:!0,children:t}),n&&Nt(s,{value:t,size:_r.XS}),o&&Nt(co,{...o})]}),i&&Nt(so,{size:ro.XXS,color:a.v2.colors.silver[200],nowrap:!0,children:i})]}),r]})};var gu;!function(e){e.S="small",e.M="medium"}(gu||(gu={}));const $u=Rt.div`
|
|
1843
1851
|
display: flex;
|
|
1844
1852
|
flex-direction: column;
|
|
1845
1853
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -1847,7 +1855,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1847
1855
|
padding: ${({$padding:e})=>e}px;
|
|
1848
1856
|
border-radius: 16px;
|
|
1849
1857
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1850
|
-
`,
|
|
1858
|
+
`,xu=({size:e=gu.M,richTitle:t,search:i,actions:n,children:o})=>{const r=e===gu.S?4:16,a=e===gu.S?12:16;return _t($u,{$padding:a,$gap:r,children:[_t(oa,{$gap:r,$justifyContent:"space-between",children:[Nt(mu,{...t,children:i&&Nt(Xp,{...i})}),Nt(uu,{actions:n??[]})]}),o]})},fu=Rt.div`
|
|
1851
1859
|
flex: 1;
|
|
1852
1860
|
align-self: stretch;
|
|
1853
1861
|
display: flex;
|
|
@@ -1856,7 +1864,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1856
1864
|
padding: 16px;
|
|
1857
1865
|
border-radius: 12px;
|
|
1858
1866
|
background-color: ${({theme:e,$status:t})=>Tn(e,t,t===Di.Unknown?"750":"500")};
|
|
1859
|
-
`,
|
|
1867
|
+
`,bu=Rt.div`
|
|
1860
1868
|
display: flex;
|
|
1861
1869
|
align-items: center;
|
|
1862
1870
|
justify-content: center;
|
|
@@ -1864,8 +1872,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1864
1872
|
height: fit-content;
|
|
1865
1873
|
padding: 8px;
|
|
1866
1874
|
border-radius: 12px;
|
|
1867
|
-
background-color: ${({theme:e,$status:t})=>t===Di.Unknown?Tn(e,t,"800"):Tn(e,t,"900")+
|
|
1868
|
-
`,
|
|
1875
|
+
background-color: ${({theme:e,$status:t})=>t===Di.Unknown?Tn(e,t,"800"):Tn(e,t,"900")+mr["015"]};
|
|
1876
|
+
`,yu=({status:e,icon:t,title:i,description:n})=>{const o=Lt(),r=t??Fn(e,o),a=[Si.Default,Si.Info,Di.Disabled,Di.Unknown].includes(e)?o.v2.colors.white[500]:o.v2.colors.black[500];return _t(fu,{$status:e,children:[Nt(bu,{$status:e,children:Nt(r,{size:32,fill:a})}),_t(ra,{$gap:2,$justifyContent:"center",children:[Nt(so,{size:ro.M,weight:500,color:a,nowrap:!0,children:i}),Nt(so,{size:ro.XXS,weight:300,color:a,nowrap:!0,children:n})]})]})},wu=Rt.div`
|
|
1869
1877
|
flex: 1;
|
|
1870
1878
|
align-self: stretch;
|
|
1871
1879
|
display: flex;
|
|
@@ -1874,7 +1882,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1874
1882
|
padding: 12px;
|
|
1875
1883
|
border-radius: 12px;
|
|
1876
1884
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1877
|
-
`,
|
|
1885
|
+
`,vu=["-","N/A"],ku=({title:e,cells:t})=>{const i=Lt();return _t(wu,{children:[Nt(so,{size:ro.XXS,color:i.v2.colors.grey[150],children:e}),Nt(oa,{$gap:32,children:t.map(t=>_t(ra,{$gap:2,children:[!t.isLoading||t.value&&!vu.includes(t.value)?Nt(so,{size:t.label?ro.M:ro.L,children:t.value}):Nt(fs,{scale:.9}),t.label&&Nt(so,{size:ro.XXS,children:t.label})]},`${e}-${t.label}-${t.value}`))})]})},Cu=Rt(oa)`
|
|
1878
1886
|
width: calc(100% - 20px);
|
|
1879
1887
|
padding: 10px;
|
|
1880
1888
|
border-radius: 6px;
|
|
@@ -1883,33 +1891,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1883
1891
|
align-items: center;
|
|
1884
1892
|
justify-content: space-between;
|
|
1885
1893
|
gap: 12px;
|
|
1886
|
-
`,
|
|
1894
|
+
`,Su=Rt.div`
|
|
1887
1895
|
position: relative;
|
|
1888
1896
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1889
1897
|
display: flex;
|
|
1890
1898
|
align-items: center;
|
|
1891
1899
|
gap: 4px;
|
|
1892
|
-
`,
|
|
1900
|
+
`,Eu=Rt.pre`
|
|
1893
1901
|
flex: 1;
|
|
1894
1902
|
margin: 0;
|
|
1895
1903
|
padding: 0;
|
|
1896
1904
|
font-size: 14px;
|
|
1897
1905
|
color: #5ffb98; // TODO: add to theme
|
|
1898
1906
|
overflow-x: auto;
|
|
1899
|
-
`,
|
|
1907
|
+
`,Au=Rt.span`
|
|
1900
1908
|
flex-shrink: 0;
|
|
1901
1909
|
font-size: 14px;
|
|
1902
1910
|
color: #5ffb98; // TODO: add to theme
|
|
1903
|
-
`,
|
|
1911
|
+
`,Du=({value:e,hideCopy:t=!1,onDone:i})=>{const{CopyButton:n}=Mr({onDone:i}),o=vt(null),[r,a]=yt(!1);return wt(()=>{const e=()=>{if(o.current){const{scrollWidth:e,clientWidth:t}=o.current;a(e>t)}};e();const t=new ResizeObserver(e);return o.current&&t.observe(o.current),()=>{t.disconnect()}},[e]),_t(Cu,{children:[_t(Su,{$hideCopy:t,children:[Nt(Eu,{ref:o,children:e}),r&&Nt(Au,{children:"..."})]}),!t&&Nt(n,{value:e,size:_r.XS})]})},Tu=Rt.div`
|
|
1904
1912
|
display: flex;
|
|
1905
1913
|
align-items: center;
|
|
1906
1914
|
justify-content: space-between;
|
|
1907
1915
|
width: calc(100%);
|
|
1908
|
-
`,
|
|
1916
|
+
`,zu=Rt.div`
|
|
1909
1917
|
display: flex;
|
|
1910
1918
|
align-items: center;
|
|
1911
1919
|
gap: 16px;
|
|
1912
|
-
|
|
1920
|
+
padding: 6px 0;
|
|
1921
|
+
`,Fu=Rt.div`
|
|
1913
1922
|
display: flex;
|
|
1914
1923
|
align-items: center;
|
|
1915
1924
|
justify-content: center;
|
|
@@ -1917,11 +1926,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1917
1926
|
height: 36px;
|
|
1918
1927
|
border-radius: 8px;
|
|
1919
1928
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1920
|
-
`,
|
|
1929
|
+
`,Iu=Rt.div`
|
|
1921
1930
|
display: flex;
|
|
1922
1931
|
align-items: center;
|
|
1923
1932
|
gap: 12px;
|
|
1924
|
-
`,
|
|
1933
|
+
`,Ou=({icon:e,title:t,subTitle:i,actions:n,onClose:o,onCloseDisabled:r})=>_t(Tu,{children:[_t(zu,{children:[Nt(Fu,{children:Nt(e,{size:24})}),_t(ra,{$gap:6,children:[Nt(so,{size:ro.S,weight:500,children:t}),i&&Nt(so,{size:ro.XXS,children:i})]})]}),_t(Iu,{children:[n?.length?Nt(Rr,{icon:ht,size:_r.M,onClick:()=>alert("todo")}):null,Nt(Rr,{icon:Ye,size:_r.M,onClick:o,disabled:r})]})]}),Nu=Rt.div`
|
|
1925
1934
|
position: fixed;
|
|
1926
1935
|
top: 0;
|
|
1927
1936
|
bottom: 0;
|
|
@@ -1939,25 +1948,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1939
1948
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1940
1949
|
overflow: hidden;
|
|
1941
1950
|
|
|
1942
|
-
animation-name: ${({$position:e})
|
|
1943
|
-
`,
|
|
1951
|
+
animation-name: ${({$position:e})=>$r.in[e]};
|
|
1952
|
+
`,_u=Rt.div`
|
|
1944
1953
|
display: flex;
|
|
1945
1954
|
flex-direction: column;
|
|
1946
1955
|
gap: 12px;
|
|
1947
1956
|
|
|
1948
1957
|
height: calc(100% - ${56}px);
|
|
1949
1958
|
overflow-y: auto;
|
|
1950
|
-
`,
|
|
1959
|
+
`,Bu=({isOpen:e,hideOverlay:t=!1,position:i="right",width:n="600px",header:o,children:r})=>(Fr(e),e?Gt(_t(Bt,{children:[!t&&Nt(la,{onClick:o.onCloseDisabled?void 0:o.onClose}),_t(Nu,{$position:i,$width:n,children:[Nt(Ou,{...o}),Nt(_u,{children:r})]})]}),document.body):null),Ru=Rt.span`
|
|
1951
1960
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1952
1961
|
font-size: ${({$smallAndDark:e})=>e?"12px":"14px"};
|
|
1953
1962
|
font-weight: 400;
|
|
1954
1963
|
color: ${({theme:e,$smallAndDark:t})=>t?e.v2.colors.grey[400]:e.v2.colors.silver[200]};
|
|
1955
|
-
`,
|
|
1964
|
+
`,Mu=Rt.span`
|
|
1956
1965
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1957
1966
|
font-size: 14px;
|
|
1958
1967
|
font-weight: 400;
|
|
1959
1968
|
color: ${({theme:e})=>e.v2.colors.red[500]};
|
|
1960
|
-
`,
|
|
1969
|
+
`,Lu=({label:e,tooltip:t,required:i,width:n,smallAndDark:o})=>e||t||i?_t(oa,{$width:n,$justifyContent:"space-between",children:[e&&Nt(Ru,{$smallAndDark:o,children:e}),_t(oa,{$gap:4,children:[i&&Nt(Mu,{children:"*"}),t&&Nt(Ia,{text:t,withIcon:!0})]})]}):null,Pu=({errorMessage:e,helpMessage:t})=>{const i=Lt(),n=e?i.v2.colors.red[500]:i.v2.colors.silver[200],o=Nt(He,{size:12,fill:n});return e||t?_t(oa,{$gap:4,children:[Nt("div",{children:o}),Nt(so,{size:ro.XXS,weight:400,color:n,children:e||t})]}):null},ju=Rt.div`
|
|
1961
1970
|
padding: ${({$small:e})=>e?"4px":"8px 12px"};
|
|
1962
1971
|
|
|
1963
1972
|
display: flex;
|
|
@@ -1975,7 +1984,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
1975
1984
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1976
1985
|
}
|
|
1977
1986
|
`}
|
|
1978
|
-
`,
|
|
1987
|
+
`,Uu=Rt.input`
|
|
1979
1988
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
1980
1989
|
width: ${({$width:e})=>e||"unset"};
|
|
1981
1990
|
|
|
@@ -2001,12 +2010,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2001
2010
|
overflow: hidden;
|
|
2002
2011
|
text-overflow: ellipsis;
|
|
2003
2012
|
white-space: nowrap;
|
|
2004
|
-
`,
|
|
2013
|
+
`,Wu=Rt.div`
|
|
2005
2014
|
display: flex;
|
|
2006
2015
|
align-items: center;
|
|
2007
2016
|
justify-content: center;
|
|
2008
2017
|
cursor: pointer;
|
|
2009
|
-
`,
|
|
2018
|
+
`,Vu=({label:e,required:t,tooltip:i,leftIcon:n,rightIcon:o,hasError:r,errorMessage:a,helpMessage:s,type:l=Ci.Text,name:c,value:d,onChange:p,disabled:u,maxWidth:h,width:m,small:g=!1,...$})=>{const x=Lt(),f=l===Ci.Password,[b,y]=yt(!1),w=d?x.v2.colors.white[500]:u?x.v2.colors.grey[400]:x.v2.colors.silver[200],v=g?14:18;return _t(ra,{$width:m,$gap:6,children:[Nt(Lu,{label:e,tooltip:i,required:t}),_t(ju,{$small:g,$disabled:u,$error:r||!!a,children:[n?Nt(n,{size:v,fill:w}):null,Nt(Uu,{"data-id":c,type:b||l===Ci.Number?Ci.Text:l,name:c,value:d,onChange:e=>{e.stopPropagation(),l===Ci.Number&&(e.target.value=Jn(e.target.value)),p?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:u,$maxWidth:h,$width:m,$small:g,...$}),f?Nt(Wu,{onClick:()=>y(e=>!e),children:Nt(b?nt:ot,{size:v,fill:w})}):o?Nt(o,{size:v,fill:w}):null]}),Nt(Pu,{errorMessage:a,helpMessage:s})]})},qu=({options:e,values:t,setValues:i,withMultiSelect:n,withSearch:o,...r})=>{const a=bt(()=>e.map(e=>({...e,withCheckbox:!0})),[e]),s=bt(()=>t?.length?`Selected: ${e.filter(e=>t.includes(e.id)).map(e=>e.label).join(", ")}`:"",[e,t]);return Nt(du,{withMultiSelect:n,withSearch:o,alignX:ou.Left,items:a,selectedIds:t,setSelectedIds:i,children:({ChevronIcon:e,handleClick:t})=>Nt(Vu,{...r,rightIcon:e,placeholder:"Select options...",value:s,onChange:()=>{},onClick:t})})},Hu=Rt.header`
|
|
2010
2019
|
position: relative;
|
|
2011
2020
|
width: calc(100% - 36px);
|
|
2012
2021
|
padding: 12px 18px;
|
|
@@ -2014,12 +2023,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2014
2023
|
display: flex;
|
|
2015
2024
|
align-items: center;
|
|
2016
2025
|
justify-content: space-between;
|
|
2017
|
-
`,
|
|
2026
|
+
`,Gu=Rt(oa)`
|
|
2018
2027
|
position: absolute;
|
|
2019
2028
|
left: 50%;
|
|
2020
2029
|
transform: translateX(-50%);
|
|
2021
2030
|
gap: 16px;
|
|
2022
|
-
`,
|
|
2031
|
+
`,Ku=({left:e=[],center:t=[],right:i=[]})=>_t(Hu,{children:[Nt(oa,{$gap:16,children:e}),Nt(Gu,{children:t}),Nt(oa,{$gap:16,children:i})]}),Yu=Rt.div`
|
|
2023
2032
|
display: flex;
|
|
2024
2033
|
align-items: center;
|
|
2025
2034
|
gap: 2px;
|
|
@@ -2033,17 +2042,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2033
2042
|
right: ${({$right:e})=>e||"12px"};
|
|
2034
2043
|
top: 50%;
|
|
2035
2044
|
transform: translateY(-50%);
|
|
2036
|
-
`,
|
|
2045
|
+
`,Ju=({isOpen:e,actions:t,positionRight:i})=>e?Nt(Yu,{$right:i,children:t.map(e=>e?Nt(Ia,{text:e.tooltip||"",children:Nt(Bp,{...e,variant:Op.Secondary,size:Np.S,label:e.label})},e.id):null)}):null,Xu=({values:e,setValues:t,label:i,tooltip:n,required:o,errorMessage:r,helpMessage:a,placeholder:s,disabled:l})=>{const c=Lt(),d=e.length<=1,p=l,u=l||d&&p;return _t(ra,{$gap:6,children:[Nt(Lu,{label:i,tooltip:n,required:o,width:"calc(100% - 74px)"}),Nt(ra,{$gap:8,children:(e.length?e:[""]).map((i,n)=>{const o=n===e.length-1;return _t(oa,{$gap:8,$alignItems:"center",children:[Nt(Vu,{width:"100%",autoFocus:Mn(i)&&!d&&o,value:i,onChange:i=>((i,n)=>{const o=[...e||[]];o[n]=i,t(o)})(i.target.value,n),disabled:l,placeholder:s,hasError:!!r}),Nt(Bp,{leftIcon:et,variant:Op.Secondary,size:Np.S,disabled:p,onClick:()=>(()=>{const i=[...e||[]];i.push(""),t(i)})()}),Nt(Bp,{leftIcon:u?at:()=>Nt(at,{fill:c.v2.colors.red[500]}),variant:Op.Secondary,size:Np.S,disabled:u,onClick:()=>(i=>{const n=[...e||[]].filter((e,t)=>t!==i);n.length||n.push(""),t(n)})(n)})]},`input-list-${n}`)})}),Nt(Pu,{errorMessage:r,helpMessage:a})]})},Zu=({col:e,colIdx:t,row:i,rowIdx:n,rowsLength:o,handleChange:r,errorMessage:a,disabled:s})=>{const{keyName:l,placeholder:c,inputType:d,componentType:p,options:u,renderCondition:h}=e,m=i[l];if(h&&!h(i))return null;switch(p){case ki.Dropdown:case"multi-dropdown":const e=Array.isArray(m)&&u?.filter(e=>m.includes(e.id)).map(e=>e.id)||[],i="multi-dropdown"===p;return Nt(qu,{placeholder:c,options:u||[],withMultiSelect:i,withSearch:i,values:e,setValues:e=>r(l,e,n),disabled:s,hasError:!!a});default:const h=o>1&&0===n&&0===t&&Mn(m);return Nt(Vu,{placeholder:c,autoFocus:h,type:d,value:m,onChange:({target:{value:e}})=>r(l,e,n),disabled:s,hasError:!!a})}},Qu=Rt.table`
|
|
2037
2046
|
width: 100%;
|
|
2038
2047
|
border-collapse: separate;
|
|
2039
2048
|
border-spacing: 0 8px;
|
|
2040
|
-
`,
|
|
2049
|
+
`,eh=Rt.td`
|
|
2041
2050
|
padding: 0 8px 0 0;
|
|
2042
|
-
`,
|
|
2051
|
+
`,th=Rt.td`
|
|
2043
2052
|
width: 72px;
|
|
2044
2053
|
padding-bottom: ${({$limitFieldsPerRow:e})=>e?"4px":"0"};
|
|
2045
2054
|
vertical-align: ${({$limitFieldsPerRow:e})=>e?"bottom":"middle"};
|
|
2046
|
-
`,
|
|
2055
|
+
`,ih=({columns:e,values:t,setValues:i,label:n,tooltip:o,required:r,disabled:a,errorMessage:s,helpMessage:l,limitFieldsPerRow:c})=>{const d=Lt(),p=bt(()=>{const t={};return e.forEach(({keyName:e})=>t[e]=""),t},[e]),u=(e,n,o)=>{const r=t.length?ii(t):[ii(p)];r[o][e]=n,i(r)},h=bt(()=>{if(c){const t=[];for(let i=0;;i+=c){const n=e.slice(i,i+c);if(!n.length)break;t.push(n)}return t}return[e]},[c,e]),m=t.length?t:[p];return _t(ra,{$gap:6,children:[Nt(Lu,{label:n,tooltip:o,required:r,width:"calc(100% - 82px)"}),Nt(Qu,{children:Nt("tbody",{children:m.map((e,n)=>_t(ft,{children:[c&&n>0?Nt("tr",{children:Nt(eh,{colSpan:h.length})}):null,h.map((o,r)=>_t("tr",{children:[o.map((t,i)=>t.renderCondition&&!t.renderCondition(e)?null:_t(eh,{children:[Nt(Lu,{label:t.label,tooltip:t.tooltip,smallAndDark:!0}),Nt(ha,{$height:"4px"}),Nt(Zu,{col:t,colIdx:i,row:e,rowIdx:n,rowsLength:m.length,handleChange:u,disabled:a,errorMessage:s})]},`input-table-row-${n}-col-${r}-${i}`)),0===r&&Nt(th,{$limitFieldsPerRow:c,children:_t(oa,{$gap:8,$justifyContent:"center",children:[Nt(Bp,{leftIcon:et,variant:Op.Secondary,size:Np.S,disabled:a,onClick:()=>(()=>{const e=ii(t);e.push(ii(p)),i(e)})()}),Nt(Bp,{leftIcon:a?at:()=>Nt(at,{fill:d.v2.colors.red[500]}),variant:Op.Secondary,size:Np.S,disabled:a,onClick:()=>(e=>{const n=t.filter((t,i)=>i!==e);n.length||n.push(ii(p)),i(n)})(n)})]})})]},`input-table-matrix-${n}-${r}`))]},`input-table-row-${n}`))})}),Nt(Pu,{errorMessage:s,helpMessage:l})]})},nh=Rt.div`
|
|
2047
2056
|
display: flex;
|
|
2048
2057
|
align-items: center;
|
|
2049
2058
|
justify-content: space-between;
|
|
@@ -2051,18 +2060,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2051
2060
|
|
|
2052
2061
|
padding: 18px 16px;
|
|
2053
2062
|
border-radius: 18px;
|
|
2054
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]+
|
|
2063
|
+
background-color: ${({theme:e})=>e.v2.colors.black[500]+mr["095"]};
|
|
2055
2064
|
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
2056
2065
|
|
|
2057
2066
|
position: fixed;
|
|
2058
2067
|
bottom: 0;
|
|
2059
2068
|
left: 50%;
|
|
2060
|
-
animation-name: ${
|
|
2061
|
-
`,
|
|
2069
|
+
animation-name: ${$r.in.center};
|
|
2070
|
+
`,oh=({isOpen:e,onClose:t,richTitle:i,actions:n})=>e?_t(nh,{children:[Nt(mu,{...i}),Nt(uu,{onAnyClick:t,actions:n})]}):null,rh=Rt.div`
|
|
2062
2071
|
border-radius: 100%;
|
|
2063
2072
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2064
2073
|
position: relative;
|
|
2065
|
-
`,
|
|
2074
|
+
`,ah=Rt.div`
|
|
2066
2075
|
width: 80px;
|
|
2067
2076
|
height: 80px;
|
|
2068
2077
|
border-radius: 100%;
|
|
@@ -2076,12 +2085,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2076
2085
|
transform: rotate(360deg);
|
|
2077
2086
|
}
|
|
2078
2087
|
}
|
|
2079
|
-
`,
|
|
2088
|
+
`,sh=Rt(so)`
|
|
2080
2089
|
position: absolute;
|
|
2081
2090
|
top: 50%;
|
|
2082
2091
|
left: 50%;
|
|
2083
2092
|
transform: translate(-50%, -50%);
|
|
2084
|
-
`,
|
|
2093
|
+
`,lh=({percentage:e})=>_t(rh,{children:[Nt(ah,{}),"number"==typeof e?Nt(sh,{size:ro.M,weight:500,children:`${e}%`}):null]}),ch={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 dh(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const i=(e.match(/^[0-9.]*/)||"").toString();t=i.includes(".")?parseFloat(i):parseInt(i,10);const n=(e.match(/[^0-9]*$/)||"").toString();return ch[n]?{value:t,unit:n}:{value:t,unit:"px"}}function ph(e){const t=dh(e);return`${t.value}${t.unit}`}const uh=(()=>{const e="react-spinners-SpinnerOld-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const i=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return i&&i.insertRule(n,0),e})(),hh=({loading:e=!0,color:t,scale:i=1,speedMultiplier:n=1,cssOverride:o={},style:r={},...a})=>{const s=Lt(),l=t||s.text.secondary;if(!e)return null;const{value:c}=dh(2),d=c+4.2,p=d/2+d/5.5,u=4*d*i,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:i,...r,...o},m=(e,t)=>({position:"absolute",width:ph(1.5),height:ph(4),borderRadius:ph(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${uh} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return _t("span",{style:h,...a,children:[Nt("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),Nt("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),Nt("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),Nt("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),Nt("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),Nt("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),Nt("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),Nt("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}})]})},mh=Rt.div`
|
|
2085
2094
|
width: ${({$size:e})=>e}px;
|
|
2086
2095
|
height: ${({$size:e})=>e}px;
|
|
2087
2096
|
border-radius: 100%;
|
|
@@ -2089,7 +2098,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2089
2098
|
display: flex;
|
|
2090
2099
|
align-items: center;
|
|
2091
2100
|
justify-content: center;
|
|
2092
|
-
`,
|
|
2101
|
+
`,gh=({scale:e,icon:t})=>{const i=Lt();return Nt(mh,{$size:45*e,$color:"rgba(80, 246, 232, 0.10)",children:Nt(mh,{$size:43*e,$color:"rgba(80, 246, 232, 0.20)",children:Nt(mh,{$size:39*e,$color:"rgba(80, 246, 232, 0.40)",children:Nt(mh,{$size:33*e,$color:"rgba(80, 246, 232, 0.60)",children:Nt(mh,{$size:23*e,$color:"#50F6E8",children:Nt(t,{size:16*e,fill:i.v2.colors.black[500]})})})})})})},$h=434,xh=635,fh=Rt.div`
|
|
2093
2102
|
width: ${434}px;
|
|
2094
2103
|
height: ${635}px;
|
|
2095
2104
|
display: flex;
|
|
@@ -2099,25 +2108,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2099
2108
|
padding: 16px;
|
|
2100
2109
|
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
2101
2110
|
position: relative;
|
|
2102
|
-
`,
|
|
2111
|
+
`,bh=Rt.div`
|
|
2103
2112
|
position: absolute;
|
|
2104
2113
|
top: 50%;
|
|
2105
2114
|
left: 50%;
|
|
2106
2115
|
transform: translate(-50%, -50%);
|
|
2107
|
-
`,
|
|
2116
|
+
`,yh=()=>_t(fh,{children:[Nt(bh,{children:_t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none",children:[Nt("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)"}),Nt("defs",{children:_t("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)",children:[Nt("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),Nt("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),Nt("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),Nt("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),Nt("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),Nt("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),Nt("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),Nt("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),Nt("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]})})]})}),Nt(bh,{children:_t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none",children:[Nt("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)"}),Nt("defs",{children:_t("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)",children:[Nt("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),Nt("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),Nt("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),Nt("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),Nt("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),Nt("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),Nt("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),Nt("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),Nt("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),Nt("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),Nt("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),Nt(bh,{children:_t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none",children:[Nt("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)"}),Nt("defs",{children:_t("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)",children:[Nt("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),Nt("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),Nt("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),Nt("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),Nt("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),Nt("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),Nt("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),Nt("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),Nt("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),Nt("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),Nt("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),Nt(bh,{children:_t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none",children:[Nt("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)"}),Nt("defs",{children:_t("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)",children:[Nt("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),Nt("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),Nt("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),Nt("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),Nt("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),Nt("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),Nt("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),Nt("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),Nt("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),Nt("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),Nt("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),Nt(bh,{children:Nt(q,{size:112})})]}),wh=jt`
|
|
2108
2117
|
0% {
|
|
2109
2118
|
background-position: 0% 50%;
|
|
2110
2119
|
}
|
|
2111
2120
|
100% {
|
|
2112
2121
|
background-position: 100% 50%;
|
|
2113
2122
|
}
|
|
2114
|
-
`,
|
|
2123
|
+
`,vh=Rt(so)`
|
|
2115
2124
|
background: ${({$titleColor:e,$gradientColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
2116
2125
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
2117
2126
|
background-clip: text;
|
|
2118
2127
|
color: transparent;
|
|
2119
|
-
animation: ${
|
|
2120
|
-
`,
|
|
2128
|
+
animation: ${wh} 1s reverse linear infinite;
|
|
2129
|
+
`,kh=e=>{const t=Math.max(0,Date.now()-e),i=Math.floor(t/1e3),n=Math.floor(i/60),o=i%60;return`${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}`},Ch=({icon:e,title:t,titleColor:i,titleSize:n=ro.S,subTitle:o,subTitleColor:r,subTitleSize:a=ro.XXXS,startedAt:s,withGradient:l,gradientColor:c,withSpinner:d,percentage:p,withVisual:u,visualIcon:h=mt})=>{const m=Lt(),[g,$]=yt(()=>s?kh(s):"");wt(()=>{if(!s)return;$(kh(s));const e=setInterval(()=>$(kh(s)),1e3);return()=>clearInterval(e)},[s]);const x=i||m.v2.colors.white[500],f=r||m.v2.colors.silver[200],b=c||m.v2.colors.black[500];return _t(ra,{$gap:16,$alignItems:"center",children:[!u&&d?t||o?Nt(lh,{percentage:p}):Nt(hh,{scale:1}):null,u&&!d?Nt(gh,{scale:1.7,icon:h}):null,(t||o||s||e)&&_t(ra,{$gap:8,$alignItems:"center",children:[_t(oa,{$gap:4,children:[e&&Nt(e,{}),l?Nt(vh,{align:"center",size:n,$titleColor:x,$gradientColor:b,children:t}):Nt(so,{align:"center",size:n,color:x,children:t})]}),o?Nt(so,{align:"center",size:a,color:f,children:o}):null,g?Nt(so,{align:"center",size:a,color:x,children:g}):null]})]})},Sh=Rt.div`
|
|
2121
2130
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2122
2131
|
top: 50%;
|
|
2123
2132
|
left: 50%;
|
|
@@ -2129,14 +2138,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2129
2138
|
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
2130
2139
|
overflow: hidden;
|
|
2131
2140
|
|
|
2132
|
-
animation-name: ${
|
|
2133
|
-
`,
|
|
2141
|
+
animation-name: ${$r.in.center};
|
|
2142
|
+
`,Eh=Rt.div`
|
|
2134
2143
|
position: relative;
|
|
2135
|
-
`,
|
|
2144
|
+
`,Ah=Rt.div`
|
|
2136
2145
|
position: absolute;
|
|
2137
2146
|
top: 16px;
|
|
2138
2147
|
left: 16px;
|
|
2139
|
-
`,
|
|
2148
|
+
`,Dh=({isOpen:e,hideOverlay:t=!1,relativeToParent:i=!1,onBack:n,onClose:o,children:r})=>{if(Fr(e),!e)return null;const a=_t(Bt,{children:[!t&&Nt(la,{$relativeToParent:i,onClick:o}),Nt(Sh,{$relativeToParent:i,children:_t(Eh,{children:[n&&Nt(Ah,{children:Nt(Rr,{icon:e=>Nt(dt,{rotate:-90,...e}),size:_r.L,onClick:n})}),r]})})]});return i?a:Gt(a,document.body)},Th=Rt.aside`
|
|
2140
2149
|
display: flex;
|
|
2141
2150
|
flex-direction: column;
|
|
2142
2151
|
gap: 8px;
|
|
@@ -2145,7 +2154,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2145
2154
|
padding: 16px 12px;
|
|
2146
2155
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2147
2156
|
overflow-y: auto;
|
|
2148
|
-
`,
|
|
2157
|
+
`,zh=({height:e,icons:t})=>Nt(Th,{$height:e,children:t.map(({id:e,selected:t,icon:i,onClick:n})=>Nt(Bp,{label:"",leftIcon:i,iconSize:24,onClick:n,variant:t?Op.Primary:Op.Text},e))}),Fh=Rt.div`
|
|
2149
2158
|
display: flex;
|
|
2150
2159
|
align-items: center;
|
|
2151
2160
|
gap: 10px;
|
|
@@ -2155,7 +2164,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2155
2164
|
padding: 4px 12px 4px 4px;
|
|
2156
2165
|
border-radius: 8px;
|
|
2157
2166
|
background-color: ${({theme:e,$status:t})=>Tn(e,t,[Si.Info].includes(t)?"1000":"900")};
|
|
2158
|
-
`,
|
|
2167
|
+
`,Ih=Rt.div`
|
|
2159
2168
|
width: 32px;
|
|
2160
2169
|
height: 32px;
|
|
2161
2170
|
display: flex;
|
|
@@ -2163,50 +2172,50 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2163
2172
|
justify-content: center;
|
|
2164
2173
|
border-radius: 6px;
|
|
2165
2174
|
background-color: ${({theme:e,$status:t})=>Tn(e,t,[Si.Info].includes(t)?"900":"800")};
|
|
2166
|
-
`,
|
|
2175
|
+
`,Oh=Rt.div`
|
|
2167
2176
|
margin-left: auto;
|
|
2168
2177
|
margin-right: 8px;
|
|
2169
2178
|
cursor: pointer;
|
|
2170
2179
|
&:hover {
|
|
2171
2180
|
transform: scale(1.2);
|
|
2172
2181
|
}
|
|
2173
|
-
`,
|
|
2182
|
+
`,Nh=({status:e,message:t,action:i,fullWidth:n})=>{const o=Lt(),r=Fn(e,o),a=Tn(o,e,e===Si.Default?"300":e===Si.Info?"400":"500");return _t(Fh,{$status:e,$fullWidth:n,children:[Nt("div",{children:Nt(Ih,{$status:e,children:Nt(r,{size:24})})}),Nt(so,{color:a,size:ro.XXXS,weight:400,children:t}),i&&Nt(Oh,{onClick:i.onClick,children:Nt(so,{color:a,size:ro.XXS,weight:500,underline:!0,children:i.label})})]})};var _h;!function(e){e.S="small",e.L="large"}(_h||(_h={}));const Bh=Rt.div`
|
|
2174
2183
|
width: fit-content;
|
|
2175
2184
|
display: flex;
|
|
2176
2185
|
align-items: center;
|
|
2177
2186
|
gap: 8px;
|
|
2178
2187
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2179
|
-
`,
|
|
2180
|
-
width: ${({$size:e})=>e===
|
|
2181
|
-
height: ${({$size:e})=>e===
|
|
2188
|
+
`,Rh=Rt.div`
|
|
2189
|
+
width: ${({$size:e})=>e===_h.S?"16px":"20px"};
|
|
2190
|
+
height: ${({$size:e})=>e===_h.S?"16px":"20px"};
|
|
2182
2191
|
display: flex;
|
|
2183
2192
|
align-items: center;
|
|
2184
2193
|
justify-content: center;
|
|
2185
2194
|
border-radius: 100%;
|
|
2186
2195
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2187
2196
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2188
|
-
`,
|
|
2197
|
+
`,Mh=({label:e,value:t,onChange:i,disabled:n,size:o=_h.L})=>{const r=Lt(),[a,s]=yt(!1),l=t,c=o===_h.S?6:8,d=n?r.v2.colors.grey[400]:r.v2.colors.white[500],p=l?"transparent":n?r.v2.colors.grey[700]:a?r.v2.colors.silver[400]:r.v2.colors.silver[600],u=n?r.v2.colors.grey[600]:l?r.v2.colors.purple[500]:r.v2.colors.silver[900];return _t(Bh,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||i(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[Nt(Rh,{$size:o,$borderColor:p,$backgroundColor:u,children:t?Nt(gt,{size:c,fill:d}):null}),e&&Nt(so,{size:o===_h.S?ro.XXS:ro.XS,children:e})]})},Lh=Rt.div`
|
|
2189
2198
|
display: flex;
|
|
2190
2199
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2191
2200
|
gap: ${({$gap:e})=>e}px;
|
|
2192
|
-
`,
|
|
2201
|
+
`,Ph=({label:e,direction:t,disabled:i,size:n,options:o,values:r,setValues:a})=>_t(Lh,{$flexDirection:t===mi.Horizontal?"row":"column",$gap:t===mi.Horizontal?16:8,children:[e&&Nt(so,{children:e}),o.map(t=>Nt(Mh,{...t,value:r[t.id],onChange:e=>{return i=t.id,n=e,void a(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[i]=n,t});var i,n},disabled:i,size:n},`${e}-radio-${t.id}`))]});var jh;!function(e){e.Data="data",e.Pretty="pretty"}(jh||(jh={}));const Uh=Rt.div`
|
|
2193
2202
|
height: ${({$maxHeight:e})=>e};
|
|
2194
2203
|
width: 100%;
|
|
2195
2204
|
overflow: auto;
|
|
2196
|
-
`,
|
|
2205
|
+
`,Wh=Rt.table`
|
|
2197
2206
|
width: 100%;
|
|
2198
2207
|
|
|
2199
|
-
${({$variant:e})=>{switch(e){case
|
|
2208
|
+
${({$variant:e})=>{switch(e){case jh.Data:return Mt`
|
|
2200
2209
|
border-collapse: collapse;
|
|
2201
|
-
`;case
|
|
2210
|
+
`;case jh.Pretty:return Mt`
|
|
2202
2211
|
border-collapse: separate;
|
|
2203
2212
|
border-spacing: 0 8px;
|
|
2204
2213
|
`;default:return""}}}
|
|
2205
|
-
`,
|
|
2214
|
+
`,Vh=Rt.thead`
|
|
2206
2215
|
position: sticky;
|
|
2207
2216
|
top: 0;
|
|
2208
2217
|
z-index: 1;
|
|
2209
|
-
`,
|
|
2218
|
+
`,qh=Rt.th`
|
|
2210
2219
|
position: relative;
|
|
2211
2220
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2212
2221
|
padding: 18px 24px;
|
|
@@ -2215,12 +2224,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2215
2224
|
|
|
2216
2225
|
${({$variant:e,$backgroundColor:t})=>{if(t)return Mt`
|
|
2217
2226
|
background-color: ${t};
|
|
2218
|
-
`;switch(e){case
|
|
2227
|
+
`;switch(e){case jh.Data:return Mt`
|
|
2219
2228
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2220
|
-
`;case
|
|
2229
|
+
`;case jh.Pretty:return Mt`
|
|
2221
2230
|
background-color: transparent;
|
|
2222
2231
|
`;default:return""}}}
|
|
2223
|
-
`,
|
|
2232
|
+
`,Hh=Rt.div`
|
|
2224
2233
|
position: absolute;
|
|
2225
2234
|
top: 50%;
|
|
2226
2235
|
right: 0;
|
|
@@ -2228,30 +2237,30 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2228
2237
|
width: 1px;
|
|
2229
2238
|
height: 18px;
|
|
2230
2239
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2231
|
-
`,
|
|
2240
|
+
`,Gh=Rt.tbody``,Kh=Rt.td`
|
|
2232
2241
|
position: relative;
|
|
2233
2242
|
padding: 18px 24px;
|
|
2234
2243
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2235
2244
|
|
|
2236
|
-
${({$variant:e,$selected:t,$hovered:i,$isLastRow:n,$isFirstCell:o,$isLastCell:r})=>{switch(e){case
|
|
2245
|
+
${({$variant:e,$selected:t,$hovered:i,$isLastRow:n,$isFirstCell:o,$isLastCell:r})=>{switch(e){case jh.Data:return Mt`
|
|
2237
2246
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2238
2247
|
border-left: none;
|
|
2239
2248
|
border-right: none;
|
|
2240
2249
|
border-radius: ${n?o?"0 0 0 4px":r?"0 0 4px 0":"0":"0"};
|
|
2241
2250
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:i?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2242
|
-
`;case
|
|
2251
|
+
`;case jh.Pretty:return Mt`
|
|
2243
2252
|
border: none;
|
|
2244
2253
|
border-radius: ${o?"12px 0 0 12px":r?"0 12px 12px 0":"0"};
|
|
2245
2254
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:i?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2246
2255
|
`;default:return""}}}
|
|
2247
|
-
`,
|
|
2256
|
+
`,Yh=Rt.div`
|
|
2248
2257
|
width: 100%;
|
|
2249
2258
|
display: flex;
|
|
2250
2259
|
align-items: center;
|
|
2251
2260
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2252
2261
|
gap: 4px;
|
|
2253
2262
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2254
|
-
`,
|
|
2263
|
+
`,Jh=({variant:e,columns:t,rows:i,getRowActions:n,rowActionsPushRightPosition:o,withCheckboxes:r})=>{const[a,s]=yt(null);return Nt(Bt,{children:i.map((l,c)=>{const{cells:d,onClick:p,isSelected:u=!1,onSelect:h,onDeselect:m,hideCheckbox:g}=l,$=a===c,x=n(l),f=(e,t)=>({$isLastRow:c===i.length-1,$isFirstCell:e,$isLastCell:t,$selected:u,$withClick:!!p,onClick:()=>p?.(),$hovered:!!p&&$,onMouseEnter:()=>s(c),onMouseLeave:()=>s(null)});return _t("tr",{children:[r&&Nt(Kh,{$variant:e,...f(!0,!1),children:!g&&Nt(tu,{value:u,onChange:()=>u?m?.():h?.()})},"checkbox-column"),t.map(({key:i,textAlign:n},a)=>{const s=d.find(e=>e.key===i),l=0===a&&!r,p=a===t.length-1;return _t(Kh,{$variant:e,...f(l,p),children:[s?.component?Nt(oa,{$justifyContent:"right"===n?"flex-end":"flex-start",children:Nt(s.component,{})}):Nt(so,{size:ro.XS,align:n,children:s?.rawValue||"-"}),x.length?Nt(Ju,{isOpen:$&&p,actions:x,positionRight:o}):null]},`row-${c}-cell-${a}`)})]},`row-${c}`)})})},Xh=({columnKey:e,sortDirection:t,sortByKey:i,onSort:n})=>{const o=Lt(),r=i===e?o.v2.colors.white[500]:o.v2.colors.grey[400],a=t===gi.Ascending?0:180;return Nt(Rr,{icon:e=>Nt(dt,{fill:r,rotate:a,...e}),onClick:()=>n(e)})},Zh=({columnKey:e,filters:t,onFilter:i,rowsUnfiltered:n})=>{const o=Lt(),r=t[e]?.length?o.v2.colors.white[500]:o.v2.colors.grey[400],a=bt(()=>Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e]);return Nt(du,{items:a,withMultiSelect:!0,selectedIds:t[e]?.map(e=>e.toString())??[],setSelectedIds:t=>i(e,t),defaultOpen:!1,iconButtonProps:{icon:e=>Nt($t,{fill:r,...e})}})},Qh=({variant:e,backgroundColor:t,columns:i,rowsUnfiltered:n,sortDirection:o,sortByKey:r,onSort:a,filters:s,onFilter:l,withCheckboxes:c,partiallySelected:d,allSelected:p,onSelectAll:u})=>_t("tr",{children:[c&&Nt(qh,{$variant:e,$backgroundColor:t,$minWidth:24,$isFirst:!0,$isLast:!1,children:Nt(tu,{partiallyChecked:d&&!p,value:p||!1,onChange:u})},"checkbox-column"),i.map(({key:d,label:p,noSort:u,noFilter:h,minWidth:m,textAlign:g},$)=>{const x=0===$&&!c,f=$===i.length-1;return _t(qh,{$variant:e,$backgroundColor:t,$minWidth:m,$isFirst:x,$isLast:f,children:[_t(Yh,{$textAlign:g,children:[Nt(so,{size:ro.XS,align:g,children:p}),!u&&Nt(Xh,{columnKey:d,sortDirection:o,sortByKey:r,onSort:a}),!h&&Nt(Zh,{columnKey:d,filters:s,onFilter:l,rowsUnfiltered:n})]}),!f&&e===jh.Data&&Nt(Hh,{})]},`column-${d}`)})]}),em=({variant:e,maxHeight:t="unset",headerBackgroundColor:i,isLoading:n,columns:o,rows:r,getRowActions:a,rowActionsPushRightPosition:s,withCheckboxes:l})=>{const[c,d]=yt(gi.Ascending),[p,u]=yt(""),[h,m]=yt({}),g=kt(e=>{u(e),d(e=>e===gi.Ascending?gi.Descending:gi.Ascending)},[]),$=kt((e,t)=>{m(i=>({...i,[e]:t}))},[]),x=bt(()=>{const e=(e,t)=>{const i=e.cells.find(e=>e.key===t);return i&&(i.rawValue?.toString()||i.component?.({})?.props?.children?.toString())||""};return(p?[...r].sort((t,i)=>{const n=e(t,p),o=e(i,p);return(c===gi.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,o)}):r).filter(t=>{for(const[i,n]of Object.entries(h))if(n.length&&!n.includes(e(t,i)))return!1;return!0})},[r,p,c,h]),{partiallySelected:f,allSelected:b}=bt(()=>{const e=x.filter(e=>!e.hideCheckbox);return{partiallySelected:e.length>0&&e.some(e=>e.isSelected),allSelected:e.length>0&&e.every(e=>e.isSelected)}},[x]);return _t(Uh,{$maxHeight:t,children:[_t(Wh,{$variant:e,children:[Nt(Vh,{children:Nt(Qh,{variant:e,backgroundColor:i,columns:o,rowsUnfiltered:r,sortDirection:c,sortByKey:p,onSort:g,filters:h,onFilter:$,withCheckboxes:l,partiallySelected:f,allSelected:b,onSelectAll:e=>{e?x.forEach(e=>!e.hideCheckbox&&e.onSelect?.()):x.forEach(e=>!e.hideCheckbox&&e.onDeselect?.())}})}),Nt(Gh,{children:Nt(Jh,{variant:e,columns:o,rows:x,getRowActions:a||(()=>[]),rowActionsPushRightPosition:s,withCheckboxes:l})})]}),!x.length&&Nt(aa,{style:{marginTop:"0.5rem"},children:n?Nt(fs,{scale:1.2}):Nt(sl,{})})]})},tm=Rt.div`
|
|
2255
2264
|
display: flex;
|
|
2256
2265
|
align-items: center;
|
|
2257
2266
|
justify-content: center;
|
|
@@ -2274,7 +2283,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2274
2283
|
`:Mt`
|
|
2275
2284
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2276
2285
|
`}
|
|
2277
|
-
`,
|
|
2286
|
+
`,im=({label:e,leftIcon:t,rightIcon:i,onClick:n,disabled:o})=>{const r=Lt(),a=o?r.v2.colors.grey[400]:r.v2.colors.white[500];return _t(tm,{$disabled:o,$withClick:!!n,onClick:()=>!o&&n?.(),children:[t&&Nt(t,{fill:a,size:16}),Nt(so,{color:a,size:ro.XS,nowrap:!0,children:e}),i&&Nt(i,{fill:a,size:16})]})},nm=Rt.div`
|
|
2278
2287
|
padding: 8px 12px;
|
|
2279
2288
|
|
|
2280
2289
|
display: flex;
|
|
@@ -2292,7 +2301,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2292
2301
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2293
2302
|
}
|
|
2294
2303
|
`}
|
|
2295
|
-
`,
|
|
2304
|
+
`,om=Rt.textarea`
|
|
2296
2305
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
2297
2306
|
min-height: ${({$minHeight:e})=>e||"50px"};
|
|
2298
2307
|
flex: 1;
|
|
@@ -2317,11 +2326,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2317
2326
|
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
2318
2327
|
}
|
|
2319
2328
|
}
|
|
2320
|
-
`,
|
|
2329
|
+
`,rm=({label:e,required:t,tooltip:i,errorMessage:n,helpMessage:o,name:r,value:a,onChange:s,disabled:l,maxWidth:c,minHeight:d,...p})=>{const u=vt(null),h=()=>{u.current&&(u.current.style.height="auto",u.current.style.height=`${u.current.scrollHeight}px`)};return _t(ra,{$gap:6,children:[Nt(Lu,{label:e,tooltip:i,required:t}),Nt(nm,{$disabled:l,$error:!!n,children:Nt(om,{ref:u,"data-id":r,name:r,value:a,onChange:e=>{e.stopPropagation(),h(),s?.(e)},onKeyDown:e=>{e.stopPropagation()},onFocus:h,onBlur:h,disabled:l,$maxWidth:c,$minHeight:d,...p})}),Nt(Pu,{errorMessage:n,helpMessage:o})]})};var am,sm,lm;!function(e){e.Default="default",e.SuccessError="successError"}(am||(am={})),function(e){e.S="small",e.L="large"}(sm||(sm={})),function(e){e.Left="left",e.Right="right"}(lm||(lm={}));const cm=Rt.div`
|
|
2321
2330
|
display: flex;
|
|
2322
2331
|
align-items: center;
|
|
2323
2332
|
gap: ${({$gap:e})=>e}px;
|
|
2324
|
-
`,
|
|
2333
|
+
`,dm=Rt.div`
|
|
2325
2334
|
position: relative;
|
|
2326
2335
|
display: flex;
|
|
2327
2336
|
align-items: center;
|
|
@@ -2331,10 +2340,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2331
2340
|
height: ${({$size:e})=>e}px;
|
|
2332
2341
|
padding: ${4}px;
|
|
2333
2342
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2334
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:i,$variant:n,$value:o,theme:r})=>{if(e)return r.v2.colors.grey[800];if(t&&o)return t;if(i&&!o)return i;switch(n){case
|
|
2343
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:i,$variant:n,$value:o,theme:r})=>{if(e)return r.v2.colors.grey[800];if(t&&o)return t;if(i&&!o)return i;switch(n){case am.SuccessError:return o?r.v2.colors.green[500]:r.v2.colors.red[500];case am.Default:default:return o?r.v2.colors.purple[500]:r.v2.colors.grey[400]}}};
|
|
2335
2344
|
|
|
2336
2345
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2337
|
-
`,
|
|
2346
|
+
`,pm=Rt.div`
|
|
2338
2347
|
position: absolute;
|
|
2339
2348
|
top: 50%;
|
|
2340
2349
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2344,22 +2353,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,RenameAttributeIcon as i,DeleteAttri
|
|
|
2344
2353
|
border-radius: 100%;
|
|
2345
2354
|
background-color: ${({$color:e})=>e};
|
|
2346
2355
|
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)"};
|
|
2347
|
-
`,
|
|
2356
|
+
`,um=({variant:e=am.Default,size:t=sm.L,label:i,labelAlign:n=lm.Left,labelColor:o,tooltip:r,value:a,onChange:s,disabled:l,withIcon:c,onIcon:d=Ge,offIcon:p=Ye,onBgColor:u,offBgColor:h})=>{const m=Lt(),g=l?m.v2.colors.grey[400]:m.v2.colors.white[500],$=t===sm.S?10:16,x=o||m.v2.colors.white[500],f=t===sm.S?ro.XXXS:ro.XS,b=t===sm.S?8:12;return _t(cm,{$gap:b,children:[i&&n===lm.Left&&Nt(so,{color:x,size:f,nowrap:!0,children:i}),_t(dm,{$onBgColor:u,$offBgColor:h,$variant:e,$size:$,$value:a,$disabled:l,onClick:e=>{e.stopPropagation(),l||s(!a)},children:[Nt(pm,{$color:g,$size:$,$value:a,$disabled:l}),c&&_t(Bt,{children:[Nt(d,{size:$,fill:g}),Nt(p,{size:$,fill:g})]})]}),i&&n===lm.Right&&Nt(so,{color:x,size:f,nowrap:!0,children:i}),r&&Nt(Ia,{text:r,withIcon:!0})]})},hm=Rt.div`
|
|
2348
2357
|
display: flex;
|
|
2349
2358
|
flex-direction: ${({$direction:e})=>e===mi.Horizontal?"row":"column"};
|
|
2350
2359
|
gap: ${({$direction:e})=>e===mi.Horizontal?16:8}px;
|
|
2351
|
-
`,
|
|
2360
|
+
`,mm=({direction:e=mi.Vertical,title:t,size:i,disabled:n,options:o,values:r,setValues:a})=>{const s=i===sm.S?ro.XS:ro.S;return _t(hm,{$direction:e,children:[t&&Nt(so,{size:s,children:t}),o.map(e=>Nt(um,{...e,labelAlign:lm.Right,value:r[e.id],onChange:t=>{return i=e.id,n=t,void a(e=>{const t={...e};return i?t[i]=n:o.forEach(e=>t[e.id]=n),t});var i,n},disabled:n,size:i},`${t}-toggle-${e.id}`))]})},gm=Rt.div`
|
|
2352
2361
|
min-width: 530px;
|
|
2353
|
-
|
|
2362
|
+
`,$m=Rt.div`
|
|
2354
2363
|
display: flex;
|
|
2355
2364
|
flex-direction: column;
|
|
2356
2365
|
align-items: center;
|
|
2357
2366
|
gap: 16px;
|
|
2358
2367
|
padding: 24px;
|
|
2359
|
-
`,
|
|
2368
|
+
`,xm=Rt.div`
|
|
2360
2369
|
display: flex;
|
|
2361
2370
|
justify-content: center;
|
|
2362
2371
|
gap: 16px;
|
|
2363
2372
|
padding: 16px 24px;
|
|
2364
2373
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2365
|
-
|
|
2374
|
+
`,fm=({visual:e,title:t,description:i,isOpen:n,onClose:o,onDeny:r,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Lt();return Nt(Dh,{isOpen:n,onClose:o,...c,children:_t(gm,{children:[_t($m,{children:[e&&Nt(e,{}),Nt(so,{size:ro.M,weight:500,color:d.v2.colors.white[500],children:t}),Nt(ra,{$alignItems:"center",$gap:4,children:i.split("\n").map(e=>Nt(so,{size:ro.XS,weight:400,color:d.v2.colors.silver[200],children:e},e))})]}),(r||s)&&_t(xm,{children:[Nt(Bp,{variant:Op.Secondary,label:a,onClick:()=>{r?.(),o()}}),s&&Nt(Bp,{variant:Op.Primary,label:l,onClick:()=>{s(),o()}})]})]})})};export{Di as $,li as A,Bp as B,tu as C,Bu as D,jo as E,ra as F,Yi as G,Li as H,Vu as I,Ki as J,ci as K,Ch as L,Po as M,sl as N,mn as O,ji as P,mr as Q,mu as R,Xp as S,um as T,_o as U,gh as V,fm as W,Bo as X,Dr as Y,on as Z,Lo as _,Lu as a,va as a$,sm as a0,oo as a1,Go as a2,nr as a3,en as a4,wi as a5,er as a6,Mr as a7,qr as a8,Rr as a9,fc as aA,zl as aB,is as aC,fo as aD,Rl as aE,Ed as aF,Tp as aG,Od as aH,vd as aI,ip as aJ,Zd as aK,Mc as aL,Ld as aM,Ep as aN,go as aO,Ko as aP,rd as aQ,Bc as aR,Qa as aS,zr as aT,fn as aU,Ro as aV,As as aW,zc as aX,pn as aY,yi as aZ,Zo as a_,ta as aa,Pn as ab,xu as ac,Yo as ad,du as ae,ru as af,ou as ag,kl as ah,Vp as ai,dn as aj,vl as ak,rn as al,pu as am,ia as an,em as ao,jh as ap,oh as aq,zn as ar,fs as as,Du as at,yr as au,uu as av,yu as aw,ku as ax,Ui as ay,na as az,Pu as b,Bn as b$,ca as b0,Va as b1,nn as b2,Io as b3,Ca as b4,Ud as b5,un as b6,Fs as b7,Ai as b8,Hn as b9,Nr as bA,an as bB,ri as bC,Zi as bD,oi as bE,Ir as bF,Gr as bG,Ta as bH,sa as bI,rp as bJ,Hr as bK,qn as bL,Ul as bM,tn as bN,Kr as bO,Lr as bP,sr as bQ,_a as bR,ys as bS,Is as bT,Bs as bU,vi as bV,Gn as bW,ti as bX,_n as bY,Hi as bZ,jr as b_,Fn as ba,Xo as bb,ni as bc,js as bd,bn as be,Hs as bf,da as bg,pa as bh,md as bi,xn as bj,ua as bk,xc as bl,Ip as bm,kr as bn,to as bo,Ar as bp,or as bq,Zs as br,Kn as bs,ln as bt,Hd as bu,wn as bv,$n as bw,gn as bx,Bi as by,pp as bz,Ci as c,Qt as c$,Zt as c0,Yn as c1,Mo as c2,Ji as c3,bp as c4,kc as c5,kn as c6,vp as c7,Qo as c8,Vr as c9,ec as cA,qo as cB,cn as cC,rs as cD,An as cE,Ms as cF,us as cG,ai as cH,Ii as cI,ui as cJ,Oi as cK,Fi as cL,fi as cM,Ei as cN,hi as cO,mi as cP,pi as cQ,_i as cR,xi as cS,qi as cT,Vi as cU,Wi as cV,Ti as cW,Xi as cX,Gi as cY,gi as cZ,di as c_,$i as ca,Za as cb,$r as cc,Nn as cd,Or as ce,zi as cf,bl as cg,Bd as ch,_s as ci,xd as cj,In as ck,Rn as cl,Ns as cm,ol as cn,al as co,Ju as cp,jn as cq,Xn as cr,Jr as cs,Ni as ct,bi as cu,oc as cv,ea as cw,Vs as cx,hn as cy,_r as cz,ih as d,mm as d$,sn as d0,yn as d1,vn as d2,Cn as d3,Sn as d4,En as d5,Dn as d6,Tn as d7,On as d8,Ln as d9,Yc as dA,sd as dB,ud as dC,Ls as dD,la as dE,Uc as dF,ha as dG,uo as dH,ho as dI,mo as dJ,xh as dK,$h as dL,yh as dM,Pp as dN,jp as dO,nu as dP,Zp as dQ,qu as dR,Ku as dS,Dh as dT,zh as dU,Mh as dV,Ph as dW,_h as dX,gu as dY,qp as dZ,im as d_,Un as da,Vn as db,Jn as dc,Zn as dd,Qn as de,eo as df,io as dg,no as dh,Uo as di,Wo as dj,Vo as dk,No as dl,hr as dm,wr as dn,gr as dp,ur as dq,Fr as dr,Ur as ds,wl as dt,Sl as du,El as dv,gl as dw,cl as dx,_c as dy,td as dz,lm as e,am as e0,Xu as f,ki as g,si as h,Mn as i,ii as j,oa as k,aa as l,ro as m,Nh as n,Si as o,Op as p,so as q,Np as r,Qi as s,Kp as t,rm as u,Mi as v,Ia as w,Pi as x,Ri as y,co as z};
|