@odigos/ui-kit 0.0.174 → 0.0.175
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/lib/chunks/{ui-components-e5ad46f1.js → ui-components-368e8b78.js} +300 -300
- package/lib/components/v2.js +1 -1
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers/_v2/central-connections/config-drawer/index.d.ts +1 -0
- package/lib/containers/_v2/central-connections/index.d.ts +1 -1
- package/lib/containers/instrumentation-rule-modal/index.d.ts +0 -1
- package/lib/containers/v2.js +20 -20
- package/lib/containers.js +108 -108
- package/lib/contexts/odigos-context.d.ts +9 -8
- package/lib/contexts.js +1 -1
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as r,RenameAttributeIcon as a,JavaLogo as s,GoLogo as l,NodejsLogo as c,PythonLogo as d,DotnetLogo as p,CSharpLogo as u,CPlusPlusLogo as h,PhpLogo as m,RubyLogo as g,RustLogo as $,SwiftLogo as f,ElixirLogo as x,MysqlLogo as b,NginxLogo as y,PostgresLogo as w,RedisLogo as k,KafkaLogo as v,AlaudaLogo as C,AlibabaCloudLogo as E,AppDynamicsLogo as S,AxiomLogo as A,AzureBlobLogo as D,AzureMonitorLogo as T,BetterStackLogo as z,BonreeLogo as F,CauselyLogo as O,ChecklyLogo as N,ChronosphereLogo as I,ClickhouseLogo as _,AwsCloudwatchLogo as B,CoralogixLogo as R,Dash0Logo as L,DatadogLogo as M,OpenTelemetryLogo as P,DynatraceLogo as j,ElasticApmLogo as U,ElasticSearchLogo as W,GoogleCloudPlatformLogo as V,GrafanaLogo as H,GreptimeLogo as q,GroundcoverLogo as G,HoneycombLogo as K,HyperDxLogo as Y,InstanaLogo as J,JaegerLogo as X,KloudmateLogo as Z,Last9Logo as Q,LightstepLogo as ee,LogzioLogo as te,LokiLogo as oe,LumigoLogo as ne,MiddlewareLogo as ie,NewRelicLogo as re,ObserveLogo as ae,OdigosLogo as se,OneUptimeLogo as le,OpenObserveLogo as ce,OpsVerseLogo as de,OracleLogo as pe,PrometheusLogo as ue,QrynLogo as he,GigapipeLogo as me,QuickwitLogo as ge,AwsS3Logo as $e,SeqLogo as fe,SplunkLogo as xe,SignozLogo as be,SumoLogicLogo as ye,TelemetryHubLogo as we,TempoLogo as ke,TingyunLogo as ve,TraceloopLogo as Ce,UptraceLogo as Ee,VictoriaMetricsLogo as Se,AwsXrayLogo as Ae,NamespacesIcon as De,SourceIcon as Te,DestinationIcon as ze,ActionIcon as Fe,InstrumentationRuleIcon as Oe,CodeAttributesIcon as Ne,CustomInstrumentationIcon as Ie,HeadersCollectionIcon as _e,PayloadCollectionIcon as Be,LogsIcon as Re,MetricsIcon as Le,TracesIcon as Me,VmLogo as Pe,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Ze,ExtendArrowIcon as Qe,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as 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,YamlIcon as mt,DotIcon as gt,FilterIcon as $t}from"../icons.js";import{create as ft}from"zustand";import xt,{Fragment as bt,useMemo as yt,useState as wt,useEffect as kt,useRef as vt,createContext as Ct,useContext as Et,useCallback as St,forwardRef as At,memo as Dt}from"react";import Tt from"javascript-time-ago";import{p as zt,c as Ft,s as Ot,u as Nt,e as It}from"./vendor-0965fadc.js";import _t,{css as Bt,useTheme as Rt,ThemeProvider as Lt,keyframes as Mt}from"styled-components";import{Handle as Pt,Position as jt,ReactFlow as Ut,Controls as Wt}from"@xyflow/react";import Vt,{createPortal as Ht}from"react-dom";import{ErrorBoundary as qt}from"react-error-boundary";import Gt from"lottie-react";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";const Jt=e=>e.charAt(0).toUpperCase()+e.slice(1),Xt=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,n])=>Array.isArray(n)?[e,t(n)]:"object"==typeof n&&null!==n?[e,o(n)]:[e,n]));return Object.entries(e).reduce((e,[n,i])=>{try{const r=JSON.parse(i);Array.isArray(r)?e[n]=JSON.stringify(t(r)):e[n]="object"==typeof r&&null!==r?JSON.stringify(o(r)):i}catch(r){"object"==typeof i&&null!==i?Array.isArray(i)?e[n]=JSON.stringify(t(i)):e[n]=JSON.stringify(o(i)):e[n]=i}return e},{})};var Zt;!function(e){e.SIGNALS="SIGNALS"}(Zt||(Zt={}));const Qt=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,r]=e;if(n===Zt.SIGNALS)switch(i){case"INCLUDES":return t?.includes(r);case"EXCLUDES":return!t?.includes(r);default:return!0}const a=o.find(e=>e.name===n);if(!a)return!0;switch(i){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}},eo=e=>JSON.parse(JSON.stringify(e)),to=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},oo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},no=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var io,ro,ao,so,lo,co,po,uo,ho,mo,go,$o,fo,xo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,zo,Fo,Oo,No,Io,_o,Bo,Ro,Lo,Mo,Po,jo,Uo,Wo,Vo,Ho;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(io||(io={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(ro||(ro={})),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"}(ao||(ao={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(so||(so={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(lo||(lo={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(co||(co={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(po||(po={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(uo||(uo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(ho||(ho={})),function(e){e.Ascending="ascending",e.Descending="descending"}(mo||(mo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(go||(go={})),function(e){e.K8s="k8s",e.Vm="vm"}($o||($o={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(fo||(fo={})),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"}(xo||(xo={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(bo||(bo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(yo||(yo={})),function(e){e.DataStream="DataStream"}(wo||(wo={})),function(e){e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.Toggle="toggle"}(ko||(ko={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(vo||(vo={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Co||(Co={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Eo||(Eo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(So||(So={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Ao||(Ao={})),function(e){e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"}(Do||(Do={})),function(e){e.Header="header",e.Add="add",e.Base="base",e.Edged="edged",e.Frame="frame",e.Scroll="scroll",e.Skeleton="skeleton",e.MapItem="map-item",e.NoData="no-data",e.OdiLogo="odilogo"}(To||(To={})),function(e){e.Labeled="labeled"}(zo||(zo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Fo||(Fo={})),function(e){e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signalfx="signalfx",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray"}(Oo||(Oo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(No||(No={})),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"}(Io||(Io={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(_o||(_o={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(Bo||(Bo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Ro||(Ro={})),function(e){e.HeaderKeys="headerKeys"}(Lo||(Lo={})),function(e){e.Java="java",e.Golang="golang"}(Mo||(Mo={}));class qo{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 Go{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(Po||(Po={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(jo||(jo={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Uo||(Uo={})),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"}(Wo||(Wo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Vo||(Vo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Ho||(Ho={}));const Ko=(e,t)=>{let o=[...e];return t.namespaces?.length&&(o=o.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(o=o.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(o=o.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(o=o.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:o})=>t===`${e}#${o}`)))),t.podsAgentInjectionStatus?.length&&(o=o.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.reasonEnum||t===e?.message))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===Co.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Yo="default",Jo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Xo={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)'},Zo={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"},Qo={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"},en=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Yo&&!e.dataStreamNames.length):[],tn=(e,t="",o={})=>{for(const n in e)if(e.hasOwnProperty(n)){const i=e[n],r=t?`${t}.${n}`:n;null===i||"object"!=typeof i||Array.isArray(i)?Array.isArray(i)?i.forEach((e,t)=>{const n=`${r}[${t}]`;null!==e&&"object"==typeof e?tn(e,n,o):o[n]=e}):o[r]=i:tn(i,r,o)}return o},on=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]}`},nn=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`}},rn=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>{const n=e[t%16];return t++,("1"===o?n:"0"===o?63&n|128:15&n|64).toString(16)})},an=s=>{const l=s?.toLowerCase(),c=l?.includes(io.Samplers),d=l===io.Attributes;return c?e:d?t:{[ro.K8sAttributes]:n,[ro.AddClusterInfo]:i,[ro.DeleteAttributes]:r,[ro.PiiMasking]:t,[ro.RenameAttributes]:a,[ro.ErrorSampler]:e,[ro.ProbabilisticSampler]:e,[ro.LatencySampler]:e,[ro.ServiceNameSampler]:e,[ro.SpanAttributeSampler]:e}[s]||o},sn=e=>{const t=e?.filter(({status:e})=>e===Co.Error),o=e?.filter(({status:e})=>e===Co.Warning),n=e?.filter(({status:e})=>e===So.Disabled),i=e?.filter(({status:e})=>e===So.Loading),r=t.length>0,a=o.length>0,s=n.length>0;return{errors:t,hasErrors:r,warnings:o,hasWarnings:a,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:r?Co.Error:a?Co.Warning:s?Co.Info:void 0}},ln=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},cn=e=>({[xo.Java]:s,[xo.Go]:l,[xo.JavaScript]:c,[xo.Python]:d,[xo.DotNet]:p,[xo.CSharp]:u,[xo.CPlusPlus]:h,[xo.Php]:m,[xo.Ruby]:g,[xo.Rust]:$,[xo.Swift]:f,[xo.Elixir]:x,[xo.MySql]:b,[xo.Nginx]:y,[xo.Postgres]:w,[xo.Redis]:k,[xo.Kafka]:v,[xo.Ignored]:o,[xo.Unknown]:o,[xo.Processing]:o,[xo.NoContainers]:o,[xo.NoRunningPods]:o}[e]||o),dn=e=>e?.map(({language:e})=>cn(e))||[],pn=(e,t)=>{const o={[Oo.Alauda]:C,[Oo.AlibabaCloud]:E,[Oo.AppDynamics]:S,[Oo.Axiom]:A,[Oo.AzureBlob]:D,[Oo.AzureMonitor]:T,[Oo.BetterStack]:z,[Oo.Bonree]:F,[Oo.Causely]:O,[Oo.Checkly]:N,[Oo.Chronosphere]:I,[Oo.ClickHouse]:_,[Oo.CloudWatch]:B,[Oo.Coralogix]:R,[Oo.Dash0]:L,[Oo.Datadog]:M,[Oo.Dynamic]:P,[Oo.Dynatrace]:j,[Oo.ElasticApm]:U,[Oo.ElasticSearch]:W,[Oo.GoogleCloud]:V,[Oo.GoogleCloudOTLP]:V,[Oo.GrafanaCloudLoki]:H,[Oo.GrafanaCloudPrometheus]:H,[Oo.GrafanaCloudTempo]:H,[Oo.Greptime]:q,[Oo.Groundcover]:G,[Oo.Honeycomb]:K,[Oo.HyperDX]:Y,[Oo.Instana]:J,[Oo.Jaeger]:X,[Oo.Kafka]:v,[Oo.Kloudmate]:Z,[Oo.Last9]:Q,[Oo.Lightstep]:ee,[Oo.LogzIo]:te,[Oo.Loki]:oe,[Oo.Lumigo]:ne,[Oo.Middleware]:ie,[Oo.NewRelic]:re,[Oo.Observe]:ae,[Oo.Odigos]:se,[Oo.OneUptime]:le,[Oo.OpenObserve]:ce,[Oo.Opsverse]:de,[Oo.Oracle]:pe,[Oo.OTLP]:P,[Oo.OTLPHttp]:P,[Oo.Prometheus]:ue,[Oo.Qryn]:he,[Oo.QrynOss]:me,[Oo.Quickwit]:ge,[Oo.S3]:$e,[Oo.Seq]:fe,[Oo.Signalfx]:xe,[Oo.Signoz]:be,[Oo.Splunk]:xe,[Oo.SplunkSapm]:xe,[Oo.SplunkOtlp]:xe,[Oo.SumoLogic]:ye,[Oo.TelemetryHub]:we,[Oo.Tempo]:ke,[Oo.Tingyun]:ve,[Oo.Traceloop]:Ce,[Oo.Uptrace]:Ee,[Oo.VictoriaMetrics]:Se,[Oo.VictoriaMetricsCloud]:Se,[Oo.XRay]:Ae}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},un=e=>({[yo.Namespace]:De,[yo.Source]:Te,[yo.Destination]:ze,[yo.Action]:Fe,[yo.InstrumentationRule]:Oe}[e]),hn=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,mn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let r="",a="";switch(t){case yo.InstrumentationRule:const t=e;r=t.type,a=t.ruleName;break;case yo.Source:const o=e;r=o.name,a=o.otelServiceName;break;case yo.Action:const n=e;r=n.type,a=n.name;break;case yo.Destination:const i=e;r=i.destinationType.displayName,a=i.name;break;case yo.Namespace:const s=e;r=s.name,a=s.name}return n?r+(a&&a!==r?` (${a})`:""):i&&a||r},gn=(e,t)=>{if(t===yo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},$n=e=>({[Bo.CodeAttributes]:Ne,[Bo.CustomInstrumentation]:Ie,[Bo.HeadersCollection]:_e,[Bo.PayloadCollection]:Be,[Bo.UnknownType]:o}[e]||o),fn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?xo.Processing:xo.NoRunningPods;const n=o?.filter(e=>e.language!==xo.Ignored);if(!n.length)return xo.NoContainers;const i=n.find(e=>e.language!==xo.Unknown);return i?i.language:xo.Unknown},xn=(e,t,o)=>(t===yo.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},bn=e=>({[Ho.Logs]:Re,[Ho.Metrics]:Le,[Ho.Traces]:Me}[e]),yn=e=>e?{[$o.K8s]:n,[$o.Vm]:Pe}[e]:se,wn=e=>e?{[$o.K8s]:"Kubernetes Cluster",[$o.Vm]:"Virtual Machine"}[e]:"Unknown",kn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...kn(e,t,o)),i}):[]},vn=(e,t)=>{if(t===yo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},Cn=(e,t,o)=>{switch(t){case Co.Default:return e.v2.colors.purple[o];case Co.Info:return e.v2.colors.blue[o];case Co.Error:return e.v2.colors.red[o];case Co.Warning:return e.v2.colors.yellow[o];case Co.Success:return e.v2.colors.green[o];case Ao.Disabled:case Ao.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},En=e=>{switch(e){case jo.Updating:case Uo.Pending:case Wo.ContainerCreating:case Vo.Waiting:return Co.Info;case jo.Healthy:case Uo.Succeeded:case Uo.Running:case Wo.Running:case Vo.Running:return Co.Success;case jo.Degraded:return Co.Warning;case jo.Failed:case Uo.Failed:case Wo.Error:case Wo.CrashLoopBackOff:case Wo.CreateContainerError:case Wo.CreateContainerConfigError:case Wo.ErrImagePull:case Wo.ErrImageNeverPull:case Wo.ImagePullBackOff:case Wo.InvalidImageName:case Wo.RegistryUnavailable:case Wo.NetworkNotReady:case Wo.OOMKilled:case Wo.ContainerCannotRun:case Vo.Terminated:case Wo.DeadlineExceeded:case Wo.StartError:return Co.Error;case jo.Down:case Wo.Completed:return Ao.Disabled;case jo.Unknown:case Uo.Unknown:default:return Ao.Unknown}},Sn=(e,t)=>({[Co.Default]:o=>se({fill:Cn(t,e,"300"),...o}),[Co.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[Co.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[Co.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[Co.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[Ao.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[Ao.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),An=e=>{switch(e){case _o.Success:return Co.Success;case _o.Error:case _o.Failure:return Co.Error;case _o.Notice:return Co.Warning;case _o.Unsupported:case _o.Unknown:return Co.Info;case _o.Irrelevant:case _o.Disabled:return So.Disabled;case _o.Waiting:return So.Loading;case _o.Pending:default:return Co.Default}},Dn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Tn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function zn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Fn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=zn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},On=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==Co.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Nn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),In=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),_n=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Bn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Rn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Ln=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Mn=e=>Ln.test(e),Pn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",jn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Pn(t),reason:o?Pn(o):"",message:n,lastTransitionTime:i}))||[],Un=(e,t)=>{const o=zn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Wn=e=>e?Object.keys(e).filter(t=>e[t]):[],Vn=e=>e.replace(/[^\d]/g,""),Hn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},qn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},Gn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>Gn(e)))}else if("object"==typeof n&&null!==n){const e=Gn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Kn=(e,t=2)=>JSON.stringify(e||{},null,t),Yn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Jn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Xn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return o.length>2&&(t=o.slice(0,2).join(".")),Number(t)};var Zn,Qn;!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"}(Zn||(Zn={})),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"}(Qn||(Qn={}));const ei=_t.p`
|
|
1
|
+
import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,AddClusterInfoIcon as i,DeleteAttributeIcon as r,RenameAttributeIcon as a,JavaLogo as s,GoLogo as l,NodejsLogo as c,PythonLogo as d,DotnetLogo as p,CSharpLogo as u,CPlusPlusLogo as h,PhpLogo as m,RubyLogo as g,RustLogo as $,SwiftLogo as f,ElixirLogo as x,MysqlLogo as b,NginxLogo as y,PostgresLogo as w,RedisLogo as k,KafkaLogo as v,AlaudaLogo as C,AlibabaCloudLogo as E,AppDynamicsLogo as S,AxiomLogo as A,AzureBlobLogo as D,AzureMonitorLogo as T,BetterStackLogo as z,BonreeLogo as F,CauselyLogo as O,ChecklyLogo as N,ChronosphereLogo as I,ClickhouseLogo as _,AwsCloudwatchLogo as B,CoralogixLogo as R,Dash0Logo as L,DatadogLogo as M,OpenTelemetryLogo as P,DynatraceLogo as j,ElasticApmLogo as U,ElasticSearchLogo as W,GoogleCloudPlatformLogo as V,GrafanaLogo as H,GreptimeLogo as q,GroundcoverLogo as G,HoneycombLogo as K,HyperDxLogo as Y,InstanaLogo as J,JaegerLogo as X,KloudmateLogo as Z,Last9Logo as Q,LightstepLogo as ee,LogzioLogo as te,LokiLogo as oe,LumigoLogo as ne,MiddlewareLogo as ie,NewRelicLogo as re,ObserveLogo as ae,OdigosLogo as se,OneUptimeLogo as le,OpenObserveLogo as ce,OpsVerseLogo as de,OracleLogo as pe,PrometheusLogo as ue,QrynLogo as he,GigapipeLogo as me,QuickwitLogo as ge,AwsS3Logo as $e,SeqLogo as fe,SplunkLogo as xe,SignozLogo as be,SumoLogicLogo as ye,TelemetryHubLogo as we,TempoLogo as ke,TingyunLogo as ve,TraceloopLogo as Ce,UptraceLogo as Ee,VictoriaMetricsLogo as Se,AwsXrayLogo as Ae,NamespacesIcon as De,SourceIcon as Te,DestinationIcon as ze,ActionIcon as Fe,InstrumentationRuleIcon as Oe,CodeAttributesIcon as Ne,CustomInstrumentationIcon as Ie,HeadersCollectionIcon as _e,PayloadCollectionIcon as Be,LogsIcon as Re,MetricsIcon as Le,TracesIcon as Me,VmLogo as Pe,ISquareIcon as je,ExclamationCircleIcon as Ue,ExclamationTriangleIcon as We,VSquareIcon as Ve,XSquareIcon as He,QuestionCircleIcon as qe,VIcon as Ge,CopyIcon as Ke,XIcon as Ye,MinusIcon as Je,ListIcon as Xe,CodeIcon as Ze,ExtendArrowIcon as Qe,PlusIcon as et,EditIcon as tt,NoDataIcon as ot,EyeClosedIcon as nt,EyeOpenIcon as it,SearchIcon as 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,YamlIcon as mt,DotIcon as gt,FilterIcon as $t}from"../icons.js";import{create as ft}from"zustand";import xt,{Fragment as bt,useMemo as yt,useState as wt,useEffect as kt,useRef as vt,createContext as Ct,useContext as Et,useCallback as St,forwardRef as At,memo as Dt}from"react";import Tt from"javascript-time-ago";import{p as zt,c as Ft,s as Ot,u as Nt,e as It}from"./vendor-0965fadc.js";import _t,{css as Bt,useTheme as Rt,ThemeProvider as Lt,keyframes as Mt}from"styled-components";import{Handle as Pt,Position as jt,ReactFlow as Ut,Controls as Wt}from"@xyflow/react";import Vt,{createPortal as Ht}from"react-dom";import{ErrorBoundary as qt}from"react-error-boundary";import Gt from"lottie-react";import{Highlight as Kt,themes as Yt}from"prism-react-renderer";const Jt=e=>e.charAt(0).toUpperCase()+e.slice(1),Xt=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),o=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,n])=>Array.isArray(n)?[e,t(n)]:"object"==typeof n&&null!==n?[e,o(n)]:[e,n]));return Object.entries(e).reduce((e,[n,i])=>{try{const r=JSON.parse(i);Array.isArray(r)?e[n]=JSON.stringify(t(r)):e[n]="object"==typeof r&&null!==r?JSON.stringify(o(r)):i}catch(r){"object"==typeof i&&null!==i?Array.isArray(i)?e[n]=JSON.stringify(t(i)):e[n]=JSON.stringify(o(i)):e[n]=i}return e},{})};var Zt;!function(e){e.SIGNALS="SIGNALS"}(Zt||(Zt={}));const Qt=(e,t,o)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[n,i,r]=e;if(n===Zt.SIGNALS)switch(i){case"INCLUDES":return t?.includes(r);case"EXCLUDES":return!t?.includes(r);default:return!0}const a=o.find(e=>e.name===n);if(!a)return!0;switch(i){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}},eo=e=>JSON.parse(JSON.stringify(e)),to=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),o},oo=(e,t)=>{let o=[...e];return t.monitors?.length&&(o=o.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),o},no=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[];var io,ro,ao,so,lo,co,po,uo,ho,mo,go,$o,fo,xo,bo,yo,wo,ko,vo,Co,Eo,So,Ao,Do,To,zo,Fo,Oo,No,Io,_o,Bo,Ro,Lo,Mo,Po,jo,Uo,Wo,Vo,Ho;!function(e){e.Attributes="attributes",e.Samplers="samplers"}(io||(io={})),function(e){e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.ErrorSampler="ErrorSampler",e.ProbabilisticSampler="ProbabilisticSampler",e.LatencySampler="LatencySampler",e.ServiceNameSampler="ServiceNameSampler",e.SpanAttributeSampler="SpanAttributeSampler"}(ro||(ro={})),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"}(ao||(ao={})),function(e){e.Pod="pod",e.Namespace="namespace",e.Node="node"}(so||(so={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"}(lo||(lo={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.GREATER_THAN="greater_than",e.LESS_THAN="less_than",e.GREATER_THAN_OR_EQUAL="greater_than_or_equal",e.LESS_THAN_OR_EQUAL="less_than_or_equal"}(co||(co={})),function(e){e.EXISTS="exists",e.EQUALS="equals"}(po||(po={})),function(e){e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.IS_VALID_JSON="is_valid_json",e.IS_INVALID_JSON="is_invalid_json",e.JSONPATH_EXISTS="jsonpath_exists",e.KEY_EQUALS="key_equals",e.KEY_NOT_EQUALS="key_not_equals"}(uo||(uo={})),function(e){e.Horizontal="horizontal",e.Vertical="vertical"}(ho||(ho={})),function(e){e.Ascending="ascending",e.Descending="descending"}(mo||(mo={})),function(e){e.Community="community",e.Cloud="cloud",e.Onprem="onprem"}(go||(go={})),function(e){e.K8s="k8s",e.Vm="vm"}($o||($o={})),function(e){e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"}(fo||(fo={})),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"}(xo||(xo={})),function(e){e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"}(bo||(bo={})),function(e){e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule"}(yo||(yo={})),function(e){e.DataStream="DataStream"}(wo||(wo={})),function(e){e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.Toggle="toggle"}(ko||(ko={})),function(e){e.Text="text",e.Password="password",e.Number="number"}(vo||(vo={})),function(e){e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default"}(Co||(Co={})),function(e){e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"}(Eo||(Eo={})),function(e){e.Loading="loading",e.Disabled="disabled"}(So||(So={})),function(e){e.Disabled="disabled",e.Unknown="unknown"}(Ao||(Ao={})),function(e){e.CodeAttributes="code-attributes",e.FullPayloadCollection="full-payload-collection",e.DbPayloadCollection="db-payload-collection",e.QueryOperationDetector="query-operation-detector",e.AllowConcurrentAgents="allow_concurrent_agents",e.JavaEbpfInstrumentations="java-ebpf-instrumentations",e.JavaNativeInstrumentations="java-native-instrumentations",e.SizeS="size_s",e.SizeM="size_m",e.SizeL="size_l"}(Do||(Do={})),function(e){e.Header="header",e.Add="add",e.Base="base",e.Edged="edged",e.Frame="frame",e.Scroll="scroll",e.Skeleton="skeleton",e.MapItem="map-item",e.NoData="no-data",e.OdiLogo="odilogo"}(To||(To={})),function(e){e.Labeled="labeled"}(zo||(zo={})),function(e){e.AddRule="addRule",e.AddSource="addSource",e.AddAction="addAction",e.AddDestination="addDestination"}(Fo||(Fo={})),function(e){e.Alauda="alauda",e.AlibabaCloud="alibabacloud",e.AppDynamics="appdynamics",e.Axiom="axiom",e.AzureBlob="azureblob",e.AzureMonitor="azuremonitor",e.BetterStack="betterstack",e.Bonree="bonree",e.Causely="causely",e.Checkly="checkly",e.Chronosphere="chronosphere",e.ClickHouse="clickhouse",e.CloudWatch="cloudwatch",e.Coralogix="coralogix",e.Dash0="dash0",e.Datadog="datadog",e.Dynamic="dynamic",e.Dynatrace="dynatrace",e.ElasticApm="elasticapm",e.ElasticSearch="elasticsearch",e.GoogleCloud="googlecloud",e.GoogleCloudOTLP="googlecloudotlp",e.GrafanaCloudLoki="grafanacloudloki",e.GrafanaCloudPrometheus="grafanacloudprometheus",e.GrafanaCloudTempo="grafanacloudtempo",e.Greptime="greptime",e.Groundcover="groundcover",e.Honeycomb="honeycomb",e.HyperDX="hyperdx",e.Instana="instana",e.Jaeger="jaeger",e.Kafka="kafka",e.Kloudmate="kloudmate",e.Last9="last9",e.Lightstep="lightstep",e.LogzIo="logzio",e.Loki="loki",e.Lumigo="lumigo",e.Middleware="middleware",e.NewRelic="newrelic",e.Observe="observe",e.Odigos="odigos",e.OneUptime="oneuptime",e.OpenObserve="openobserve",e.Opsverse="opsverse",e.Oracle="oracle",e.OTLP="otlp",e.OTLPHttp="otlphttp",e.Prometheus="prometheus",e.Qryn="qryn",e.QrynOss="qryn-oss",e.Quickwit="quickwit",e.S3="s3",e.Seq="seq",e.Signalfx="signalfx",e.Signoz="signoz",e.Splunk="splunk",e.SplunkSapm="splunksapm",e.SplunkOtlp="splunkotlp",e.SumoLogic="sumologic",e.TelemetryHub="telemetryhub",e.Tempo="tempo",e.Tingyun="tingyun",e.Traceloop="traceloop",e.Uptrace="uptrace",e.VictoriaMetrics="victoriametrics",e.VictoriaMetricsCloud="victoriametricscloud",e.XRay="xray"}(Oo||(Oo={})),function(e){e.Deployment="Deployment",e.DaemonSet="DaemonSet",e.StatefulSet="StatefulSet",e.CronJob="CronJob",e.Pod="Pod",e.StaticPod="StaticPod",e.Rollout="Rollout",e.ConfigMap="ConfigMap",e.DeploymentConfig="DeploymentConfig"}(No||(No={})),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"}(Io||(Io={})),function(e){e.Error="Error",e.Failure="Failure",e.Notice="Notice",e.Pending="Pending",e.Waiting="Waiting",e.Unsupported="Unsupported",e.Disabled="Disabled",e.Success="Success",e.Irrelevant="Irrelevant",e.Unknown="Unknown"}(_o||(_o={})),function(e){e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"}(Bo||(Bo={})),function(e){e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"}(Ro||(Ro={})),function(e){e.HeaderKeys="headerKeys"}(Lo||(Lo={})),function(e){e.Java="java",e.Golang="golang"}(Mo||(Mo={}));class qo{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 Go{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,o,n){this.packageName=e,this.functionName=t||"",this.receiverName=o||"",this.receiverMethodName=n||""}Verify(){return!(!this.packageName||(this.functionName?this.receiverMethodName||this.receiverName:!this.receiverMethodName||!this.receiverName))}toString(){return this.Verify()?this.functionName?`${this.packageName}.${this.functionName}`:this.receiverName&&this.receiverMethodName?`${this.packageName}.(${this.receiverName}).${this.receiverMethodName}`:"":"[Faulty Golang Probe]"}}!function(e){e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"}(Po||(Po={})),function(e){e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"}(jo||(jo={})),function(e){e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"}(Uo||(Uo={})),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"}(Wo||(Wo={})),function(e){e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"}(Vo||(Vo={})),function(e){e.Logs="logs",e.Metrics="metrics",e.Traces="traces"}(Ho||(Ho={}));const Ko=(e,t)=>{let o=[...e];return t.namespaces?.length&&(o=o.filter(({namespace:e})=>!!t.namespaces?.find(({id:t})=>t===e))),t.kinds?.length&&(o=o.filter(({kind:e})=>!!t.kinds?.find(({id:t})=>t===e))),t.languages?.length&&(o=o.filter(({containers:e})=>!!t.languages?.find(({id:t})=>!!e?.find(({language:e})=>t===e)))),t.conditions?.length&&(o=o.filter(({conditions:e})=>!!t.conditions?.find(({id:t})=>!!e?.find(({type:e,reason:o})=>t===`${e}#${o}`)))),t.podsAgentInjectionStatus?.length&&(o=o.filter(({podsAgentInjectionStatus:e})=>!!t.podsAgentInjectionStatus?.find(({id:t})=>t===e?.reasonEnum||t===e?.message))),t.onlyErrors&&(o=o.filter(e=>!!e.conditions?.find(e=>e.status===Co.Error))),t.errors?.length&&(o=o.filter(e=>!!t.errors?.find(t=>!!e.conditions?.find(e=>e.message===t.id)))),o},Yo="default",Jo={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Xo={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)'},Zo={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"},Qo={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"},en=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||t===Yo&&!e.dataStreamNames.length):[],tn=(e,t="",o={})=>{for(const n in e)if(e.hasOwnProperty(n)){const i=e[n],r=t?`${t}.${n}`:n;null===i||"object"!=typeof i||Array.isArray(i)?Array.isArray(i)?i.forEach((e,t)=>{const n=`${r}[${t}]`;null!==e&&"object"==typeof e?tn(e,n,o):o[n]=e}):o[r]=i:tn(i,r,o)}return o},on=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]}`},nn=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`}},rn=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>{const n=e[t%16];return t++,("1"===o?n:"0"===o?63&n|128:15&n|64).toString(16)})},an=s=>{const l=s?.toLowerCase(),c=l?.includes(io.Samplers),d=l===io.Attributes;return c?e:d?t:{[ro.K8sAttributes]:n,[ro.AddClusterInfo]:i,[ro.DeleteAttributes]:r,[ro.PiiMasking]:t,[ro.RenameAttributes]:a,[ro.ErrorSampler]:e,[ro.ProbabilisticSampler]:e,[ro.LatencySampler]:e,[ro.ServiceNameSampler]:e,[ro.SpanAttributeSampler]:e}[s]||o},sn=e=>{const t=e?.filter(({status:e})=>e===Co.Error),o=e?.filter(({status:e})=>e===Co.Warning),n=e?.filter(({status:e})=>e===So.Disabled),i=e?.filter(({status:e})=>e===So.Loading),r=t.length>0,a=o.length>0,s=n.length>0;return{errors:t,hasErrors:r,warnings:o,hasWarnings:a,disableds:n,hasDisableds:s,loadings:i,hasLoadings:i.length>0,priorotizedStatus:r?Co.Error:a?Co.Warning:s?Co.Info:void 0}},ln=e=>{const t=e?.reduce((e,t)=>t.instrumented?e+1:e,0);return`${t}/${e?.length||0} instrumented`},cn=e=>({[xo.Java]:s,[xo.Go]:l,[xo.JavaScript]:c,[xo.Python]:d,[xo.DotNet]:p,[xo.CSharp]:u,[xo.CPlusPlus]:h,[xo.Php]:m,[xo.Ruby]:g,[xo.Rust]:$,[xo.Swift]:f,[xo.Elixir]:x,[xo.MySql]:b,[xo.Nginx]:y,[xo.Postgres]:w,[xo.Redis]:k,[xo.Kafka]:v,[xo.Ignored]:o,[xo.Unknown]:o,[xo.Processing]:o,[xo.NoContainers]:o,[xo.NoRunningPods]:o}[e]||o),dn=e=>e?.map(({language:e})=>cn(e))||[],pn=(e,t)=>{const o={[Oo.Alauda]:C,[Oo.AlibabaCloud]:E,[Oo.AppDynamics]:S,[Oo.Axiom]:A,[Oo.AzureBlob]:D,[Oo.AzureMonitor]:T,[Oo.BetterStack]:z,[Oo.Bonree]:F,[Oo.Causely]:O,[Oo.Checkly]:N,[Oo.Chronosphere]:I,[Oo.ClickHouse]:_,[Oo.CloudWatch]:B,[Oo.Coralogix]:R,[Oo.Dash0]:L,[Oo.Datadog]:M,[Oo.Dynamic]:P,[Oo.Dynatrace]:j,[Oo.ElasticApm]:U,[Oo.ElasticSearch]:W,[Oo.GoogleCloud]:V,[Oo.GoogleCloudOTLP]:V,[Oo.GrafanaCloudLoki]:H,[Oo.GrafanaCloudPrometheus]:H,[Oo.GrafanaCloudTempo]:H,[Oo.Greptime]:q,[Oo.Groundcover]:G,[Oo.Honeycomb]:K,[Oo.HyperDX]:Y,[Oo.Instana]:J,[Oo.Jaeger]:X,[Oo.Kafka]:v,[Oo.Kloudmate]:Z,[Oo.Last9]:Q,[Oo.Lightstep]:ee,[Oo.LogzIo]:te,[Oo.Loki]:oe,[Oo.Lumigo]:ne,[Oo.Middleware]:ie,[Oo.NewRelic]:re,[Oo.Observe]:ae,[Oo.Odigos]:se,[Oo.OneUptime]:le,[Oo.OpenObserve]:ce,[Oo.Opsverse]:de,[Oo.Oracle]:pe,[Oo.OTLP]:P,[Oo.OTLPHttp]:P,[Oo.Prometheus]:ue,[Oo.Qryn]:he,[Oo.QrynOss]:me,[Oo.Quickwit]:ge,[Oo.S3]:$e,[Oo.Seq]:fe,[Oo.Signalfx]:xe,[Oo.Signoz]:be,[Oo.Splunk]:xe,[Oo.SplunkSapm]:xe,[Oo.SplunkOtlp]:xe,[Oo.SumoLogic]:ye,[Oo.TelemetryHub]:we,[Oo.Tempo]:ke,[Oo.Tingyun]:ve,[Oo.Traceloop]:Ce,[Oo.Uptrace]:Ee,[Oo.VictoriaMetrics]:Se,[Oo.VictoriaMetricsCloud]:Se,[Oo.XRay]:Ae}[e];return o&&!t?{icon:o}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},un=e=>({[yo.Namespace]:De,[yo.Source]:Te,[yo.Destination]:ze,[yo.Action]:Fe,[yo.InstrumentationRule]:Oe}[e]),hn=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,mn=(e,t,o)=>{const{extended:n,prioritizeDisplayName:i}=o||{};let r="",a="";switch(t){case yo.InstrumentationRule:const t=e;r=t.type,a=t.ruleName;break;case yo.Source:const o=e;r=o.name,a=o.otelServiceName;break;case yo.Action:const n=e;r=n.type,a=n.name;break;case yo.Destination:const i=e;r=i.destinationType.displayName,a=i.name;break;case yo.Namespace:const s=e;r=s.name,a=s.name}return n?r+(a&&a!==r?` (${a})`:""):i&&a||r},gn=(e,t)=>{if(t===yo.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[o,n]=e.split("=");t[o]=n}),t}return e},$n=e=>({[Bo.CodeAttributes]:Ne,[Bo.CustomInstrumentation]:Ie,[Bo.HeadersCollection]:_e,[Bo.PayloadCollection]:Be,[Bo.UnknownType]:o}[e]||o),fn=e=>{const{numberOfInstances:t,containers:o}=e;if(!o)return t&&t>0?xo.Processing:xo.NoRunningPods;const n=o?.filter(e=>e.language!==xo.Ignored);if(!n.length)return xo.NoContainers;const i=n.find(e=>e.language!==xo.Unknown);return i?i.language:xo.Unknown},xn=(e,t,o)=>(t===yo.Source?e?.sources.find(e=>e.kind===o.kind&&e.name===o.name&&e.namespace===o.namespace):e?.destinations.find(e=>e.id===o))||{throughput:0},bn=e=>({[Ho.Logs]:Re,[Ho.Metrics]:Le,[Ho.Traces]:Me}[e]),yn=e=>e?{[$o.K8s]:n,[$o.Vm]:Pe}[e]:se,wn=e=>e?{[$o.K8s]:"Kubernetes Cluster",[$o.Vm]:"Virtual Machine"}[e]:"Unknown",kn=(e,t,o)=>{const n=e[t];return n?n.flatMap(e=>{const n=e[o],i=[];return void 0!==n&&(Array.isArray(n)?i.push(...n):i.push(n)),i.push(...kn(e,t,o)),i}):[]},vn=(e,t)=>{if(t===yo.Source){let t="";return Object.entries(e).forEach(([e,o])=>{t+=`${e}=${o}&`}),t.slice(0,-1),t}return e},Cn=(e,t,o)=>{switch(t){case Co.Default:return e.v2.colors.purple[o];case Co.Info:return e.v2.colors.blue[o];case Co.Error:return e.v2.colors.red[o];case Co.Warning:return e.v2.colors.yellow[o];case Co.Success:return e.v2.colors.green[o];case Ao.Disabled:case Ao.Unknown:return e.v2.colors.silver[o];default:return e.v2.colors.white[500]}},En=e=>{switch(e){case jo.Updating:case Uo.Pending:case Wo.ContainerCreating:case Vo.Waiting:return Co.Info;case jo.Healthy:case Uo.Succeeded:case Uo.Running:case Wo.Running:case Vo.Running:return Co.Success;case jo.Degraded:return Co.Warning;case jo.Failed:case Uo.Failed:case Wo.Error:case Wo.CrashLoopBackOff:case Wo.CreateContainerError:case Wo.CreateContainerConfigError:case Wo.ErrImagePull:case Wo.ErrImageNeverPull:case Wo.ImagePullBackOff:case Wo.InvalidImageName:case Wo.RegistryUnavailable:case Wo.NetworkNotReady:case Wo.OOMKilled:case Wo.ContainerCannotRun:case Vo.Terminated:case Wo.DeadlineExceeded:case Wo.StartError:return Co.Error;case jo.Down:case Wo.Completed:return Ao.Disabled;case jo.Unknown:case Uo.Unknown:default:return Ao.Unknown}},Sn=(e,t)=>({[Co.Default]:o=>se({fill:Cn(t,e,"300"),...o}),[Co.Info]:o=>je({fill:Cn(t,e,"400"),...o}),[Co.Error]:o=>Ue({fill:Cn(t,e,"500"),...o}),[Co.Warning]:o=>We({fill:Cn(t,e,"500"),...o}),[Co.Success]:o=>Ve({fill:Cn(t,e,"500"),...o}),[Ao.Disabled]:o=>He({fill:Cn(t,e,"400"),...o}),[Ao.Unknown]:o=>qe({fill:Cn(t,e,"300"),...o})}[e]),An=e=>{switch(e){case _o.Success:return Co.Success;case _o.Error:case _o.Failure:return Co.Error;case _o.Notice:return Co.Warning;case _o.Unsupported:case _o.Unknown:return Co.Info;case _o.Irrelevant:case _o.Disabled:return So.Disabled;case _o.Waiting:return So.Loading;case _o.Pending:default:return Co.Default}},Dn=(e,t)=>{const o=t.find(([t,o])=>e>=t&&(null===o||e<=o));return o?.[2]||null},Tn=({namespace:e,name:t,kind:o})=>({namespace:e,name:t,kind:o});function zn(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Fn=(e,t)=>{const o=[],n=JSON.parse(JSON.stringify(e));for(const e of n){const n=zn(t.fields,{}),i=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==i&&o.push(...e.items[i].fields.map(e=>({...e,initialValue:n[e.name]})))}return o},On=(e,t)=>{const o=e=>e?.some(({healthy:e})=>e.status!==Co.Success);return e?.length?e.some(({instrumentationInstances:e})=>o(e)):o(t)??!1},Nn=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),In=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),_n=(e,t=0)=>{const o=(new Date).getTime();return new Date(e).getTime()-o<=t},Bn=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Rn=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Ln=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Mn=e=>Ln.test(e),Pn=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"",jn=e=>e?.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:i})=>({status:e,type:Pn(t),reason:o?Pn(o):"",message:n,lastTransitionTime:i}))||[],Un=(e,t)=>{const o=zn(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:o[e.name]??null})).filter(e=>null!==e.value):Object.entries(o).map(([e,t])=>({key:e,name:e,value:t}))},Wn=e=>e?Object.keys(e).filter(t=>e[t]):[],Vn=e=>e.replace(/[^\d]/g,""),Hn=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},qn=e=>{let t="";try{const o=JSON.parse(e);t=Array.isArray(o)?o.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof o&&null!==o?Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(o){t=e}return t},Gn=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(o=>{const n=e[o];if(Array.isArray(n)){const e=n.filter(e=>null!=e&&""!==e);e.length>0&&(t[o]=e.map(e=>Gn(e)))}else if("object"==typeof n&&null!==n){const e=Gn(n);Object.keys(e).length>0&&(t[o]=e)}else[void 0,null,""].includes(n)||(t[o]=n)}),t},Kn=(e,t=2)=>JSON.stringify(e||{},null,t),Yn=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),Jn=e=>Object.entries(e).reduce((e,[t,o])=>(e[t]="string"==typeof o?o:JSON.stringify(o),e),{}),Xn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const o=t.split(".");return 1e4*parseInt(o[0]||"0",10)+parseInt(o[1]||"0",10)};var Zn,Qn;!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"}(Zn||(Zn={})),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"}(Qn||(Qn={}));const ei=_t.p`
|
|
2
2
|
margin: 0;
|
|
3
3
|
color: ${({$color:e,theme:t})=>e||t.v2.colors.white[500]};
|
|
4
4
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
@@ -315,7 +315,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
315
315
|
}
|
|
316
316
|
`:""}
|
|
317
317
|
`}
|
|
318
|
-
`,gr=({children:e,variant:t="primary",onClick:o,...n})=>{const i=vt(null);return xt.createElement(ur,{$variant:t},xt.createElement(mr,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},$r=e=>{function t(){return void 0===e?{}:eo(e)}const[o,n]=wt(t()),[i,r]=wt({}),a=(e,t)=>Object.entries(e).every(([e,o])=>Array.isArray(o)?o.length===t[e].length&&o.every((o,n)=>a(o,t[e][n])):"object"==typeof o&&null!==o?a(o,t[e]):o===t[e]),s=yt(()=>void 0!==e&&!a(e,o),[e,o]);return kt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,areFormValuesEqual:a,isFormDirty:s,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=eo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?r(o=>({...o,[e]:t})):o&&r({...o})},resetFormData:e=>{n(e||t()),r({})}}},fr={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}},xr=()=>{const{addNotification:e}=wi(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:r}=$r(fr);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:r,validateForm:o=>{const n={};let r=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":Nn(t)&&(n[e]=Xo.FIELD_IS_REQUIRED)}}),r=!Object.values(n).length,!r&&o?.withAlert&&e({type:Co.Warning,title:o.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),r},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...eo(fr),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case ao.CollectContainerAttributes:case ao.CollectReplicaSetAttributes:case ao.CollectWorkloadId:case ao.CollectClusterId:case ao.LabelsAttributes:case ao.AnnotationsAttributes:case ao.ClusterAttributes:case ao.OverwriteExistingValues:case ao.AttributeNamesToDelete:case ao.Renames:case ao.PiiCategories:case ao.FallbackSamplingRatio:case ao.SamplingPercentage:case ao.EndpointsFilters:case ao.ServicesNameFilters:case ao.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},br=e=>{kt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},yr=()=>{const{setCurrentModal:e}=yi(),{setDrawerType:t,setDrawerEntityId:o}=$i(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:r}=ii();return{onClickNode:(a,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(r===l?(n(null),i(null)):(n(c),i(l)),p){case yo.Source:case yo.Destination:case yo.Action:case yo.InstrumentationRule:t(p),o(d);break;case Fo.AddSource:e(yo.Source);break;case Fo.AddDestination:e(yo.Destination);break;case Fo.AddAction:e(yo.Action);break;case Fo.AddRule:e(yo.InstrumentationRule)}}}},wr=()=>{const{setDrawerType:e,setDrawerEntityId:t}=$i(),{markAsDismissed:o,markAsSeen:n}=wi();return{onClickNotification:(i,r)=>{const{id:a,crdType:s,target:l}=i,{dismissToast:c}=r||{};if(s&&l)switch(s){case yo.InstrumentationRule:e(yo.InstrumentationRule),t(gn(l,yo.InstrumentationRule));break;case yo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(yo.Source),t(gn(l,yo.Source));break;case yo.Action:e(yo.Action),t(gn(l,yo.Action));break;case yo.Destination:case"Destination":e(yo.Destination),t(gn(l,yo.Destination))}n(a),c&&o(a)}}},kr=Ct({tier:
|
|
318
|
+
`,gr=({children:e,variant:t="primary",onClick:o,...n})=>{const i=vt(null);return xt.createElement(ur,{$variant:t},xt.createElement(mr,{ref:i,$variant:t,onClick:e=>{o&&o(e),i.current?.blur()},...n},e))},$r=e=>{function t(){return void 0===e?{}:eo(e)}const[o,n]=wt(t()),[i,r]=wt({}),a=(e,t)=>Object.entries(e).every(([e,o])=>Array.isArray(o)?o.length===t[e].length&&o.every((o,n)=>a(o,t[e][n])):"object"==typeof o&&null!==o?a(o,t[e]):o===t[e]),s=yt(()=>void 0!==e&&!a(e,o),[e,o]);return kt(()=>{void 0!==e&&"{}"===JSON.stringify(o)&&n(t())},[e,o]),{formData:o,formErrors:i,areFormValuesEqual:a,isFormDirty:s,handleFormChange:(e,t,o)=>{if(e){const o=e.toString().split(".");1===o.length?n(o=>({...o,[e]:t})):n(e=>{const n=eo(e);let i=n;for(let e=0;e<o.length-1;e++){const t=o[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[o[o.length-1]]=t,n})}else o&&n({...o})},handleErrorChange:(e,t,o)=>{e?r(o=>({...o,[e]:t})):o&&r({...o})},resetFormData:e=>{n(e||t()),r({})}}},fr={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}},xr=()=>{const{addNotification:e}=wi(),{formData:t,formErrors:o,handleFormChange:n,handleErrorChange:i,resetFormData:r}=$r(fr);return{formData:t,formErrors:o,handleFormChange:n,resetFormData:r,validateForm:o=>{const n={};let r=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":Nn(t)&&(n[e]=Xo.FIELD_IS_REQUIRED)}}),r=!Object.values(n).length,!r&&o?.withAlert&&e({type:Co.Warning,title:o.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,n),r},loadFormWithDrawerItem:({type:e,signals:t,fields:o})=>{const i={...eo(fr),type:e,signals:t};Object.entries(o).forEach(([e,t])=>{if(t)switch(e){case"actionName":i.name=t;break;case"type":case"notes":case"disabled":i[e]=t;break;case ao.CollectContainerAttributes:case ao.CollectReplicaSetAttributes:case ao.CollectWorkloadId:case ao.CollectClusterId:case ao.LabelsAttributes:case ao.AnnotationsAttributes:case ao.ClusterAttributes:case ao.OverwriteExistingValues:case ao.AttributeNamesToDelete:case ao.Renames:case ao.PiiCategories:case ao.FallbackSamplingRatio:case ao.SamplingPercentage:case ao.EndpointsFilters:case ao.ServicesNameFilters:case ao.AttributeFilters:i.fields||(i.fields={}),i.fields[e]=t}}),n(void 0,void 0,i)}}},br=e=>{kt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},yr=()=>{const{setCurrentModal:e}=yi(),{setDrawerType:t,setDrawerEntityId:o}=$i(),{setActiveNodeType:n,setActiveNodeId:i,activeNodeId:r}=ii();return{onClickNode:(a,s)=>{const{id:l,type:c,data:{id:d,type:p}}=s;switch(r===l?(n(null),i(null)):(n(c),i(l)),p){case yo.Source:case yo.Destination:case yo.Action:case yo.InstrumentationRule:t(p),o(d);break;case Fo.AddSource:e(yo.Source);break;case Fo.AddDestination:e(yo.Destination);break;case Fo.AddAction:e(yo.Action);break;case Fo.AddRule:e(yo.InstrumentationRule)}}}},wr=()=>{const{setDrawerType:e,setDrawerEntityId:t}=$i(),{markAsDismissed:o,markAsSeen:n}=wi();return{onClickNotification:(i,r)=>{const{id:a,crdType:s,target:l}=i,{dismissToast:c}=r||{};if(s&&l)switch(s){case yo.InstrumentationRule:e(yo.InstrumentationRule),t(gn(l,yo.InstrumentationRule));break;case yo.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(yo.Source),t(gn(l,yo.Source));break;case yo.Action:e(yo.Action),t(gn(l,yo.Action));break;case yo.Destination:case"Destination":e(yo.Destination),t(gn(l,yo.Destination))}n(a),c&&o(a)}}},kr=Ct({platformType:$o.K8s,tier:go.Community,version:"v0.0.0",isVersionSupported:!1}),vr=({children:e,platformType:t,tier:o,version:n})=>{const i=yt(()=>({platformType:t,tier:o,version:n}),[t,o,n]);return xt.createElement(kr.Provider,{value:i},e)},Cr=(e,t)=>!t||Xn(e)>=Xn(t),Er=e=>{const t=Et(kr),o=Cr(t.version,e);return{...t,isVersionSupported:o}},Sr=()=>{const{platformType:e}=Er();return{isVm:e===$o.Vm}},Ar=()=>{const e=vt(null),[t,o]=wt(0),[n,i]=wt(0);return kt(()=>{const t=()=>{if(e.current){const{width:t,height:n}=e.current.getBoundingClientRect();o(t),i(n)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:n}};var Dr;!function(e){e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"}(Dr||(Dr={}));const Tr=_t.div`
|
|
319
319
|
width: ${({$size:e})=>1.5*e}px;
|
|
320
320
|
height: ${({$size:e})=>1.5*e}px;
|
|
321
321
|
display: flex;
|
|
@@ -326,7 +326,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
326
326
|
&:hover {
|
|
327
327
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
328
328
|
}
|
|
329
|
-
`,Tr=({icon:e,size:t=Ar.S,onClick:o,disabled:n})=>xt.createElement(Dr,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t})),zr=({onDone:e}={})=>{const[t,o]=wt(!1),[n,i]=wt(-1),r=St(async(n,r)=>{if(!t){if(o(!0),void 0!==r&&i(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(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:St(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(Tr,{icon:n,size:o,onClick:()=>r(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:r}},Fr=e=>{const{addNotification:t}=wi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:r,resetFormData:a}=$r(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:a,validateForm:e=>{const n={};let i=!0;return o.name?In(o.name)?n.name=void 0:(i=!1,n.name=Xo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Xo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:Co.Warning,title:e.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...eo(e),name:t};n(void 0,void 0,o)}}},Or={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Nr=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=wi(),{formData:i,formErrors:r,handleFormChange:a,handleErrorChange:s,resetFormData:l}=$r(Or),[c,d]=wt([]),[p,u]=wt([]);return kt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:r,renderCondition:a}=e;if(o===ko.Dropdown){const e=zn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:r,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:o,title:i,value:r,renderCondition:a,...zn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?zn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),kt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),kt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;a("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:r,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Xo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:Co.Warning,title:e.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const r={...eo(Or),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(zn(i,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,r),r},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},Ir=({items:e,rowHeight:t})=>{const o=vt(null),n=Nt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},_r={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Po.HttpRequest]:null,[Po.HttpResponse]:null,[Po.DbQuery]:null,[Po.Messaging]:null},codeAttributes:{[Ro.Column]:null,[Ro.FilePath]:null,[Ro.Function]:null,[Ro.LineNumber]:null,[Ro.Namespace]:null,[Ro.StackTrace]:null},headersCollection:null,customInstrumentations:{[Mo.Java]:null,[Mo.Golang]:null}},Br=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=$r(_r);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:r,headersCollection:a,customInstrumentations:s})=>{const l={...eo(_r),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Po.HttpRequest]:i[Po.HttpRequest]?{}:null,[Po.HttpResponse]:i[Po.HttpResponse]?{}:null,[Po.DbQuery]:i[Po.DbQuery]?{}:null,[Po.Messaging]:i[Po.Messaging]?{}:null}),r&&(l.codeAttributes={[Ro.Column]:r[Ro.Column]||null,[Ro.FilePath]:r[Ro.FilePath]||null,[Ro.Function]:r[Ro.Function]||null,[Ro.LineNumber]:r[Ro.LineNumber]||null,[Ro.Namespace]:r[Ro.Namespace]||null,[Ro.StackTrace]:r[Ro.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[Mo.Java]:s[Mo.Java]||null,[Mo.Golang]:s[Mo.Golang]||null}),o(void 0,void 0,l)}}},Rr=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:r},a)=>(kt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!r||r&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,r,a]),null),Lr=(e,t)=>{kt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Mr=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=vt(null),[i,r]=wt(!1),[a,s]=wt({top:0,left:0});return Lr(n,()=>{i&&(r(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:r,popupPosition:a,handlePosition:(o,i)=>{const{innerWidth:r,innerHeight:a}=window;let l=i,c=o;l>=a/2&&(l+=-(n.current?.clientHeight||e)),c>=r/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},Pr=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?zn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),jr={otelServiceName:"",currentStreamName:""},Ur=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=$r(jr);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...eo(jr),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Wr=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,r=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(n?o:e.selected&&(!i||r))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:a,numberOfInstances:e.numberOfInstances}},Vr=(e,t,o)=>({...Wr(e,t,o),currentStreamName:t}),Hr=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),r=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&r,currentStreamName:t}},qr=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=fi(),{selectedStreamName:n}=gi(),i=vt(!1),{configuredSources:r,configuredFutureApps:a,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=Ti(),[d,p]=wt(s),[u,h]=wt(""),[m,g]=wt(!1),[$,f]=wt([]),[x,b]=wt(""),[y,w]=wt(a),[k,v]=wt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Vr(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),r=Vr(t,o);-1!==i?n[e][i]=r:n[e].push(r)})}),n})(s,r,n)),C=async(e,o)=>{if(t){if(h(e.name),$.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({namespaceName:e.name}),{name:r,sources:a=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!r)return;const s=a.map(e=>Wr(e,n));f(e=>[...e,r]),l({...Ti.getState().availableSources,[r]:s}),p(e=>({...e,[r]:s})),v(e=>({...e,[r]:"boolean"!=typeof o&&e[r]?.length?e[r]:a.map(e=>Vr(e,n,o))}))}h("")}};kt(()=>(i.current=!0,o?.length&&!Ti.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||Hr(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=wt(""),[A,D]=wt(yo.Source),[T,z]=wt(!1),[F,O]=wt(!1),N=yt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,yo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,yo.Source)&&(!T||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!E||E&&(A===yo.Namespace||A===yo.Source&&i.length))&&(t[o]=i)}),t},[k,E,A,T,F]);return{fetchingNamespace:u,fetchedNamespaces:$,availableSources:d,filteredNamespacesAndSources:N,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const r=o?.find(e=>e.name===t);(i.selected&&!r?.dataStreamNames?.includes(n)||!i.selected&&r?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:x,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||x;if(!o)return;const i=[...k[o]||[]],r=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==r){const e={...i[r],selected:!i[r].selected,currentStreamName:n};i[r]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||x;if(!i)return;const r=o.find(e=>e.name===t);r&&w(t=>({...t,[i]:Hr(r,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:z,showRunningOnly:F,setShowRunningOnly:O}};try{Tt.addDefaultLocale(It)}catch(e){}const Gr=()=>{const e=vt(new Tt(It.locale));return{formatTimeAgo:St(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Kr=_t.div`
|
|
329
|
+
`,zr=({icon:e,size:t=Dr.S,onClick:o,disabled:n})=>xt.createElement(Tr,{$size:t,$disabled:n,onClick:e=>{o&&!n&&(e.stopPropagation(),o(e))}},xt.createElement(e,{size:t})),Fr=({onDone:e}={})=>{const[t,o]=wt(!1),[n,i]=wt(-1),r=St(async(n,r)=>{if(!t){if(o(!0),void 0!==r&&i(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(()=>{o(!1),i(-1)},1e3)}},[t,e]);return{CopyButton:St(({value:e,size:o})=>{const n=t?Ge:Ke;return xt.createElement(zr,{icon:n,size:o,onClick:()=>r(e)})},[t]),isCopied:t,copiedIndex:n,clickCopy:r}},Or=e=>{const{addNotification:t}=wi(),{formData:o,handleFormChange:n,formErrors:i,handleErrorChange:r,resetFormData:a}=$r(e);return{formData:o,formErrors:i,handleFormChange:n,resetFormData:a,validateForm:e=>{const n={};let i=!0;return o.name?In(o.name)?n.name=void 0:(i=!1,n.name=Xo.ILLEGAL_K8S_LABEL):(i=!1,n.name=Xo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:Co.Warning,title:e.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,n),i},loadFormWithDrawerItem:({name:t})=>{const o={...eo(e),name:t};n(void 0,void 0,o)}}},Nr={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},Ir=e=>{const{supportedSignals:t,preLoadedFields:o}=e||{},{addNotification:n}=wi(),{formData:i,formErrors:r,handleFormChange:a,handleErrorChange:s,resetFormData:l}=$r(Nr),[c,d]=wt([]),[p,u]=wt([]);return kt(()=>{var e;u(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:o,componentProperties:n,displayName:i,initialValue:r,renderCondition:a}=e;if(o===ko.Dropdown){const e=zn(n,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:o,title:i,value:r,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:o,title:i,value:r,renderCondition:a,...zn(n,{})}})).map(e=>{if(o){const t="string"==typeof o?zn(o,{}):o;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,o]),kt(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[p]),kt(()=>{if(t&&0===Wn(i.exportedSignals).length){const{logs:e,metrics:o,traces:n}=t;a("exportedSignals",{logs:e.supported,metrics:o.supported,traces:n.supported})}},[t,i.exportedSignals]),{formData:i,formErrors:r,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let o=!0;return p.forEach(({name:e,value:n,required:i})=>{i&&!n&&(o=!1,t[e]=Xo.FIELD_IS_REQUIRED)}),!o&&e?.withAlert&&n({type:Co.Warning,title:e.alertTitle,message:Xo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),o},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:o,exportedSignals:n,fields:i})=>{const r={...eo(Nr),type:e,name:t,disabled:o,exportedSignals:n,fields:Object.entries(zn(i,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,r),r},yamlFields:c,setYamlFields:d,dynamicFields:p,setDynamicFields:u}},_r=({items:e,rowHeight:t})=>{const o=vt(null),n=Nt({enabled:e.length>0,horizontal:!1,count:e.length,getScrollElement:()=>o.current,estimateSize:()=>t,overscan:Math.ceil(.05*e.length)});return{overflowRef:o,listHeight:n.getTotalSize(),listItems:n.getVirtualItems()}},Br={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[Po.HttpRequest]:null,[Po.HttpResponse]:null,[Po.DbQuery]:null,[Po.Messaging]:null},codeAttributes:{[Ro.Column]:null,[Ro.FilePath]:null,[Ro.Function]:null,[Ro.LineNumber]:null,[Ro.Namespace]:null,[Ro.StackTrace]:null},headersCollection:null,customInstrumentations:{[Mo.Java]:null,[Mo.Golang]:null}},Rr=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=$r(Br);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:n,payloadCollection:i,codeAttributes:r,headersCollection:a,customInstrumentations:s})=>{const l={...eo(Br),ruleName:e,notes:t,disabled:n};i&&(l.payloadCollection={[Po.HttpRequest]:i[Po.HttpRequest]?{}:null,[Po.HttpResponse]:i[Po.HttpResponse]?{}:null,[Po.DbQuery]:i[Po.DbQuery]?{}:null,[Po.Messaging]:i[Po.Messaging]?{}:null}),r&&(l.codeAttributes={[Ro.Column]:r[Ro.Column]||null,[Ro.FilePath]:r[Ro.FilePath]||null,[Ro.Function]:r[Ro.Function]||null,[Ro.LineNumber]:r[Ro.LineNumber]||null,[Ro.Namespace]:r[Ro.Namespace]||null,[Ro.StackTrace]:r[Ro.StackTrace]||null}),a&&(l.headersCollection=a),s&&(l.customInstrumentations={[Mo.Java]:s[Mo.Java]||null,[Mo.Golang]:s[Mo.Golang]||null}),o(void 0,void 0,l)}}},Lr=({active:e,key:t,withAltKey:o,withCtrlKey:n,withShiftKey:i,withMetaKey:r},a)=>(kt(()=>{const s=s=>{e&&t===s.key&&(!o||o&&s.altKey)&&(!n||n&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!r||r&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,o,n,i,r,a]),null),Mr=(e,t)=>{kt(()=>{const o=o=>{e.current&&!e.current.contains(o.target)&&t()};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t])},Pr=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:o}={})=>{const n=vt(null),[i,r]=wt(!1),[a,s]=wt({top:0,left:0});return Mr(n,()=>{i&&(r(!1),o?.())}),{popupRef:n,popupOpen:i,setPopupOpen:r,popupPosition:a,handlePosition:(o,i)=>{const{innerWidth:r,innerHeight:a}=window;let l=i,c=o;l>=a/2&&(l+=-(n.current?.clientHeight||e)),c>=r/2&&(c+=-(n.current?.clientWidth||t)),s({top:l,left:c})}}},jr=()=>({getItemSS:(e,t)=>{const o=sessionStorage.getItem(e);return o?zn(o,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Ur={otelServiceName:"",currentStreamName:""},Wr=()=>{const{formData:e,formErrors:t,handleFormChange:o,handleErrorChange:n,resetFormData:i}=$r(Ur);return{formData:e,formErrors:t,handleFormChange:o,resetFormData:i,validateForm:()=>(n(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const n={...eo(Ur),otelServiceName:e||t||""};o(void 0,void 0,n)}}},Vr=(e,t,o)=>{const n="boolean"==typeof o,i=!!e.dataStreamNames?.length||!!e.currentStreamName?.length,r=i&&e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(n?o:e.selected&&(!i||r))||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:a,numberOfInstances:e.numberOfInstances}},Hr=(e,t,o)=>({...Vr(e,t,o),currentStreamName:t}),qr=(e,t,o)=>{const n="boolean"==typeof o,i=e.dataStreamNames?.includes(t),r=(n?o:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!n)&&r,currentStreamName:t}},Gr=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:o}=fi(),{selectedStreamName:n}=gi(),i=vt(!1),{configuredSources:r,configuredFutureApps:a,availableSources:s,setAvailableSources:l,setFetchedAllNamespaces:c}=Ti(),[d,p]=wt(s),[u,h]=wt(""),[m,g]=wt(!1),[$,f]=wt([]),[x,b]=wt(""),[y,w]=wt(a),[k,v]=wt(((e,t,o)=>{const n={};return Object.entries(e).forEach(([e,t])=>{n[e]=t.map(e=>Hr(e,o))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=n[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),r=Hr(t,o);-1!==i?n[e][i]=r:n[e].push(r)})}),n})(s,r,n)),C=async(e,o)=>{if(t){if(h(e.name),$.includes(e.name))v(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof o?o:e.selected,currentStreamName:n}))}));else{const{data:i}=await t({namespaceName:e.name}),{name:r,sources:a=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!r)return;const s=a.map(e=>Vr(e,n));f(e=>[...e,r]),l({...Ti.getState().availableSources,[r]:s}),p(e=>({...e,[r]:s})),v(e=>({...e,[r]:"boolean"!=typeof o&&e[r]?.length?e[r]:a.map(e=>Hr(e,n,o))}))}h("")}};kt(()=>(i.current=!0,o?.length&&!Ti.getState().fetchedAllNamespaces&&(p(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),v(e=>{const t={...e};return o.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return o.forEach(e=>t[e.name]=t[e.name]||qr(e,n)),t}),(async()=>{for await(const e of o)i.current&&await C(e)})(),i.current&&c(!0)),()=>{i.current=!1}),[o,n]);const[E,S]=wt(""),[A,D]=wt(yo.Source),[T,z]=wt(!1),[F,O]=wt(!1),N=yt(()=>{const e=(e,t)=>!E||A!==t||A===t&&e.toLowerCase().includes(E),t={};return Object.entries(k).filter(([t])=>e(t,yo.Namespace)).forEach(([o,n])=>{const i=n.filter(t=>e(t.name,yo.Source)&&(!T||t.selected)&&(e=>!F||(e.numberOfInstances||0)>0)(t));(!E||E&&(A===yo.Namespace||A===yo.Source&&i.length))&&(t[o]=i)}),t},[k,E,A,T,F]);return{fetchingNamespace:u,fetchedNamespaces:$,availableSources:d,filteredNamespacesAndSources:N,getApiSourcesPayload:()=>{const e={};return Object.entries(k).forEach(([t,o])=>{o.forEach(o=>{const n=d[t]?.find(e=>e.name===o.name&&e.kind===o.kind);n?.selected!==o.selected&&(e[t]||(e[t]=[]),e[t].push(o))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries(y).forEach(([t,i])=>{const r=o?.find(e=>e.name===t);(i.selected&&!r?.dataStreamNames?.includes(n)||!i.selected&&r?.dataStreamNames?.includes(n))&&(e[t]=i)}),e},selectedNamespace:x,onSelectNamespace:(e,t)=>{const n=o.find(t=>t.name===e);if(n){const o="boolean"==typeof t;b(t=>t!==e||o?e:""),C(n,t),o&&g(!1)}},selectedAllNamespaces:m,onSelectAllNamespaces:e=>{g(e),o.forEach(t=>C(t,e))},selectedSources:k,onSelectSource:(e,t)=>{const o=t||x;if(!o)return;const i=[...k[o]||[]],r=i.findIndex(({name:t,kind:o})=>t===e.name&&o===e.kind);if(-1!==r){const e={...i[r],selected:!i[r].selected,currentStreamName:n};i[r]=e}else i.push({...e,selected:!0,currentStreamName:n});v(e=>({...e,[o]:i})),g(!1)},selectedFutureApps:y,onSelectFutureApps:(e,t)=>{const i=t||x;if(!i)return;const r=o.find(e=>e.name===t);r&&w(t=>({...t,[i]:qr(r,n,e)}))},searchText:E,setSearchText:S,searchBy:A,setSearchBy:D,showSelectedOnly:T,setShowSelectedOnly:z,showRunningOnly:F,setShowRunningOnly:O}};try{Tt.addDefaultLocale(It)}catch(e){}const Kr=()=>{const e=vt(new Tt(It.locale));return{formatTimeAgo:St(t=>{try{return"string"==typeof t&&(t=t.replace("t","T").replace("z","Z")),e.current.format(new Date(t))}catch(e){return"-"}},[])}},Yr=_t.div`
|
|
330
330
|
flex: 1;
|
|
331
331
|
align-self: stretch;
|
|
332
332
|
display: flex;
|
|
@@ -334,7 +334,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
334
334
|
gap: 24px;
|
|
335
335
|
padding: 24px 24px 0 24px;
|
|
336
336
|
overflow-x: scroll;
|
|
337
|
-
`,
|
|
337
|
+
`,Jr=_t.div`
|
|
338
338
|
position: relative;
|
|
339
339
|
|
|
340
340
|
// inherit all the properties of the parent (PageContent)
|
|
@@ -344,7 +344,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
344
344
|
flex-direction: inherit;
|
|
345
345
|
gap: inherit;
|
|
346
346
|
overflow-x: inherit;
|
|
347
|
-
`,
|
|
347
|
+
`,Xr=_t.div`
|
|
348
348
|
display: flex;
|
|
349
349
|
flex-direction: row;
|
|
350
350
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -353,7 +353,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
353
353
|
gap: ${({$gap:e=2})=>e}px;
|
|
354
354
|
width: ${({$width:e})=>e||"unset"};
|
|
355
355
|
padding: ${({$padding:e="unset"})=>e};
|
|
356
|
-
`,
|
|
356
|
+
`,Zr=_t.div`
|
|
357
357
|
display: flex;
|
|
358
358
|
flex-direction: column;
|
|
359
359
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
@@ -362,17 +362,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
362
362
|
gap: ${({$gap:e=2})=>e}px;
|
|
363
363
|
width: ${({$width:e})=>e||"unset"};
|
|
364
364
|
padding: ${({$padding:e="unset"})=>e};
|
|
365
|
-
`,
|
|
365
|
+
`,Qr=_t(Zr)`
|
|
366
366
|
width: ${({$width:e})=>e||"100%"};
|
|
367
367
|
height: ${({$height:e})=>e||"unset"};
|
|
368
368
|
align-items: center;
|
|
369
369
|
justify-content: center;
|
|
370
|
-
`,
|
|
370
|
+
`,ea=_t.div`
|
|
371
371
|
display: flex;
|
|
372
372
|
flex-direction: column;
|
|
373
373
|
padding: 12px;
|
|
374
374
|
overflow-y: scroll;
|
|
375
|
-
`,
|
|
375
|
+
`,ta=_t.div`
|
|
376
376
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
377
377
|
top: 0;
|
|
378
378
|
left: 0;
|
|
@@ -381,24 +381,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
381
381
|
z-index: 1000;
|
|
382
382
|
background: rgba(0, 0, 0, 0.6);
|
|
383
383
|
backdrop-filter: blur(2px);
|
|
384
|
-
`,
|
|
384
|
+
`,oa=_t.div`
|
|
385
385
|
width: 800px;
|
|
386
386
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
387
387
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
388
388
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
389
389
|
padding: 0 2px;
|
|
390
390
|
overflow-y: scroll;
|
|
391
|
-
`,
|
|
391
|
+
`,na=_t(Zr)`
|
|
392
392
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
393
393
|
width: 100%;
|
|
394
|
-
`,
|
|
394
|
+
`,ia=_t(Xr)`
|
|
395
395
|
gap: 16px;
|
|
396
396
|
padding: 16px;
|
|
397
|
-
`,
|
|
397
|
+
`,ra=_t.div`
|
|
398
398
|
width: 100%;
|
|
399
399
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
400
400
|
overflow-y: auto;
|
|
401
|
-
`,
|
|
401
|
+
`,aa=_t.div`
|
|
402
402
|
position: fixed;
|
|
403
403
|
top: 50%;
|
|
404
404
|
left: 50%;
|
|
@@ -410,26 +410,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
410
410
|
border-radius: 40px;
|
|
411
411
|
box-shadow: ${({theme:e})=>{const t=e.colors.primary+Pi.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
412
412
|
animation-name: ${Pi.animations.slide.in.center};
|
|
413
|
-
`,
|
|
413
|
+
`,sa=_t.div`
|
|
414
414
|
display: flex;
|
|
415
415
|
justify-content: space-between;
|
|
416
416
|
align-items: center;
|
|
417
417
|
height: 80px;
|
|
418
418
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
419
419
|
padding: 0 24px;
|
|
420
|
-
`,
|
|
420
|
+
`,la=_t.div`
|
|
421
421
|
cursor: pointer;
|
|
422
422
|
display: flex;
|
|
423
423
|
align-items: center;
|
|
424
424
|
gap: 8px;
|
|
425
|
-
`,
|
|
425
|
+
`,ca=_t.div`
|
|
426
426
|
display: flex;
|
|
427
427
|
align-items: center;
|
|
428
428
|
gap: 8px;
|
|
429
|
-
`,
|
|
429
|
+
`,da=_t(Qr)`
|
|
430
430
|
min-width: 350px;
|
|
431
431
|
min-height: 150px;
|
|
432
|
-
`,
|
|
432
|
+
`,pa=_t.div`
|
|
433
433
|
position: absolute;
|
|
434
434
|
left: 50%;
|
|
435
435
|
transform: translateX(-50%);
|
|
@@ -438,24 +438,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
438
438
|
justify-content: center;
|
|
439
439
|
width: 100%;
|
|
440
440
|
pointer-events: none;
|
|
441
|
-
`,
|
|
441
|
+
`,ua=_t(Hi)`
|
|
442
442
|
text-transform: uppercase;
|
|
443
443
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
444
444
|
pointer-events: auto;
|
|
445
|
-
`,
|
|
445
|
+
`,ha=_t(Hi)`
|
|
446
446
|
text-transform: uppercase;
|
|
447
447
|
font-weight: 500;
|
|
448
448
|
font-size: 14px;
|
|
449
449
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
450
450
|
text-decoration: underline;
|
|
451
451
|
cursor: pointer;
|
|
452
|
-
`,
|
|
452
|
+
`,ma=({isOpen:e,noOverlay:t,header:o,actionComponent:n,onClose:i,children:r,closeOnEscape:a=!0})=>(Lr({key:"Escape",active:e&&a},()=>i()),br(e),e?Vt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ta,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),xt.createElement(aa,{"data-id":"modal"+(o?`-${o.title.replaceAll(" ","-")}`:"")},o&&xt.createElement(sa,null,xt.createElement(la,{onClick:i},xt.createElement(Ye,null),xt.createElement(ha,null,"Cancel")),xt.createElement(pa,null,xt.createElement(ua,null,o.title)),xt.createElement(ca,null,n)),xt.createElement(da,null,r))),document.body):null),ga=_t.div`
|
|
453
453
|
width: ${({$orientation:e,$thickness:t,$length:o})=>"vertical"===e?`${t}px`:o||"100%"};
|
|
454
454
|
height: ${({$orientation:e,$thickness:t,$length:o})=>"horizontal"===e?`${t}px`:o||"100%"};
|
|
455
455
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
456
456
|
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+Pi.opacity.hex["050"]};
|
|
457
457
|
opacity: ${({$opacity:e})=>e||1};
|
|
458
|
-
|
|
458
|
+
`,$a=({orientation:e="horizontal",type:t,thickness:o=1,length:n,margin:i,opacity:r})=>xt.createElement(ga,{$orientation:e,$type:t,$thickness:o,$length:n,$margin:i,$opacity:r}),fa=_t.div`
|
|
459
459
|
position: absolute;
|
|
460
460
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
461
461
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -470,24 +470,24 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
470
470
|
width: ${({$width:e})=>void 0!==e?e:"unset"};
|
|
471
471
|
|
|
472
472
|
${({$asPortal:e,$withPointerEvents:t})=>e&&!t&&"pointer-events: none;"}
|
|
473
|
-
`,fa=_t.div`
|
|
474
|
-
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
475
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
476
473
|
`,xa=_t.div`
|
|
477
474
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
475
|
+
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
478
476
|
`,ba=_t.div`
|
|
479
477
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
478
|
+
`,ya=_t.div`
|
|
479
|
+
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
480
480
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
481
|
-
`,
|
|
481
|
+
`,wa=At(({isOpen:e,asPortal:t,...o},n)=>{const i=yt(()=>{const{children:e,top:i,bottom:r,left:a,right:s,borderRadius:l,padding:c,maxWidth:d,width:p,header:u,footer:h,withPointerEvents:m,...g}=o;return xt.createElement(fa,{ref:n,$top:i,$bottom:r,$left:a,$right:s,$borderRadius:l,$padding:c,$maxWidth:d,$width:p,$asPortal:t,$withPointerEvents:m,...g},u&&xt.createElement(xa,{$padding:c},u),xt.createElement(ba,{$padding:c},e),h&&xt.createElement(ya,{$padding:c},h))},[n,o,t]);return e?t?Vt.createPortal(i,document.body):i:null});wa.displayName=wa.name;const ka=_t.div`
|
|
482
482
|
position: relative;
|
|
483
483
|
display: flex;
|
|
484
484
|
align-items: center;
|
|
485
485
|
gap: 4px;
|
|
486
486
|
// cursor: help;
|
|
487
|
-
`,
|
|
487
|
+
`,va=_t(Hi)`
|
|
488
488
|
word-break: break-word;
|
|
489
489
|
white-space: pre-wrap;
|
|
490
|
-
`,
|
|
490
|
+
`,Ca=({withIcon:e,titleIcon:t,title:o,text:n,timestamp:i,children:r})=>{const a=Pi.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:c,popupPosition:d,handlePosition:p}=Pr({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(n?.length||0),300)}),u=yt(()=>!!Ui(n||"")?.length,[n]),h=e=>{const{type:t,clientX:o,clientY:n}=e;u?p(d.left||o,d.top||n):p(o,n),c("mouseleave"!==t)};return n?xt.createElement(ka,{onMouseEnter:h,onMouseMove:h,onMouseLeave:h},r,e&&xt.createElement(qe,{fill:a.v2.colors.silver[200]}),xt.createElement(wa,{ref:s,isOpen:l,top:d.top,left:d.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?h:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!o)&&xt.createElement(Xr,{style:{marginBottom:"4px"},$gap:4},t&&xt.createElement(t,{key:"icon",size:12,fill:a.text.secondary}),o&&xt.createElement(Hi,{key:"title",size:12,color:a.text.secondary},o)),xt.createElement(va,{size:12,color:a.text.info},n),!!i&&xt.createElement(Hi,{size:10,color:a.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):xt.createElement(xt.Fragment,null,r)},Ea=_t.button`
|
|
491
491
|
position: relative;
|
|
492
492
|
width: ${({$size:e})=>e}px;
|
|
493
493
|
height: ${({$size:e})=>e}px;
|
|
@@ -501,7 +501,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
501
501
|
&:hover {
|
|
502
502
|
background-color: ${({theme:e,$backgroundColor:t})=>t?t+Pi.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
503
503
|
}
|
|
504
|
-
`,
|
|
504
|
+
`,Sa=_t.div`
|
|
505
505
|
position: absolute;
|
|
506
506
|
top: ${({$size:e})=>e/5}px;
|
|
507
507
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -518,7 +518,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
518
518
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
519
519
|
animation: ${Pi.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
520
520
|
}
|
|
521
|
-
`,
|
|
521
|
+
`,Aa=({children:e,onClick:t,tooltip:o,size:n=36,withPing:i,pingColor:r,withBorder:a,backgroundColor:s,...l})=>xt.createElement(Ca,{text:o},xt.createElement(Ea,{$size:n,$withBorder:a,$backgroundColor:s,onClick:t,...l},i&&xt.createElement(Sa,{$size:n,$color:r}),e)),Da=_t.div`
|
|
522
522
|
position: relative;
|
|
523
523
|
&.animated {
|
|
524
524
|
overflow: hidden;
|
|
@@ -526,7 +526,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
526
526
|
border-radius: 32px;
|
|
527
527
|
animation: ${({$isLeaving:e})=>e?Pi.animations.slide.out.bottom:Pi.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
528
528
|
}
|
|
529
|
-
`,
|
|
529
|
+
`,Ta=_t.div`
|
|
530
530
|
position: absolute;
|
|
531
531
|
bottom: -1px;
|
|
532
532
|
left: 0;
|
|
@@ -536,7 +536,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
536
536
|
border-radius: 32px;
|
|
537
537
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
538
538
|
animation: ${Pi.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
539
|
-
`,
|
|
539
|
+
`,za=_t.div`
|
|
540
540
|
display: flex;
|
|
541
541
|
align-items: center;
|
|
542
542
|
flex: 1;
|
|
@@ -544,20 +544,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
544
544
|
padding: 0 12px;
|
|
545
545
|
border-radius: 32px;
|
|
546
546
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
547
|
-
`,
|
|
547
|
+
`,Fa=_t.div`
|
|
548
548
|
display: flex;
|
|
549
549
|
align-items: center;
|
|
550
550
|
margin: 0 auto 0 0;
|
|
551
551
|
padding: 8px 0;
|
|
552
552
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
553
553
|
min-height: 12px;
|
|
554
|
-
`,
|
|
554
|
+
`,Oa=_t(Hi)`
|
|
555
555
|
font-size: 14px;
|
|
556
556
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
557
|
-
`,
|
|
557
|
+
`,Na=_t(Hi)`
|
|
558
558
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
559
559
|
font-size: 12px;
|
|
560
|
-
`,
|
|
560
|
+
`,Ia=_t(Xr)``,_a=_t(Hi)`
|
|
561
561
|
text-transform: uppercase;
|
|
562
562
|
text-decoration: underline;
|
|
563
563
|
font-size: 12px;
|
|
@@ -568,34 +568,34 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
568
568
|
transform: scale(1.1);
|
|
569
569
|
transition: transform 0.3s;
|
|
570
570
|
}
|
|
571
|
-
`,
|
|
571
|
+
`,Ba=({type:e,icon:t,title:o,message:n,action:i,onClose:r,duration:a=5e3,overrideMaxWidth:s,style:l})=>{const c=Pi.useTheme(),[d,p]=wt(!1),u=vt(null),h=vt(null),m=e=>{r&&(p(!0),r({asSeen:e?.asSeen}))};kt(()=>(u.current=setTimeout(()=>m({asSeen:!1}),a),()=>{u.current&&clearTimeout(u.current)}),[a]);const g=t||Sn(e,c);return xt.createElement(Da,{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"}}},xt.createElement(za,{"data-id":"toast",$type:e,style:l},xt.createElement(g,{fill:c.text[e]}),xt.createElement(Fa,{$withAction:!!i,$overrideMaxWidth:s},o&&xt.createElement(Oa,{$type:e},o),o&&n&&xt.createElement($a,{orientation:"vertical",type:e}),n&&xt.createElement(Na,{$type:e},n)),(!!i||!!r)&&xt.createElement(Ia,null,i&&xt.createElement(_a,{"data-id":"toast-action",onClick:i.onClick},i.label),r&&xt.createElement(Aa,{"data-id":"toast-close",onClick:()=>m({asSeen:!0})},xt.createElement(Ye,{size:12})))),r&&xt.createElement(Ta,{ref:h,$duration:a,$type:e}))},Ra=_t.div`
|
|
572
572
|
padding: 24px 32px;
|
|
573
|
-
`,
|
|
573
|
+
`,La=_t.div`
|
|
574
574
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
575
|
-
`,
|
|
575
|
+
`,Ma=_t(Hi)`
|
|
576
576
|
font-size: 20px;
|
|
577
577
|
line-height: 28px;
|
|
578
|
-
`,
|
|
578
|
+
`,Pa=_t(Hi)`
|
|
579
579
|
color: ${({theme:e})=>e.text.grey};
|
|
580
580
|
width: 416px;
|
|
581
581
|
font-style: normal;
|
|
582
582
|
font-weight: 300;
|
|
583
583
|
line-height: 24px;
|
|
584
|
-
`,
|
|
584
|
+
`,ja=_t.div`
|
|
585
585
|
display: flex;
|
|
586
586
|
justify-content: space-between;
|
|
587
587
|
gap: 12px;
|
|
588
|
-
`,
|
|
588
|
+
`,Ua=_t(gr)`
|
|
589
589
|
width: 250px;
|
|
590
|
-
`,
|
|
590
|
+
`,Wa=_t.div`
|
|
591
591
|
margin-bottom: 12px;
|
|
592
|
-
`,
|
|
592
|
+
`,Va=({isOpen:e,noOverlay:t,title:o="",description:n="",note:i,approveButton:r,denyButton:a,closeOnEscape:s=!0})=>{Lr({key:"Enter",active:e&&s},()=>r.onClick());const l=()=>a.onClick();return xt.createElement(ma,{isOpen:e,noOverlay:t,onClose:l},xt.createElement(Ra,null,xt.createElement(Ma,null,o),xt.createElement(La,{$withNote:!!i},xt.createElement(Pa,null,n)),!!i&&xt.createElement(Wa,null,xt.createElement(Ba,{type:i.type,title:i.title,message:i.message})),xt.createElement(ja,null,xt.createElement(Ua,{"data-id":"approve",variant:r.variant||"primary",onClick:()=>r.onClick()},r.text),xt.createElement(Ua,{"data-id":"deny",variant:a.variant||"secondary",onClick:l},a.text))))},Ha=({isOpen:e,noOverlay:t,name:o,onApprove:n,onDeny:i})=>xt.createElement(Va,{isOpen:e,noOverlay:t,title:"Cancel"+(o?` ${o}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:Co.Warning,onClick:n},denyButton:{text:"Go Back",onClick:i}}),qa=_t.div`
|
|
593
593
|
display: flex;
|
|
594
594
|
align-items: center;
|
|
595
595
|
gap: 8px;
|
|
596
596
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
597
597
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
598
|
-
`,
|
|
598
|
+
`,Ga=_t.div`
|
|
599
599
|
width: 18px;
|
|
600
600
|
height: 18px;
|
|
601
601
|
border-radius: 6px;
|
|
@@ -609,9 +609,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
609
609
|
&:hover {
|
|
610
610
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
611
611
|
}
|
|
612
|
-
`,
|
|
612
|
+
`,Ka=({title:e,titleColor:t,tooltip:o,value:n=!1,partiallyChecked:i=!1,onChange:r,disabled:a,style:s,errorMessage:l,allowPropagation:c=!1})=>{const d=Pi.useTheme(),[p,u]=wt(n);return kt(()=>u(n),[n]),xt.createElement(Zr,null,xt.createElement(qa,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:a,onClick:e=>{a||(c||e.stopPropagation(),r?r(!!i||!p):u(e=>!!i||!e))},style:s},xt.createElement(Ga,{$isChecked:p,$isPartiallyChecked:i,$disabled:a},i?xt.createElement(Je,{fill:d.text.white}):p?xt.createElement(Ge,{fill:d.text.white}):null),e&&xt.createElement(Ca,{text:o,withIcon:!0},xt.createElement(Hi,{size:12,color:t||d.text.grey,style:{maxWidth:"90%"}},e))),!!l&&xt.createElement(Ki,null,l))},Ya=_t(Xr)`
|
|
613
613
|
gap: 0;
|
|
614
|
-
`,
|
|
614
|
+
`,Ja=_t.button`
|
|
615
615
|
padding: 4px 8px;
|
|
616
616
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
617
617
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -623,22 +623,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
623
623
|
&:hover {
|
|
624
624
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
625
625
|
}
|
|
626
|
-
`,
|
|
626
|
+
`,Xa=({isPrettyMode:e,setIsPrettyMode:t})=>xt.createElement(Ya,null,xt.createElement(Ja,{$position:"left",$selected:e,onClick:()=>t(!0)},xt.createElement(Xe,null)),xt.createElement(Ja,{$position:"right",$selected:!e,onClick:()=>t(!1)},xt.createElement(Ze,null))),Za=_t.table`
|
|
627
627
|
border-collapse: collapse;
|
|
628
628
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
629
|
-
`,
|
|
629
|
+
`,Qa=_t.tbody``,es=_t.tr`
|
|
630
630
|
td:first-child {
|
|
631
631
|
padding-left: 0 !important;
|
|
632
632
|
}
|
|
633
633
|
td:last-child {
|
|
634
634
|
padding-right: 0 !important;
|
|
635
635
|
}
|
|
636
|
-
`,
|
|
636
|
+
`,ts=_t.td`
|
|
637
637
|
vertical-align: top;
|
|
638
638
|
padding: 4px 6px;
|
|
639
|
-
`,
|
|
639
|
+
`,os=_t(Hi)`
|
|
640
640
|
white-space: nowrap;
|
|
641
|
-
`,
|
|
641
|
+
`,ns=_t.span`
|
|
642
642
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
643
643
|
overflow-wrap: break-word;
|
|
644
644
|
word-break: break-word;
|
|
@@ -646,12 +646,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
646
646
|
/* Fallback for older browsers */
|
|
647
647
|
-ms-word-break: break-all;
|
|
648
648
|
font-size: 12px;
|
|
649
|
-
`,
|
|
649
|
+
`,is=({language:e,code:t,theme:o,flatten:n,pretty:i})=>{const{darkMode:r}=Pi.useTheme(),a=o?Yt[o]:r?Yt.palenight:Yt.vsLight;let s="";if("json"===e){const e=zn(t,{}),o=Gn(e);s=Kn(n?tn(o):o)}else s=t;return i&&"json"===e?xt.createElement(rs,{darkMode:r,str:s}):xt.createElement(Kt,{theme:a||(r?Yt.palenight:Yt.vsLight),language:e,code:s},({getLineProps:e,getTokenProps:t,tokens:o})=>xt.createElement("pre",null,o.map((o,n)=>xt.createElement("div",{key:`line-${n}`,...e({line:o})},o.map((e,o)=>xt.createElement(ns,{key:`line-${n}-token-${o}`,...t({token:e})}))))))},rs=({darkMode:e,str:t})=>{const o=Pi.useTheme();return xt.createElement(Kt,{theme:e?Yt.palenight:Yt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:n})=>xt.createElement(Za,null,xt.createElement(Qa,null,n.map((n,i)=>{const r=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const o=[...e],n=["property","string"].includes(o[0])?t.replace(/"/g,""):t;return"string"===o[0]&&(["true","false"].includes(n.split("@")[0])&&(o[0]="boolean"),n.split("@")[0].match(/^[0-9]+$/)&&(o[0]="number")),{types:o,content:n}})})(n),a=e({line:r});return 1===r.length&&"property"===r[0].types[0]?xt.createElement(bt,{key:`line-${i}`},((e,t)=>{const n=new Array(2).fill(e=>xt.createElement(es,{...e},xt.createElement(ts,null),xt.createElement(ts,null)));return xt.createElement(bt,null,n.map((e,n)=>xt.createElement(e,{key:`empty-row-${t}-${n}`,style:0===n?{borderBottom:`1px solid ${o.colors.border}`}:{}})))})(0,i),xt.createElement(es,{...a},xt.createElement(ts,null,xt.createElement(os,null,r[0].content)),xt.createElement(ts,null))):2===r.length?xt.createElement(es,{key:`line-${i}`,...a},r.map((e,n)=>{const{text:r,components:a}=((e,t)=>{const[o,...n]=e.split("@");return{text:o,components:n?.map((e,o)=>{if(!e.includes("="))return null;const[n,i]=e.split("=");switch(n){case"tooltip":return xt.createElement(Ca,{key:`${n}-${i}-${o}`,withIcon:!0,text:i});case"status":if("none"===i)return xt.createElement("div",{key:`${n}-${i}-${o}`,style:{width:16,height:16}});let e=Sn(i,t);return e||(e=Sn(Co.Warning,t)),xt.createElement(e,{key:`${n}-${i}-${o}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,o),s=0===n;return xt.createElement(ts,{key:`line-${i}-token-${n}`},xt.createElement(Xr,null,xt.createElement(Xr,null,a),xt.createElement(ns,{$noWrap:s,...t({token:e})},r)))})):(r.length,null)}))))},as={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 ss(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const n=(e.match(/[^0-9]*$/)||"").toString();return as[n]?{value:t,unit:n}:{value:t,unit:"px"}}function ls(e){const t=ss(e);return`${t.value}${t.unit}`}const cs=(()=>{const e="react-spinners-FadeLoader-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(n,0),e})(),ds=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:r={},...a})=>{const s=Pi.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:c}=ss(2),d=c+4.2,p=d/2+d/5.5,u=4*d*o,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:o,...r,...i},m=(e,t)=>({position:"absolute",width:ls(1.5),height:ls(4),borderRadius:ls(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${cs} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return xt.createElement("span",{style:h,...a},xt.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),xt.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),xt.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),xt.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},ps=_t.div`
|
|
650
650
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
651
651
|
display: flex;
|
|
652
652
|
align-items: center;
|
|
653
653
|
justify-content: center;
|
|
654
|
-
`,
|
|
654
|
+
`,us=({extend:e,size:t=14,align:o="center"})=>xt.createElement(ps,{$align:o},xt.createElement(Qe,{size:t,rotate:e?180:0})),hs=_t.div`
|
|
655
655
|
border-radius: 24px;
|
|
656
656
|
background-color: ${({theme:e,$status:t})=>t===Co.Error?e.text.error+Pi.opacity.hex["010"]:t===Co.Warning?e.text.warning+Pi.opacity.hex["010"]:e.colors.secondary+Pi.opacity.hex["005"]};
|
|
657
657
|
&:hover {
|
|
@@ -659,25 +659,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
659
659
|
}
|
|
660
660
|
cursor: pointer;
|
|
661
661
|
transition: background 0.3s;
|
|
662
|
-
`,
|
|
662
|
+
`,ms=_t.div`
|
|
663
663
|
display: flex;
|
|
664
664
|
align-items: center;
|
|
665
665
|
gap: 12px;
|
|
666
666
|
padding: 12px 18px;
|
|
667
|
-
`,
|
|
667
|
+
`,gs=_t.div`
|
|
668
668
|
display: flex;
|
|
669
669
|
flex-direction: column;
|
|
670
670
|
gap: 8px;
|
|
671
671
|
padding: 6px 18px 12px 18px;
|
|
672
|
-
|
|
672
|
+
`,$s=_t.div`
|
|
673
673
|
display: flex;
|
|
674
674
|
align-items: center;
|
|
675
675
|
gap: 12px;
|
|
676
|
-
|
|
676
|
+
`,fs=_t(Hi)`
|
|
677
677
|
white-space: nowrap;
|
|
678
|
-
`,
|
|
678
|
+
`,xs=_t(Zr)`
|
|
679
679
|
width: 16px;
|
|
680
|
-
`,
|
|
680
|
+
`,bs=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:o="Something isn't right",headerLabelSuccess:n="Everything Successful"})=>{const i=Pi.useTheme(),[r,a]=wt(!1),s=yt(()=>jn(e),[e]),{errors:l,hasErrors:c,warnings:d,hasWarnings:p,hasDisableds:u,hasLoadings:h}=yt(()=>sn(s),[s]);kt(()=>{a(c||p||u||h)},[c,p,u,h]);const m=(!s.length||h)&&!c&&!p&&!u,g=c?Co.Error:p?Co.Warning:u?Co.Info:Co.Success,$=Sn(g,i),f=c?t:p||u?o:m?"Loading...":n,x=c?i.text.error:p?i.text.warning:i.text.info,b=`(${c?l.length:p?d.length:s.length}/${s.length})`,y=c?i.text.error_secondary:p?i.text.warning_secondary:i.text.info_secondary,w=St(()=>a(e=>!e),[]);return xt.createElement(hs,{onClick:w,$status:g},xt.createElement(ms,null,m?xt.createElement(ds,null):xt.createElement($,null),xt.createElement(Hi,{color:x,size:14},f),xt.createElement(Hi,{color:y,size:12,family:"secondary"},b),xt.createElement(us,{extend:r,align:"right"})),r&&xt.createElement(gs,null,s.map(({status:e,type:t,reason:o,message:n,lastTransitionTime:r},a)=>{const s=e===So.Loading?()=>xt.createElement(ds,{scale:.8}):e===So.Disabled?Sn(Co.Info,i):Sn(e,i),l=e===So.Disabled?i.text.info:e===Co.Error?i.text.error:e===Co.Warning?i.text.warning:i.text.info,c=e===So.Disabled?i.text.info_secondary:e===Co.Error?i.text.error_secondary:e===Co.Warning?i.text.warning_secondary:i.text.info_secondary;return xt.createElement($s,{key:`condition-${a}`},xt.createElement(xs,null,xt.createElement(s,null)),xt.createElement(Xr,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},xt.createElement(Hi,{color:l,size:12},xt.createElement(fs,{color:c,size:12,weight:700},t),n||o),xt.createElement(fs,{color:l,size:12},new Date(r).toLocaleString())))})))},ys=_t.div`
|
|
681
681
|
display: flex;
|
|
682
682
|
align-items: center;
|
|
683
683
|
gap: ${({$size:e})=>e/3}px;
|
|
@@ -686,13 +686,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
686
686
|
border-radius: 360px;
|
|
687
687
|
border: ${({$withBorder:e,$status:t,theme:o})=>e?`1px solid ${o.text[t]+Pi.opacity.hex["050"]}`:"none"};
|
|
688
688
|
background: ${({$withBackground:e,$status:t,theme:o})=>e?`linear-gradient(90deg, transparent 0%, ${o.text[t]+Pi.opacity.hex["030"]} 100%)`:"transparent"};
|
|
689
|
-
`,
|
|
689
|
+
`,ws=_t.div`
|
|
690
690
|
display: flex;
|
|
691
691
|
align-items: center;
|
|
692
|
-
`,
|
|
692
|
+
`,ks=_t.div`
|
|
693
693
|
display: flex;
|
|
694
694
|
align-items: center;
|
|
695
|
-
`,
|
|
695
|
+
`,vs=({title:e,subtitle:t,status:o=Co.Default,forceIcon:n,withIcon:i,withBorder:r,withBackground:a,width:s,size:l=12,family:c="secondary",nowrap:d=!1})=>{const p=Pi.useTheme(),u=[So.Loading,So.Disabled].includes(o)?Co.Info:o,h=n?()=>xt.createElement(n,{size:l+2,fill:p.text[u]}):o===So.Loading?()=>xt.createElement(ds,{scale:.8}):()=>Sn(u,p)?.({size:l+2});return xt.createElement(ys,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:r,$withBackground:a},i&&xt.createElement(ws,null,xt.createElement(h,null)),(!!e||!!t)&&xt.createElement(ks,null,!!e&&xt.createElement(Hi,{size:l,family:c,color:p.text[u],nowrap:d},e),!!e&&!!t&&xt.createElement($a,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&xt.createElement(Hi,{size:l-2,family:c,color:p.text[`${u}_secondary`],nowrap:d},t)))},Cs=({label:e,onClick:t,variant:o="tertiary",textProps:n,...i})=>{const r=Rt();return xt.createElement(gr,{onClick:t,variant:o,...i},xt.createElement(et,{fill:"primary"===o?r.text.primary:r.text.info}),xt.createElement(Hi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?r.text.primary:void 0,...n},e||Qo.ADD))},Es=_t(Xr)`
|
|
696
696
|
width: 100%;
|
|
697
697
|
border-radius: 8px;
|
|
698
698
|
background-color: ${({theme:e})=>e.colors.secondary+Pi.opacity.hex["010"]};
|
|
@@ -703,7 +703,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
703
703
|
width: 100%;
|
|
704
704
|
padding-left: 12px;
|
|
705
705
|
}
|
|
706
|
-
`,
|
|
706
|
+
`,Ss=({value:e,callbackCopyDone:t})=>{const{clickCopy:o,isCopied:n}=Fr();return xt.createElement(Es,null,xt.createElement("pre",null,e),xt.createElement(Aa,{onClick:n=>{n.stopPropagation(),o(e),t?.()},tooltip:n?"Copied!":"Copy"},n?xt.createElement(Ge,null):xt.createElement(Ke,null)))},As=({label:e,onClick:t,variant:o="tertiary",...n})=>{const i=Rt();return xt.createElement(gr,{onClick:t,variant:o,...n},xt.createElement(tt,{fill:"primary"===o?i.text.primary:i.text.info}),xt.createElement(Hi,{size:14,family:"secondary",decoration:"underline",color:"primary"===o?i.text.primary:void 0},e||Qo.EDIT))},Ds=({onClick:e})=>xt.createElement(Ba,{type:Co.Default,icon:je,message:Zo.QUICK_BACK_TO_SUMMARY,action:{label:Zo.GO_TO_SUMMARY,onClick:e}}),Ts=_t(Hi)`
|
|
707
707
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
708
708
|
white-space: nowrap;
|
|
709
709
|
overflow-x: auto;
|
|
@@ -713,7 +713,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
713
713
|
content: '';
|
|
714
714
|
display: block;
|
|
715
715
|
}
|
|
716
|
-
`,
|
|
716
|
+
`,zs=({maxWidth:e,text:t,textSize:o=16,textColor:n})=>{const[i,r]=wt(!1),a=vt(null);return kt(()=>{if(a.current){const{clientWidth:t}=a.current;r(t<1.05*(e-o)&&t>.95*(e-o))}},[e,o,t]),xt.createElement(Xr,{$gap:0},t&&xt.createElement(Ca,{text:i?t:void 0},xt.createElement(Ts,{ref:a,$maxWidth:e-o,size:o,color:n},t)),i&&xt.createElement(Ts,{$maxWidth:o,size:o,color:n},"..."))},Fs=({src:e="",alt:t="",size:n=16})=>{const[i,r]=wt(!1);return e&&!i?xt.createElement("img",{src:e,alt:t,width:n,height:n,onError:()=>r(!0)}):xt.createElement(o,{size:n})},Os=_t.div`
|
|
717
717
|
display: flex;
|
|
718
718
|
align-items: center;
|
|
719
719
|
justify-content: center;
|
|
@@ -721,7 +721,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
721
721
|
height: ${({$size:e})=>e}px;
|
|
722
722
|
border-radius: 8px;
|
|
723
723
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Pi.opacity.hex["030"]} 100%)`}};
|
|
724
|
-
`,
|
|
724
|
+
`,Ns=({icon:e,src:t="",alt:n="",status:i,size:r=36})=>xt.createElement(Os,{$status:i,$size:r},t?xt.createElement(Fs,{src:t,alt:n,size:r-12}):e?xt.createElement(e,{size:r-12}):xt.createElement(o,{size:r-12})),Is=_t.div`
|
|
725
725
|
position: relative;
|
|
726
726
|
display: flex;
|
|
727
727
|
flex-wrap: wrap;
|
|
@@ -729,7 +729,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
729
729
|
justify-content: center;
|
|
730
730
|
width: ${({$size:e})=>e}px;
|
|
731
731
|
height: ${({$size:e})=>e}px;
|
|
732
|
-
`,
|
|
732
|
+
`,_s=_t.div`
|
|
733
733
|
position: absolute;
|
|
734
734
|
top: ${({$top:e})=>e}px;
|
|
735
735
|
left: ${({$left:e})=>e}px;
|
|
@@ -742,9 +742,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
742
742
|
border-radius: 100%;
|
|
743
743
|
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+Pi.opacity.hex["030"]};
|
|
744
744
|
background: ${({$status:e,theme:t})=>{const o=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${o} 0%, ${o+Pi.opacity.hex["030"]} 100%)`}};
|
|
745
|
-
`,
|
|
745
|
+
`,Bs=({icons:e=[],iconSrcs:t=[],status:o,size:n=36,id:i})=>{const r=Pi.useTheme(),a=1===e.length||1===t.length?n-12:n/2.7;if(t.length>0)return xt.createElement(Bs,{icons:t.map(e=>()=>xt.createElement(Fs,{src:e,size:a})),status:o,size:n,id:i});if(1===e.length)return xt.createElement(Ns,{icon:e[0],status:o,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 xt.createElement(Is,{$status:o,$size:n},e.map((t,n)=>n>2?null:xt.createElement(_s,{key:`icon-${i}-${n}`,$status:o,$size:1.5*a,$top:s(n),$left:l(n),$zIndex:n+1},2===n&&e.length>3?xt.createElement(Hi,{family:"secondary",color:r.text.dark_grey,size:.8*a},"+",e.length-2):xt.createElement(t,{size:a}))))},Rs=li.map(({id:e})=>e),Ls=({monitors:e=Rs,withTooltips:t,withLabels:o,size:n=12,color:i})=>{const r=Pi.useTheme(),a=i||r.text.grey;return xt.createElement(Xr,{$gap:o?n:n/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),r=Jt(i),s=bn(i);return s?xt.createElement(Ca,{key:i,text:t?r:""},xt.createElement(Xr,{$gap:n/3},xt.createElement(s,{size:o?n+2:n,fill:a}),o&&xt.createElement(Hi,{size:n,color:a},r))):null}))},Ms=_t.div`
|
|
746
746
|
visibility: hidden;
|
|
747
|
-
`,
|
|
747
|
+
`,Ps=_t.div`
|
|
748
748
|
display: flex;
|
|
749
749
|
flex-direction: column;
|
|
750
750
|
align-self: stretch;
|
|
@@ -758,60 +758,60 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
758
758
|
&:hover {
|
|
759
759
|
cursor: pointer;
|
|
760
760
|
background-color: ${o||(t?e.text[t]+Pi.opacity.hex["020"]:e.colors.secondary+Pi.opacity.hex["010"])};
|
|
761
|
-
${
|
|
761
|
+
${Ms} {
|
|
762
762
|
visibility: visible;
|
|
763
763
|
}
|
|
764
764
|
}
|
|
765
|
-
`:`\n &:hover {\n ${
|
|
766
|
-
`,
|
|
765
|
+
`:`\n &:hover {\n ${Ms} {\n visibility: visible;\n }\n }\n `}
|
|
766
|
+
`,js=_t.div`
|
|
767
767
|
display: flex;
|
|
768
768
|
align-items: center;
|
|
769
769
|
gap: 8px;
|
|
770
770
|
margin-left: auto;
|
|
771
|
-
`,js=_t(Hi)`
|
|
772
|
-
margin-right: 16px;
|
|
773
771
|
`,Us=_t(Hi)`
|
|
772
|
+
margin-right: 16px;
|
|
773
|
+
`,Ws=_t(Hi)`
|
|
774
774
|
font-size: 10px;
|
|
775
775
|
color: ${({theme:e})=>e.text.grey};
|
|
776
|
-
`,
|
|
776
|
+
`,Vs=({title:e,subTitle:t,hoverText:o,onClick:n,renderActions:i,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:f,isChecked:x,isLoading:b,onCheckboxChange:y}={},extendableProps:{withExtend:w,isExtended:k,renderExtended:v}={},...C})=>{const E=Pi.useTheme(),[S,A]=wt(k||!1),[D,T]=wt(0),z=vt(null),F=vt(null),O=vt(null);return kt(()=>{if(z.current){const e=z.current.clientWidth,t=F.current?.clientWidth||0;T(e-(($?125:85)+t))}},[$]),xt.createElement(Ps,{ref:z,$status:c,$faded:d,$bgColor:p,$bgColorHover:u,$withClick:!!n,onClick:n,...C},xt.createElement(Xr,{$gap:8},xt.createElement(Xr,{$gap:16},b?xt.createElement(ds,null):$?xt.createElement(Ka,{value:x,onChange:y,disabled:f}):null,a?.length||l?.length?xt.createElement(Bs,{icons:a,iconSrcs:l,status:c,id:`${e}-${t}`}):r||s?xt.createElement(Ns,{icon:r,src:s,status:c}):null),xt.createElement(Zr,{$gap:4},e&&xt.createElement(zs,{maxWidth:D,text:e,textSize:14}),xt.createElement(Xr,{$gap:4},t&&xt.createElement(zs,{maxWidth:D-(O.current?.clientWidth||0),text:t,textSize:10,textColor:E.text.grey}),h&&h.length>0&&xt.createElement(Xr,{$gap:4,ref:O},t&&xt.createElement(Ws,null,"•"),xt.createElement(Ls,{monitors:h,withLabels:m,size:10}))),g&&g.length>0?xt.createElement(Xr,{$gap:4},g?.map((e,t)=>xt.createElement(bt,{key:`componentsUnderTitles-${t}`},e))):null),xt.createElement(js,{ref:F},!!o&&xt.createElement(Ms,null,xt.createElement(Us,{size:14,family:"secondary"},o)),i&&i(),w&&xt.createElement(bt,null,xt.createElement($a,{orientation:"vertical",length:"16px",margin:"0 2px"}),xt.createElement(Aa,{onClick:()=>A(e=>!e)},xt.createElement(us,{extend:S}))))),S&&v&&xt.createElement(Zr,null,xt.createElement($a,{margin:"16px 0"}),v()))},Hs=_t(Xr)`
|
|
777
777
|
width: 100%;
|
|
778
778
|
justify-content: space-between;
|
|
779
|
-
`,
|
|
779
|
+
`,qs=_t(Hi)`
|
|
780
780
|
font-size: 12px;
|
|
781
781
|
color: ${({theme:e})=>e.text.grey};
|
|
782
|
-
`,
|
|
782
|
+
`,Gs=_t(Hi)`
|
|
783
783
|
font-size: 10px;
|
|
784
784
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
785
|
-
`,
|
|
785
|
+
`,Ks=_t.div`
|
|
786
786
|
display: flex;
|
|
787
787
|
align-items: center;
|
|
788
788
|
gap: 8px;
|
|
789
789
|
margin-left: auto;
|
|
790
|
-
`,
|
|
790
|
+
`,Ys=_t(Hi)`
|
|
791
791
|
font-size: 12px;
|
|
792
792
|
text-align: right;
|
|
793
|
-
`,
|
|
793
|
+
`,Js=({title:e,subTitle:t,tooltip:o,value:n})=>xt.createElement(Hs,null,xt.createElement(Zr,{$gap:4},xt.createElement(Ca,{text:o||""},e&&xt.createElement(qs,{key:"title"},e),t&&xt.createElement(Gs,{key:"subtitle"},t))),xt.createElement(Ks,null,n?.status?xt.createElement(vs,{status:"transitioning"===n.status?So.Loading:n.status,title:n.text||n.status,withBorder:!0,withIcon:!0}):xt.createElement(Ys,null,n?.text||"-"))),Xs=_t(Zr)`
|
|
794
794
|
width: 100%;
|
|
795
|
-
`,
|
|
795
|
+
`,Zs=({containerName:e,actualDevices:t,started:o,ready:n,instrumentationInstances:i})=>{const r=yt(()=>{const e=[];return o?.name&&e.push(xt.createElement(vs,{key:"started",status:Bn(o.value)?Hn(o.value)?Co.Success:Co.Error:Co.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),n?.name&&e.push(xt.createElement(vs,{key:"ready",status:Bn(n.value)?Hn(n.value)?Co.Success:Co.Error:Co.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),e},[o?.name,o?.value,n?.name,n?.value]);return xt.createElement(Vs,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:r},renderActions:()=>xt.createElement(vs,{status:Co.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>xt.createElement(Xs,{$gap:24},i.map((e,t)=>xt.createElement(Xs,{key:`process-${t}`,$gap:8},xt.createElement(Js,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===Co.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>xt.createElement(Js,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})},Qs=({title:e="Data not found",subTitle:t})=>{const o=Rt().v2.colors.grey[400];return xt.createElement(Qr,null,xt.createElement(Xr,{$gap:8},xt.createElement(ot,{fill:o}),xt.createElement(ti,{size:Qn.XS,color:o,align:"center"},e)),t&&xt.createElement(ti,{size:Qn.XXS,color:o,align:"center"},t))},el=_t(Zr)`
|
|
796
796
|
max-width: 300px;
|
|
797
797
|
padding: 12px;
|
|
798
798
|
border-radius: 12px;
|
|
799
799
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
800
800
|
justify-content: center;
|
|
801
|
-
`,
|
|
801
|
+
`,tl=Dt(({id:e,data:t})=>{const{title:o,subTitle:n}=t;return xt.createElement(el,{"data-id":e},xt.createElement(Qs,{title:o,subTitle:n}))});tl.displayName=tl.name;const ol=_t.div`
|
|
802
802
|
padding: 6px;
|
|
803
803
|
border-radius: 12px;
|
|
804
804
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
805
805
|
cursor: pointer;
|
|
806
|
-
`,
|
|
806
|
+
`,nl=_t.div`
|
|
807
807
|
position: relative;
|
|
808
|
-
`,
|
|
808
|
+
`,il=_t(Xr)`
|
|
809
809
|
position: absolute;
|
|
810
810
|
bottom: -24px;
|
|
811
811
|
left: 50%;
|
|
812
812
|
transform: translateX(-50%);
|
|
813
813
|
gap: 4px;
|
|
814
|
-
`,
|
|
814
|
+
`,rl=_t.div`
|
|
815
815
|
position: absolute;
|
|
816
816
|
bottom: 100%;
|
|
817
817
|
left: 100%;
|
|
@@ -820,12 +820,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
820
820
|
border-radius: 16px;
|
|
821
821
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
822
822
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
823
|
-
`,
|
|
823
|
+
`,al=({title:e,value:t})=>{const o=Rt();return xt.createElement(Xr,{$justifyContent:"space-between"},xt.createElement(Hi,{size:12,color:o.text.info},e),xt.createElement(Hi,{size:12,family:"secondary"},t))},sl=Dt(({id:e,data:t})=>{const{id:o,status:n,title:i,icons:r,serviceMapEntry:a}=t,{activeNodeType:s,activeNodeId:l}=ii(),c=Rt(),d=n===Co.Error?Sn(n,c):null;return xt.createElement(xt.Fragment,null,xt.createElement(Pt,{type:"source",position:jt.Bottom,style:{visibility:"hidden"}}),xt.createElement(Pt,{type:"target",position:jt.Top,style:{visibility:"hidden"}}),xt.createElement(nl,{"data-id":e},xt.createElement(ol,null,xt.createElement(Bs,{id:o,icons:r,status:n})),xt.createElement(il,null,d&&xt.createElement(d,null),xt.createElement(zs,{maxWidth:100,text:i})),s===To.MapItem&&l===e&&xt.createElement(rl,null,xt.createElement(Xr,{$gap:12},xt.createElement(Bs,{id:o,icons:r,status:n}),xt.createElement(Hi,{size:20},i)),a&&a.services.length>0?a.services.map(({serviceName:e,requests:t,dateTime:n})=>xt.createElement("div",{key:`from-${o}-to-${e}`},xt.createElement($a,null),xt.createElement(al,{title:"Connected Service",value:e}),xt.createElement(al,{title:"Outgoing Requests",value:t}),xt.createElement(al,{title:"Last Requested At",value:new Date(n).toLocaleString()}))):xt.createElement(xt.Fragment,null,xt.createElement($a,null),xt.createElement(Qs,{title:"No outgoing connections",subTitle:" "})))))});sl.displayName=sl.name;const ll=_t.div`
|
|
824
824
|
height: calc(100vh - 160px);
|
|
825
825
|
.react-flow__attribution {
|
|
826
826
|
visibility: hidden;
|
|
827
827
|
}
|
|
828
|
-
`,
|
|
828
|
+
`,cl=_t.div`
|
|
829
829
|
button {
|
|
830
830
|
padding: 8px;
|
|
831
831
|
margin: 8px;
|
|
@@ -839,13 +839,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
839
839
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
840
840
|
}
|
|
841
841
|
}
|
|
842
|
-
`,
|
|
842
|
+
`,dl={[To.MapItem]:sl,[To.NoData]:tl},pl=({nodes:e,edges:t,onNodesChange:o,onEdgesChange:n,fitView:i=!1,zoomOnScroll:r=!1})=>{const{onClickNode:a}=yr(),{setActiveNodeType:s,setActiveNodeId:l}=ii();return xt.createElement(ll,null,xt.createElement(Ut,{fitView:i,zoomOnScroll:r,nodes:e,nodeTypes:dl,edges:t,onNodeClick:a,onNodesChange:e=>{setTimeout(()=>o(e),0)},onEdgesChange:e=>{setTimeout(()=>n(e),0)},onBlur:()=>{s(null),l(null)},onlyRenderVisibleElements:!0},xt.createElement(cl,null,xt.createElement(Wt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},ul=_t.div`
|
|
843
843
|
display: flex;
|
|
844
844
|
|
|
845
845
|
align-items: center;
|
|
846
846
|
gap: 6px;
|
|
847
847
|
margin-bottom: 4px;
|
|
848
|
-
`,
|
|
848
|
+
`,hl=_t(Hi)`
|
|
849
849
|
font-size: 14px;
|
|
850
850
|
opacity: 0.8;
|
|
851
851
|
line-height: 22px;
|
|
@@ -853,16 +853,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
853
853
|
white-space: nowrap;
|
|
854
854
|
text-overflow: ellipsis;
|
|
855
855
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
856
|
-
`,
|
|
856
|
+
`,ml=_t(Hi)`
|
|
857
857
|
font-size: 12px;
|
|
858
858
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
859
859
|
opacity: 0.8;
|
|
860
|
-
`,
|
|
860
|
+
`,gl=({title:e,required:t,tooltip:o,style:n,status:i})=>e?xt.createElement(ul,{style:n},xt.createElement(Ca,{text:o,withIcon:!0},xt.createElement(hl,{$status:i},e),!t&&xt.createElement(ml,null,"(optional)"))):null,$l=_t.div`
|
|
861
861
|
display: flex;
|
|
862
862
|
flex-direction: column;
|
|
863
863
|
position: relative;
|
|
864
864
|
width: 100%;
|
|
865
|
-
|
|
865
|
+
`,fl=_t.div`
|
|
866
866
|
width: 100%;
|
|
867
867
|
display: flex;
|
|
868
868
|
align-items: center;
|
|
@@ -888,7 +888,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
888
888
|
&:focus-within {
|
|
889
889
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
890
890
|
}
|
|
891
|
-
`,
|
|
891
|
+
`,xl=_t.input`
|
|
892
892
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
893
893
|
flex: 1;
|
|
894
894
|
min-width: 150px;
|
|
@@ -917,13 +917,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
917
917
|
-webkit-appearance: none;
|
|
918
918
|
margin: 0;
|
|
919
919
|
}
|
|
920
|
-
`,
|
|
920
|
+
`,bl=_t.div`
|
|
921
921
|
display: flex;
|
|
922
922
|
align-items: center;
|
|
923
923
|
margin-left: 12px;
|
|
924
|
-
`,
|
|
924
|
+
`,yl=_t(bl)`
|
|
925
925
|
cursor: pointer;
|
|
926
|
-
`,
|
|
926
|
+
`,wl=_t.button`
|
|
927
927
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
928
928
|
border: none;
|
|
929
929
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -938,15 +938,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
938
938
|
background-color: ${({theme:e})=>e.colors.border};
|
|
939
939
|
cursor: not-allowed;
|
|
940
940
|
}
|
|
941
|
-
`,
|
|
941
|
+
`,kl=({icon:e,buttonLabel:t,onButtonClick:o,hasError:n,errorMessage:i,title:r,tooltip:a,required:s,value:l,onChange:c,type:d=vo.Text,name:p,status:u,...h})=>{const m=Pi.useTheme(),g=d===vo.Password,[$,f]=wt(!1);return xt.createElement($l,null,xt.createElement(gl,{title:r,required:s,tooltip:a,status:u}),xt.createElement(fl,{$disabled:h.disabled,$hasError:n||!!i,$isActive:!!h.autoFocus,$status:u},g?xt.createElement(yl,{onClick:()=>f(e=>!e)},$?xt.createElement(nt,{size:14,fill:m.text.grey}):xt.createElement(it,{size:14,fill:m.text.grey})):e?xt.createElement(bl,null,xt.createElement(e,{size:14,fill:m.text.grey})):null,xt.createElement(xl,{"data-id":p,type:$||d===vo.Number?vo.Text:d,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),d===vo.Number&&(e.target.value=Vn(e.target.value)),c?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...h}),t&&o&&xt.createElement(wl,{onClick:o,disabled:h.disabled},t)),!!i&&xt.createElement(Ki,null,i))},vl=_t.div`
|
|
942
942
|
display: flex;
|
|
943
943
|
flex-direction: column;
|
|
944
944
|
min-width: 120px;
|
|
945
945
|
width: 100%;
|
|
946
946
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
947
|
-
`,vl=_t.div`
|
|
948
|
-
position: relative;
|
|
949
947
|
`,Cl=_t.div`
|
|
948
|
+
position: relative;
|
|
949
|
+
`,El=_t.div`
|
|
950
950
|
display: flex;
|
|
951
951
|
align-items: center;
|
|
952
952
|
justify-content: space-between;
|
|
@@ -972,14 +972,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
972
972
|
&:hover {
|
|
973
973
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:o,theme:n})=>o?"auto":e&&t?n.colors.border:n.colors.secondary};
|
|
974
974
|
}
|
|
975
|
-
`,
|
|
975
|
+
`,Sl=_t.div`
|
|
976
976
|
display: flex;
|
|
977
977
|
align-items: center;
|
|
978
978
|
gap: 4px;
|
|
979
|
-
`,
|
|
979
|
+
`,Al=({options:e,value:t,onSelect:o,onDeselect:n,title:i,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]=wt(!1),[$,f]=wt(!1),x=vt(null);Mr(x,()=>g(!1));const b=()=>{(()=>{if(x.current){const e=x.current.getBoundingClientRect().bottom+300>window.innerHeight;f(e)}})(),g(e=>!e)},y=Array.isArray(t)?t.length:0;return xt.createElement(vl,{$disabled:s},xt.createElement(gl,{title:i,required:d,tooltip:r,status:h}),xt.createElement(Cl,{ref:x},xt.createElement(El,{$isOpen:m,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:h,$disabled:s,onClick:()=>!s&&b()},xt.createElement(Fl,{value:t,placeholder:a,onDeselect:n}),xt.createElement(Sl,null,l&&xt.createElement(pr,{label:y,filled:!!y}),xt.createElement(us,{extend:m}))),m&&xt.createElement(Il,{openUpwards:$,options:e,value:t,onSelect:e=>{o?.(e),l||b()},onDeselect:e=>{n?.(e),l||b()},isMulti:l,showSearch:c})),!!p&&xt.createElement(Ki,null,p))},Dl=_t(Sl)`
|
|
980
980
|
max-width: calc(100% - 50px);
|
|
981
981
|
overflow-x: auto;
|
|
982
|
-
`,
|
|
982
|
+
`,Tl=_t(Hi)`
|
|
983
983
|
display: flex;
|
|
984
984
|
align-items: center;
|
|
985
985
|
gap: 2px;
|
|
@@ -994,7 +994,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
994
994
|
transition: transform 0.3s;
|
|
995
995
|
}
|
|
996
996
|
}
|
|
997
|
-
`,
|
|
997
|
+
`,zl=_t(Hi)``,Fl=({value:e,placeholder:t,onDeselect:o})=>{const n=Pi.useTheme();return Array.isArray(e)?e.length?xt.createElement(Dl,null,e.map(e=>xt.createElement(Tl,{key:`multi-label-${e.id}`,size:14},e.value,xt.createElement($a,{orientation:"vertical",length:"10px",margin:"0 4px"}),xt.createElement(Ye,{size:12,onClick:t=>{t.stopPropagation(),o?.(e)}})))):xt.createElement(zl,{size:14,color:n.text.darker_grey},t):xt.createElement(zl,{size:14,color:e?.value?void 0:n.text.darker_grey},e?.value||t)},Ol=_t.div`
|
|
998
998
|
position: absolute;
|
|
999
999
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1000
1000
|
left: 0;
|
|
@@ -1009,11 +1009,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1009
1009
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1010
1010
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1011
1011
|
border-radius: 24px;
|
|
1012
|
-
`,
|
|
1012
|
+
`,Nl=_t.div`
|
|
1013
1013
|
display: flex;
|
|
1014
1014
|
flex-direction: column;
|
|
1015
1015
|
align-items: center;
|
|
1016
|
-
`,
|
|
1016
|
+
`,Il=({openUpwards:e,options:t,value:o,onSelect:n,onDeselect:i,isMulti:r,showSearch:a})=>{const[s,l]=wt(""),c=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return xt.createElement(Ol,{$openUpwards:e},a&&xt.createElement(Nl,null,xt.createElement(kl,{placeholder:"Search...",icon:rt,value:s,onChange:e=>l(e.target.value)}),xt.createElement($a,{thickness:1,margin:"8px 0 0 0"})),0===c.length?xt.createElement(Qs,{subTitle:a&&s?void 0:" "}):c.map((e,t)=>xt.createElement(Bl,{key:`dropdown-option-${e.id||t}`,option:e,value:o,isMulti:r,onSelect:n,onDeselect:i})))},_l=_t.div`
|
|
1017
1017
|
padding: 8px 12px;
|
|
1018
1018
|
cursor: pointer;
|
|
1019
1019
|
display: flex;
|
|
@@ -1024,21 +1024,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1024
1024
|
&.selected {
|
|
1025
1025
|
background: ${({theme:e})=>e.colors.majestic_blue+Pi.opacity.hex["024"]};
|
|
1026
1026
|
}
|
|
1027
|
-
`,
|
|
1027
|
+
`,Bl=({option:e,value:t,isMulti:o,onSelect:n,onDeselect:i})=>{const r=Pi.useTheme(),a=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?n?.(e):i?.(e);return o?xt.createElement(_l,{className:a?"selected":"",onClick:()=>s(!a)},xt.createElement(Ka,{title:e.value||"",titleColor:r.text.secondary,value:a,onChange:s,style:{width:"100%"}})):xt.createElement(_l,{className:a?"selected":"",onClick:()=>a?i?.(e):n?.(e)},xt.createElement(Xr,{$gap:8},e.icon&&xt.createElement(e.icon,null),xt.createElement(Hi,{size:14},e.value)),a&&xt.createElement(Ge,null))},Rl=_t(Zr)`
|
|
1028
1028
|
gap: 12px;
|
|
1029
|
-
`,
|
|
1029
|
+
`,Ll=_t(Xr)`
|
|
1030
1030
|
width: 100%;
|
|
1031
1031
|
gap: 12px;
|
|
1032
1032
|
align-items: flex-end;
|
|
1033
|
-
`,
|
|
1033
|
+
`,Ml=({clientX:e=0,flipX:t,clientY:o=0,flipY:n,isOpen:i,onClose:r,onSave:a,withDelete:s,onDelete:l,title:c,titleTooltip:d,warning:p,children:u})=>{const h=Pi.useTheme(),{popupRef:m,popupPosition:g,handlePosition:$}=Pr({onClickOutside:r});return Lr({key:"Enter",active:i},a),kt(()=>$(e,o),[e,o]),0===g.top&&0!==o||0===g.left&&0!==e?null:xt.createElement(wa,{ref:m,isOpen:i,top:n?void 0:g.top,bottom:n?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},xt.createElement(Rl,null,xt.createElement(Ca,{text:d,withIcon:!0},xt.createElement(Hi,{size:14},c)),xt.createElement(Ll,null,u,xt.createElement(Xr,{$gap:6},xt.createElement(Aa,{withBorder:!0,onClick:r,tooltip:"Cancel"},xt.createElement(Ye,null)),xt.createElement(Aa,{withBorder:!0,backgroundColor:h.colors.secondary,onClick:a,tooltip:"Save"},xt.createElement(Ge,{fill:h.text.primary})),s&&xt.createElement(Aa,{onClick:l,tooltip:"Undo"},xt.createElement(at,null)))),p&&xt.createElement(Ba,{type:Co.Warning,message:p})))},Pl=_t.div`
|
|
1034
1034
|
position: relative;
|
|
1035
|
-
`,
|
|
1035
|
+
`,jl=({defaultLanguage:e=xo.Unknown,defaultVersion:t="",defaultOtelDistroName:o=null,handleSave:n})=>{const{tier:i}=Er(),{addNotification:r}=wi(),{formData:a,handleFormChange:s,resetFormData:l}=$r({language:e,version:t,otelDistroName:o}),[c,d]=wt(!1),p=()=>{d(!1),l()},u=yt(()=>{if(!a.language)return[];const e=pi[a.language].community,t=i===go.Onprem?pi[a.language].enterprise:[];return e.concat(t)},[a.language,i]);return xt.createElement(Pl,null,xt.createElement(Aa,{tooltip:Zo.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{d(!0)}},xt.createElement(tt,null)),xt.createElement(Ml,{flipX:!0,clientX:36,isOpen:c,onClose:p,onSave:async()=>{!a.version||Mn(a.version)?(await n({...a}),p()):r({type:Co.Warning,message:Xo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:async()=>{await n({language:null,version:"",otelDistroName:null}),p()},title:Zo.OVERRIDE_RUNTIME_DETAILS,warning:Zo.OVERRIDE_RUNTIME_WARNING},xt.createElement(Zr,{$gap:12},xt.createElement(Xr,{$gap:12},xt.createElement(Al,{title:Zo.LANGUAGE,options:di,value:di.find(e=>e.id===a.language),onSelect:e=>{s("language",e.id),s("version",""),s("otelDistroName",null)},required:!0}),xt.createElement(kl,{title:Zo.RUNTIME_VERSION,placeholder:Zo.VERSION_PLACEHOLDER,value:a.version,onChange:e=>s("version",e.target.value),required:!1})),a.language&&xt.createElement(Al,{title:"Otel Distro Name",options:u,value:u.find(e=>e.id===a.otelDistroName),onSelect:e=>s("otelDistroName",e.id),required:!1}))))},Ul=_t(Xr)`
|
|
1036
1036
|
width: 100%;
|
|
1037
1037
|
justify-content: center;
|
|
1038
|
-
`,
|
|
1038
|
+
`,Wl=({containerName:e,language:t,runtimeVersion:o,overriden:n,instrumented:i,instrumentationMessage:r,otelDistroName:a,callbackRuntimeOverride:s})=>{const l=Rt(),c=i?Co.Success:r?Co.Info:Co.Warning,d=i?Eo.INSTRUMENTED:r?Eo.NOT_INSTRUMENTED:Eo.INSTRUMENTING;return xt.createElement(Vs,{title:e,subTitle:`${t?ci[t]:"no runtime info"}`+(o?` • Runtime Version: ${o}`:""),iconProps:{icon:cn(t)},extendableProps:{isExtended:!!r,renderExtended:()=>xt.createElement(Ul,null,xt.createElement(Hi,{size:12,family:"secondary",color:l.text.info},Pn(r)))},renderActions:()=>xt.createElement(xt.Fragment,null,xt.createElement(vs,{status:c,title:d,subtitle:a||void 0,withIcon:!0,withBorder:!0}),n&&xt.createElement(vs,{status:Co.Default,forceIcon:st,title:Zo.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&xt.createElement(jl,{defaultLanguage:t,defaultVersion:o,defaultOtelDistroName:a,handleSave:t=>s({...t,containerName:e})}))})},Vl=_t.tr`
|
|
1039
1039
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
1040
1040
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
1041
|
-
`,
|
|
1041
|
+
`,Hl=_t.td`
|
|
1042
1042
|
position: relative;
|
|
1043
1043
|
width: fit-content;
|
|
1044
1044
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -1046,7 +1046,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1046
1046
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1047
1047
|
font-size: 14px;
|
|
1048
1048
|
white-space: nowrap;
|
|
1049
|
-
`,
|
|
1049
|
+
`,ql=_t(Hi)`
|
|
1050
1050
|
font-size: 14px;
|
|
1051
1051
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
1052
1052
|
line-height: 16px;
|
|
@@ -1059,7 +1059,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1059
1059
|
display: -webkit-box;
|
|
1060
1060
|
-webkit-line-clamp: 2;
|
|
1061
1061
|
-webkit-box-orient: vertical;
|
|
1062
|
-
`,
|
|
1062
|
+
`,Gl=_t.div`
|
|
1063
1063
|
position: absolute;
|
|
1064
1064
|
top: 0;
|
|
1065
1065
|
left: 0;
|
|
@@ -1068,56 +1068,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1068
1068
|
height: ${({$height:e})=>e}px;
|
|
1069
1069
|
border-radius: 16px;
|
|
1070
1070
|
background-color: ${({theme:e,$hovered:t,$status:o})=>t?o?e.text[o]+Pi.opacity.hex["020"]:e.colors.majestic_blue+Pi.opacity.hex["030"]:o?e.text[o]+Pi.opacity.hex["010"]:e.colors.secondary+Pi.opacity.hex["005"]};
|
|
1071
|
-
`,
|
|
1071
|
+
`,Kl=({index:e,columns:t,cells:o,onClick:n,status:i,faded:r})=>{const{containerRef:a,containerHeight:s,containerWidth:l}=Ar(),[c,d]=wt(!1);return xt.createElement(Vl,{ref:a,onMouseEnter:()=>!!n&&d(!0),onMouseLeave:()=>!!n&&d(!1),onClick:()=>!!n&&n(),$withHover:!!n,$faded:r},t.map(({key:t},n)=>{const r=o.find(({columnKey:e})=>e===t);if(!r)return null;const{value:a,textColor:d,withTooltip:p,icon:u,component:h}=r;return xt.createElement(Hl,{key:`table-row-${t}-${a}-${e}-${n}`,$isFirst:0===n},u?xt.createElement(Ns,{icon:u}):h?xt.createElement(h,null):xt.createElement(Ca,{text:p&&a?String(a):""},xt.createElement(ql,{$color:d},Nn(a)?"-":a)),0===n&&xt.createElement(Gl,{$height:s,$width:l,$top:s*e,$hovered:c,$status:i}))}))},Yl=_t.div`
|
|
1072
1072
|
width: 100%;
|
|
1073
|
-
`,
|
|
1073
|
+
`,Jl=_t.table`
|
|
1074
1074
|
position: relative;
|
|
1075
1075
|
z-index: 0;
|
|
1076
1076
|
width: 100%;
|
|
1077
1077
|
border-collapse: separate;
|
|
1078
1078
|
border-spacing: 0 12px;
|
|
1079
|
-
`,
|
|
1079
|
+
`,Xl=_t.thead`
|
|
1080
1080
|
// only supported with "border-collapse: collapse;"
|
|
1081
1081
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1082
1082
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1083
|
-
`,
|
|
1083
|
+
`,Zl=_t.th`
|
|
1084
1084
|
// only required with "border-collapse: separate;"
|
|
1085
1085
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1086
1086
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1087
1087
|
|
|
1088
1088
|
padding: 8px;
|
|
1089
|
-
`,
|
|
1089
|
+
`,Ql=_t(Xr)`
|
|
1090
1090
|
cursor: pointer;
|
|
1091
1091
|
&:hover {
|
|
1092
1092
|
* {
|
|
1093
1093
|
color: ${({theme:e})=>e.text.secondary};
|
|
1094
1094
|
}
|
|
1095
1095
|
}
|
|
1096
|
-
`,
|
|
1096
|
+
`,ec=_t(Hi)`
|
|
1097
1097
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1098
1098
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1099
1099
|
text-transform: uppercase;
|
|
1100
1100
|
font-size: 12px;
|
|
1101
1101
|
font-weight: 500;
|
|
1102
1102
|
text-wrap: nowrap;
|
|
1103
|
-
`,
|
|
1103
|
+
`,tc=_t.tbody``,oc=({columns:e,rows:t})=>{const[o,n]=wt(mo.Ascending),[i,r]=wt("name"),a=St(e=>{i===e?n(e=>e===mo.Ascending?mo.Descending:mo.Ascending):(r(e),n(mo.Ascending))},[i]),s=yt(()=>{const n=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const r=n(e,i),a=n(t,i);return(o===mo.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(r,a)}):t).map(({status:t,faded:o,cells:n,onClick:i},r)=>xt.createElement(Kl,{key:`row-${r}`,index:r,columns:e,cells:n,onClick:i,status:t,faded:o}))},[e,t,i,o]);return xt.createElement(Yl,null,xt.createElement(Jl,null,xt.createElement(Xl,null,xt.createElement("tr",null,e.map(({key:e,title:t,sortable:o})=>xt.createElement(Zl,{key:`column-${e}`},o?xt.createElement(Ql,{onClick:()=>a(e)},xt.createElement(lt,null),xt.createElement(ec,null,t)):xt.createElement(ec,null,t))))),xt.createElement(tc,null,s)))};var nc;!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"}(nc||(nc={}));const ic=_t.div`
|
|
1104
1104
|
display: flex;
|
|
1105
1105
|
flex-wrap: wrap;
|
|
1106
1106
|
gap: 16px 32px;
|
|
1107
1107
|
width: 100%;
|
|
1108
|
-
`,
|
|
1108
|
+
`,rc=_t.div`
|
|
1109
1109
|
display: flex;
|
|
1110
1110
|
flex-direction: column;
|
|
1111
1111
|
gap: 2px;
|
|
1112
1112
|
width: ${({$width:e})=>e};
|
|
1113
|
-
`,
|
|
1113
|
+
`,ac=_t(Hi)`
|
|
1114
1114
|
color: ${({theme:e})=>e.text.grey};
|
|
1115
1115
|
font-size: 10px;
|
|
1116
1116
|
line-height: 16px;
|
|
1117
|
-
`,
|
|
1117
|
+
`,sc=_t(Hi)`
|
|
1118
1118
|
font-size: 12px;
|
|
1119
1119
|
white-space: pre-wrap;
|
|
1120
|
-
`,
|
|
1120
|
+
`,lc=({data:e})=>xt.createElement(ic,null,e?.map(({type:e,title:t,titleIcon:o,tooltip:n,value:i},r)=>xt.createElement(rc,{key:`data-field-${t||(i?JSON.stringify(i):r)}`,$width:e&&[nc.Code,nc.Table].includes(e)?"inherit":e&&[nc.Loader,nc.Divider,nc.CopyText].includes(e)?"100%":"unset"},xt.createElement(Ca,{text:n,withIcon:!0},xt.createElement(Xr,{$alignItems:"center",$gap:4},o&&xt.createElement(o,{size:14}),!!t&&xt.createElement(ac,{transform:"capitalize"},t))),xt.createElement(cc,{type:e,value:i})))),cc=({type:e,value:t})=>{const o=Pi.useTheme();switch(e){case nc.Divider:return xt.createElement($a,{length:"100%",margin:"0"});case nc.Loader:return xt.createElement(Qr,null,xt.createElement(ds,{scale:1.2}));case nc.Monitors:return xt.createElement(Ls,{monitors:t?.split(", ")||[],withLabels:!0,color:o.colors.secondary});case nc.Badge:{const{label:e,filled:o,...n}=zn(t,{label:"-",filled:!1});return xt.createElement(pr,{label:e,filled:o,...n})}case nc.Code:{const{language:e,code:o,...n}=zn(t,{language:"",code:""});return xt.createElement(is,{language:e,code:o,...n})}case nc.Table:{const{columns:e,rows:o,...n}=zn(t,{columns:[],rows:[{status:void 0,cells:[]}]});return xt.createElement(oc,{columns:e,rows:o,...n})}case nc.ActiveStatus:return xt.createElement(vs,{status:"true"==t?Co.Success:Co.Error,title:"true"==t?Zo.ENABLED:Zo.DISABLED,size:10,withIcon:!0,withBorder:!0});case nc.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return xt.createElement(Ss,{value:e})}default:return xt.createElement(sc,null,qn("string"==typeof t?t||"-":""))}},dc=_t.div`
|
|
1121
1121
|
display: flex;
|
|
1122
1122
|
flex-direction: column;
|
|
1123
1123
|
align-items: flex-start;
|
|
@@ -1128,27 +1128,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1128
1128
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1129
1129
|
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+Pi.opacity.hex["010"]:"transparent"};
|
|
1130
1130
|
transition: background-color 0.3s;
|
|
1131
|
-
`,
|
|
1131
|
+
`,pc=_t.div`
|
|
1132
1132
|
width: 100%;
|
|
1133
1133
|
display: flex;
|
|
1134
1134
|
flex-direction: column;
|
|
1135
1135
|
gap: 4px;
|
|
1136
1136
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
1137
|
-
`,
|
|
1137
|
+
`,uc=_t(Hi)`
|
|
1138
1138
|
width: 100%;
|
|
1139
1139
|
display: flex;
|
|
1140
1140
|
align-items: center;
|
|
1141
1141
|
gap: 8px;
|
|
1142
1142
|
font-size: 16px;
|
|
1143
|
-
`,
|
|
1143
|
+
`,hc=_t(Hi)`
|
|
1144
1144
|
font-size: 12px;
|
|
1145
1145
|
color: ${({theme:e})=>e.text.grey};
|
|
1146
|
-
`,
|
|
1146
|
+
`,mc=_t(Xr)`
|
|
1147
1147
|
margin-left: auto;
|
|
1148
1148
|
gap: 8px;
|
|
1149
|
-
`,
|
|
1149
|
+
`,gc=({title:e="Details",titleBadge:t,titleIcon:o,description:n,action:i,withExtend:r,initialExtended:a=!1,data:s,children:l})=>{const[c,d]=wt(a),[p,u]=wt(!1);return xt.createElement(dc,{$hovered:p},e||o||n||i?xt.createElement(pc,{$clickable:r||!1,onClick:()=>r&&d(e=>!e),onMouseEnter:()=>r&&u(!0),onMouseLeave:()=>r&&u(!1)},xt.createElement(Xr,null,xt.createElement(Xr,{$alignItems:"center",$gap:8},o&&xt.createElement(Xr,{$alignItems:"center"},xt.createElement(o,{size:20})),!!e&&xt.createElement(uc,{transform:"capitalize"},e),t===So.Loading?xt.createElement(ds,null):void 0!==t&&xt.createElement(pr,{label:t})),(!!i||r)&&xt.createElement(mc,null,"function"==typeof i?xt.createElement(i,{hovered:p}):i,r&&xt.createElement(us,{extend:c}))),!!n&&xt.createElement(hc,null,n)):null,(!r||r&&c)&&(l||xt.createElement(lc,{data:s})))},$c=_t.div`
|
|
1150
1150
|
visibility: hidden;
|
|
1151
|
-
|
|
1151
|
+
`,fc=_t(Xr)`
|
|
1152
1152
|
align-self: stretch;
|
|
1153
1153
|
width: calc(100% - 32px);
|
|
1154
1154
|
padding: 16px;
|
|
@@ -1158,58 +1158,58 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1158
1158
|
&:hover {
|
|
1159
1159
|
cursor: pointer;
|
|
1160
1160
|
background-color: ${e.colors.secondary+Pi.opacity.hex["010"]};
|
|
1161
|
-
${
|
|
1161
|
+
${$c} {
|
|
1162
1162
|
visibility: visible;
|
|
1163
1163
|
}
|
|
1164
1164
|
}
|
|
1165
|
-
`:`\n &:hover {\n ${
|
|
1166
|
-
`,
|
|
1165
|
+
`:`\n &:hover {\n ${$c} {\n visibility: visible;\n }\n }\n `}
|
|
1166
|
+
`,xc=_t(Xr)`
|
|
1167
1167
|
margin-left: auto;
|
|
1168
1168
|
gap: 8px;
|
|
1169
|
-
`,
|
|
1169
|
+
`,bc=_t(Hi)`
|
|
1170
1170
|
font-size: 10px;
|
|
1171
1171
|
color: ${({theme:e})=>e.text.grey};
|
|
1172
|
-
`,
|
|
1172
|
+
`,yc=({title:e,subTitle:t,icons:o,iconSrcs:n,onClick:i,renderActions:r})=>{const a=Pi.useTheme(),[s,l]=wt(0),c=vt(null),d=vt(null);return kt(()=>{if(c.current){const e=c.current.clientWidth,t=d.current?.clientWidth||0;l(e-(85+t))}},[]),xt.createElement(fc,{ref:c,$gap:8,$withClick:!!i,onClick:i},xt.createElement(Bs,{id:`${e}-${t}`,icons:o,iconSrcs:n}),e&&xt.createElement(zs,{maxWidth:s/2,text:e,textSize:14}),e&&t&&xt.createElement(bc,null,"•"),t&&xt.createElement(zs,{maxWidth:s/2,text:t,textSize:10,textColor:a.text.grey}),xt.createElement(xc,{ref:d},r&&xt.createElement(xt.Fragment,null,xt.createElement($a,{orientation:"vertical",length:"24px",margin:"0"}),r())))},wc=({isOpen:e,noOverlay:t,name:o,type:n,isLastItem:i,onApprove:r,onDeny:a})=>{const s=n===yo.Source?"uninstrument":"delete";return xt.createElement(Va,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${o?` ${o}`:""}`,description:`Are you sure you want to ${s}?`,note:i?{type:Co.Warning,title:`You're about to ${s} the last ${n||o}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:r},denyButton:{text:"Go Back",onClick:a}})},kc=_t(gr)`
|
|
1173
1173
|
display: flex;
|
|
1174
1174
|
align-items: center;
|
|
1175
1175
|
justify-content: center;
|
|
1176
1176
|
font-size: 14px;
|
|
1177
1177
|
gap: 6px;
|
|
1178
1178
|
min-width: 100px;
|
|
1179
|
-
`,
|
|
1179
|
+
`,vc=({endpoint:e="/",variant:t="secondary"})=>xt.createElement(kc,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},xt.createElement(ct,{size:18}),"Docs"),Cc=_t(Xr)`
|
|
1180
1180
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
1181
|
-
`,
|
|
1181
|
+
`,Ec=_t.div`
|
|
1182
1182
|
display: flex;
|
|
1183
1183
|
align-items: center;
|
|
1184
1184
|
border-bottom: 2px solid ${({theme:e,$selected:t})=>t?e.colors.majestic_blue:"transparent"};
|
|
1185
1185
|
cursor: pointer;
|
|
1186
|
-
`,
|
|
1186
|
+
`,Sc=_t(Hi)`
|
|
1187
1187
|
padding: 12px;
|
|
1188
1188
|
font-size: 14px;
|
|
1189
1189
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
1190
|
-
`,
|
|
1190
|
+
`,Ac=({tabs:e,hideBorder:t=!1})=>e?.length?xt.createElement(Cc,{$hideBorder:t},e.map(({label:e,icon:t,onClick:o,selected:n})=>xt.createElement(Ec,{key:`tab-${e}`,onClick:o,$selected:n},xt.createElement(Sc,{$selected:n},e),t&&xt.createElement(t,null)))):null,Dc=_t.section`
|
|
1191
1191
|
padding: 0px 32px;
|
|
1192
1192
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1193
|
-
`,
|
|
1193
|
+
`,Tc=_t.div`
|
|
1194
1194
|
height: 76px;
|
|
1195
1195
|
display: flex;
|
|
1196
1196
|
justify-content: space-between;
|
|
1197
1197
|
flex-shrink: 0;
|
|
1198
1198
|
align-self: stretch;
|
|
1199
|
-
`,
|
|
1199
|
+
`,zc=_t.div`
|
|
1200
1200
|
display: flex;
|
|
1201
1201
|
align-items: center;
|
|
1202
1202
|
gap: ${({$gap:e})=>e||16}px;
|
|
1203
|
-
`,
|
|
1203
|
+
`,Fc=_t(Hi)`
|
|
1204
1204
|
font-size: 18px;
|
|
1205
1205
|
line-height: 26px;
|
|
1206
1206
|
max-width: ${({$maxWidth:e})=>e};
|
|
1207
1207
|
overflow: hidden;
|
|
1208
1208
|
white-space: nowrap;
|
|
1209
1209
|
text-overflow: ellipsis;
|
|
1210
|
-
`,
|
|
1210
|
+
`,Oc=_t(gr)`
|
|
1211
1211
|
gap: 8px;
|
|
1212
|
-
`,
|
|
1212
|
+
`,Nc=_t(gr)``,Ic=({onClose:e,width:t,icons:o,iconSrcs:n,title:i,titleTooltip:r,replaceTitleWith:a,actions:s,actionButtons:l=[],tabs:c})=>xt.createElement(Dc,null,xt.createElement(Tc,null,xt.createElement(zc,null,o?.length||n?.length?xt.createElement(Bs,{icons:o,iconSrcs:n,id:`drawer-header-${i}`}):null,("function"==typeof a?xt.createElement(a,null):a||null)||xt.createElement(Ca,{text:r||i,withIcon:!!r},i&&xt.createElement(Fc,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),xt.createElement(zc,{$gap:2},s,l.map((e,t)=>xt.createElement(Oc,{key:`header-action-button-${t}`,...e})),xt.createElement(Nc,{"data-id":"drawer-close",variant:"secondary",onClick:e},xt.createElement(Ye,{size:12})))),xt.createElement(Ac,{tabs:c,hideBorder:!0})),_c=_t.div`
|
|
1213
1213
|
display: flex;
|
|
1214
1214
|
justify-content: space-between;
|
|
1215
1215
|
gap: 8px;
|
|
@@ -1218,16 +1218,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1218
1218
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
1219
1219
|
transform: translateY(100%);
|
|
1220
1220
|
animation-name: ${Pi.animations.slide.in.bottom};
|
|
1221
|
-
`,
|
|
1221
|
+
`,Bc=_t(Xr)`
|
|
1222
1222
|
margin-right: auto;
|
|
1223
|
-
`,
|
|
1223
|
+
`,Rc=_t(Xr)`
|
|
1224
1224
|
margin: 0 auto;
|
|
1225
|
-
`,
|
|
1225
|
+
`,Lc=_t(Xr)`
|
|
1226
1226
|
margin-left: auto;
|
|
1227
|
-
`,
|
|
1227
|
+
`,Mc=_t(gr)`
|
|
1228
1228
|
min-width: 140px;
|
|
1229
1229
|
font-size: 14px;
|
|
1230
|
-
`,
|
|
1230
|
+
`,Pc=({isOpen:e,leftButtons:t=[],centerButtons:o=[],rightButtons:n=[]})=>e?xt.createElement(_c,null,xt.createElement(Bc,null,t.map((e,t)=>xt.createElement(Mc,{key:`footer-left-button-${t}`,...e}))),xt.createElement(Rc,null,o.map((e,t)=>xt.createElement(Mc,{key:`footer-center-button-${t}`,...e}))),xt.createElement(Lc,null,n.map((e,t)=>xt.createElement(Mc,{key:`footer-right-button-${t}`,...e})))):null,jc=_t.div`
|
|
1231
1231
|
position: fixed;
|
|
1232
1232
|
top: 0;
|
|
1233
1233
|
bottom: 0;
|
|
@@ -1238,36 +1238,36 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1238
1238
|
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+Pi.opacity.hex["010"]};
|
|
1239
1239
|
overflow-y: auto;
|
|
1240
1240
|
animation-name: ${({$position:e})=>Pi.animations.slide.in[e]};
|
|
1241
|
-
`,
|
|
1241
|
+
`,Uc=_t.div`
|
|
1242
1242
|
display: flex;
|
|
1243
1243
|
flex-direction: column;
|
|
1244
1244
|
height: 100%;
|
|
1245
|
-
`,
|
|
1245
|
+
`,Wc=_t.div`
|
|
1246
1246
|
flex-grow: 1;
|
|
1247
1247
|
padding: 24px 32px;
|
|
1248
1248
|
overflow-y: auto;
|
|
1249
|
-
`,
|
|
1249
|
+
`,Vc=({isOpen:e,onClose:t,closeOnEscape:o=!0,position:n="right",width:i="300px",children:r,header:a,footer:s})=>(Lr({key:"Escape",active:e&&o},()=>t()),br(e),e?Vt.createPortal(xt.createElement(xt.Fragment,null,xt.createElement(ta,{hidden:!e,onClick:t}),xt.createElement(jc,{"data-id":"drawer",$position:n,$width:i},xt.createElement(Uc,null,xt.createElement(Ic,{onClose:t,width:i,...a}),xt.createElement(Wc,null,r),xt.createElement(Pc,{...s})))),document.body):null),Hc=({error:e})=>{const t=Pi.useTheme(),o={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return xt.createElement("div",{style:o.container},xt.createElement("h2",null,"Something went wrong!"),xt.createElement("pre",{style:o.errorMessage},e?.message||"Unknown Error"),xt.createElement("details",{style:o.errorStackWrapper},xt.createElement("summary",null,"Stack Trace"),xt.createElement("pre",{style:o.errorStack},e?.stack||"Unknown Stack")),xt.createElement("p",{style:o.infoText},"Try refreshing the page or contact support"),xt.createElement(gr,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},qc=({children:e})=>xt.createElement(qt,{FallbackComponent:e=>xt.createElement(Pi.Provider,null,xt.createElement(Hc,{...e}))},e),Gc=_t(Xr)`
|
|
1250
1250
|
position: relative;
|
|
1251
1251
|
width: calc(100% - 24px);
|
|
1252
1252
|
padding: 12px;
|
|
1253
1253
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1254
1254
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border+Pi.opacity.hex["050"]};
|
|
1255
|
-
`,
|
|
1255
|
+
`,Kc=_t(Xr)`
|
|
1256
1256
|
margin-right: auto;
|
|
1257
1257
|
margin-left: 32px;
|
|
1258
1258
|
gap: 12px;
|
|
1259
|
-
`,
|
|
1259
|
+
`,Yc=_t(Xr)`
|
|
1260
1260
|
margin-left: auto;
|
|
1261
1261
|
margin-right: 32px;
|
|
1262
1262
|
gap: 12px;
|
|
1263
|
-
`,
|
|
1263
|
+
`,Jc=_t(Xr)`
|
|
1264
1264
|
position: absolute;
|
|
1265
1265
|
left: 50%;
|
|
1266
1266
|
transform: translateX(-50%);
|
|
1267
1267
|
gap: 12px;
|
|
1268
|
-
`,
|
|
1268
|
+
`,Xc=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(Gc,null,xt.createElement(Kc,null,e.map((e,t)=>e&&xt.createElement(bt,{key:t},e))),xt.createElement(Jc,null,t.map((e,t)=>e&&xt.createElement(bt,{key:t},e))),xt.createElement(Yc,null,o.map((e,t)=>e&&xt.createElement(bt,{key:t},e)))),Zc=_t(Hi)`
|
|
1269
1269
|
color: ${({theme:e})=>e.text.grey};
|
|
1270
|
-
`,
|
|
1270
|
+
`,Qc=({icon:e,title:t,badge:o,badgeTooltip:n,loading:i})=>xt.createElement(Xr,{$gap:6},e&&xt.createElement(e,null),xt.createElement(Zc,{size:14},t),void 0!==o&&xt.createElement(Ca,{text:n},xt.createElement(pr,{label:o})),i&&xt.createElement(ds,null)),ed=_t.div`
|
|
1271
1271
|
width: fit-content;
|
|
1272
1272
|
height: fit-content;
|
|
1273
1273
|
padding: 4px;
|
|
@@ -1279,7 +1279,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1279
1279
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1280
1280
|
align-items: center;
|
|
1281
1281
|
justify-content: center;
|
|
1282
|
-
`,
|
|
1282
|
+
`,td=_t.div`
|
|
1283
1283
|
width: 32px;
|
|
1284
1284
|
height: 32px;
|
|
1285
1285
|
|
|
@@ -1292,63 +1292,63 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1292
1292
|
justify-content: center;
|
|
1293
1293
|
|
|
1294
1294
|
cursor: pointer;
|
|
1295
|
-
`,
|
|
1295
|
+
`,od=({orientation:e="vertical",flip:t,mainIcons:o,subIcons:n})=>xt.createElement(ed,{$orientation:e,$flip:t},o.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(Ca,{key:`main-nav-icon-${i}`,text:n},xt.createElement(td,{$selected:t,onClick:o},xt.createElement(e,{size:20})))),!!o.length&&!!n.length&&xt.createElement($a,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),n.map(({icon:e,selected:t,onClick:o,tooltip:n},i)=>xt.createElement(Ca,{key:`sub-nav-icon-${i}`,text:n},xt.createElement(td,{$selected:t,onClick:o},xt.createElement(e,{size:20}))))),nd=_t.div`
|
|
1296
1296
|
display: flex;
|
|
1297
1297
|
flex-direction: column;
|
|
1298
1298
|
width: 100%;
|
|
1299
|
-
`,
|
|
1299
|
+
`,id=_t.div`
|
|
1300
1300
|
display: flex;
|
|
1301
1301
|
flex-direction: column;
|
|
1302
1302
|
gap: 8px;
|
|
1303
|
-
`,
|
|
1303
|
+
`,rd=_t.div`
|
|
1304
1304
|
display: flex;
|
|
1305
1305
|
align-items: center;
|
|
1306
1306
|
gap: 16px;
|
|
1307
|
-
`,
|
|
1307
|
+
`,ad=_t(Aa)`
|
|
1308
1308
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1309
1309
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1310
|
-
`,
|
|
1310
|
+
`,sd=({initialValues:e=[],value:t,onChange:o,title:n,tooltip:i,required:r,errorMessage:a})=>{const[s,l]=wt(t||e);kt(()=>{s.length||l([""])},[]);const c=s.filter(e=>!!e.trim()),d=vt(JSON.stringify(c));kt(()=>{const e=JSON.stringify(c);d.current!==e&&(d.current=e,o&&o(c))},[c]);const p=(e,t)=>{l(o=>{const n=[...o];return n[t]=e,n})},u=s.length<=1,h=s.some(e=>""===e.trim()),m=u&&h;return xt.createElement(nd,null,xt.createElement(gl,{title:n,required:r,tooltip:i}),xt.createElement(id,null,s.map((e,t)=>{const o=t===s.length-1;return xt.createElement(rd,{key:`input-list-${t}`},xt.createElement(kl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!a,autoFocus:Nn(e)&&!u&&o}),t===s.length-1&&xt.createElement(ad,{withBorder:!0,size:30,$disabled:h,onClick:h?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},xt.createElement(et,null)),xt.createElement(ad,{size:30,$disabled:m,onClick:m?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,o)=>o!==e))})(t)},xt.createElement(at,null)))})),!!a&&xt.createElement(Ki,null,a))},ld=({col:e,colIdx:t,row:o,rowIdx:n,rowsLength:i,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:f}=e,x=o[c];return f&&!f(o)?null:xt.createElement("td",{key:`input-table-${n}-${c}`,style:{maxWidth:r,padding:"4px 6px 4px 0"}},(()=>{switch(g){case ko.Dropdown:const e=$?.find(e=>e.id===x);return xt.createElement(Al,{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&&Nn(x))});case"multi-dropdown":const o=Array.isArray(x)&&$?.filter(e=>x.includes(e.id))||[];return xt.createElement(Al,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,required:h,options:$||[],value:o,isMulti:!0,onSelect:e=>{const t=[...Array.isArray(x)?x:[],e.id];a(c,t,n)},onDeselect:e=>{const t=(Array.isArray(x)?x:[]).filter(t=>t!==e.id);a(c,t,n)},hasError:!!s&&(!h||h&&Nn(x))});default:const g=i>1&&n===i-1&&0===t&&Nn(x);return xt.createElement(kl,{title:l?d:void 0,tooltip:l?p:void 0,placeholder:u,type:m,required:h,autoFocus:g,value:x,onChange:({target:{value:e}})=>a(c,e,n),style:{maxWidth:r,paddingLeft:10},hasError:!!s&&(!h||h&&Nn(x))})}})())},cd=_t.div`
|
|
1311
1311
|
display: flex;
|
|
1312
1312
|
flex-direction: column;
|
|
1313
1313
|
width: 100%;
|
|
1314
|
-
`,
|
|
1314
|
+
`,dd=_t.button`
|
|
1315
1315
|
margin-top: ${({$marginTop:e})=>e};
|
|
1316
1316
|
background: none;
|
|
1317
1317
|
border: none;
|
|
1318
1318
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1319
1319
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1320
|
-
`,
|
|
1320
|
+
`,pd=({columns:e,initialValues:t=[],value:o,onChange:n,errorMessage:i,limitFieldsPerRow:r,title:a=""})=>{const[s,l]=wt({}),[c,d]=wt(o||t),p=yt(()=>new Map(e.map(e=>[e.keyName,e])),[e]);kt(()=>{if(!c.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),d([t])}},[]);const u=c.filter(e=>{for(const[t,o]of Object.entries(e)){const n=p.get(t);if((!n?.renderCondition||n.renderCondition(e))&&n?.required&&Nn(o))return!1}return!0}),h=vt(JSON.stringify(u)),m=u.length!==c.length,g=`${Math.floor(640/((r||e.length)+.4))}px`;kt(()=>{const e=JSON.stringify(u);h.current!==e&&(h.current=e,n&&n(u))},[u]);const $=(e,t,o)=>{d(n=>{const i=eo(n);return i[o][e]=t,i})},f=yt(()=>{if(r){const t=[];for(let o=0;;o+=r){const n=e.slice(o,o+r);if(!n.length)break;t.push(n)}return t}return[e]},[r,e]);return xt.createElement(cd,null,xt.createElement(gl,{title:a}),xt.createElement("table",{style:{borderCollapse:"collapse"}},!r&&xt.createElement("thead",null,xt.createElement("tr",null,e.map(({title:e,tooltip:t,required:o})=>xt.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},xt.createElement(gl,{title:e,required:o,tooltip:t}))),xt.createElement("th",null))),xt.createElement("tbody",null,c.map((t,o)=>xt.createElement(bt,{key:`input-table-row-${o}`},r&&o>0?xt.createElement("tr",null,xt.createElement("td",{colSpan:f.length},xt.createElement($a,null))):null,f.map((n,a)=>xt.createElement("tr",{key:`input-table-matrix-${o}-${a}`},n.map((e,n)=>xt.createElement(ld,{key:`input-table-row-${o}-col-${n}`,col:e,colIdx:n,row:t,rowIdx:o,rowsLength:c.length,maxWidth:g,limitFieldsPerRow:r,errorMessage:i,handleChange:$})),0===a&&xt.createElement("td",null,xt.createElement(dd,{$marginTop:r?"24px":"0",onClick:()=>{return t=o,void(c.length>1?d(e=>e.filter((e,o)=>o!==t)):e.forEach(({keyName:e,type:o})=>$(e,o===vo.Number?"0":"",t)));var t}},xt.createElement(at,null))))))))),!!i&&xt.createElement(Ki,null,i),xt.createElement(Cs,{onClick:()=>{d(e=>{const t=eo(e);return t.push(eo(s)),t})},disabled:m}))},ud=_t.div`
|
|
1321
1321
|
display: flex;
|
|
1322
1322
|
flex-direction: column;
|
|
1323
1323
|
width: 100%;
|
|
1324
|
-
`,
|
|
1324
|
+
`,hd=_t.div`
|
|
1325
1325
|
display: flex;
|
|
1326
1326
|
flex-direction: column;
|
|
1327
1327
|
gap: 8px;
|
|
1328
|
-
`,
|
|
1328
|
+
`,md=_t.div`
|
|
1329
1329
|
display: flex;
|
|
1330
1330
|
align-items: center;
|
|
1331
1331
|
gap: 8px;
|
|
1332
|
-
`,
|
|
1332
|
+
`,gd=_t.div`
|
|
1333
1333
|
width: 100%;
|
|
1334
1334
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1335
|
-
|
|
1335
|
+
`,$d=_t(Aa)`
|
|
1336
1336
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1337
1337
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1338
|
-
|
|
1338
|
+
`,fd={key:"",value:""},xd=({initialKeyValuePairs:e=[],value:t,onChange:o,title:n,tooltip:i,disabled:r,required:a,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:c="Value",inputMaxWidth:d=300})=>{const[p,u]=wt(t||e);kt(()=>{p.length||u([{...fd}])},[]);const h=p.filter(({key:e,value:t})=>!Nn(e.trim())&&!Nn(t.trim())),m=vt(JSON.stringify(h));kt(()=>{const e=JSON.stringify(h);m.current!==e&&(m.current=e,o&&o(h))},[h]);const g=(e,t,o)=>{u(n=>{const i=[...n];return i[o][e]=t,i})},$=p.length<=1,f=r||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),x=r||$&&f;return xt.createElement(ud,null,xt.createElement(gl,{title:n,required:a,tooltip:i}),xt.createElement(hd,null,p.map(({key:e,value:t},o)=>xt.createElement(md,{key:`key-value-input-list-${o}`},xt.createElement(gd,{$maxWidth:d},xt.createElement(kl,{placeholder:l,disabled:r,value:e,onChange:e=>g("key",e.target.value,o),hasError:!!s&&(!a||a&&!e),autoFocus:Nn(t)&&!$&&o===p.length-1})),xt.createElement(gd,{$maxWidth:o===p.length-1?d-38:d},xt.createElement(kl,{placeholder:c,disabled:r,value:t,onChange:e=>g("value",e.target.value,o),hasError:!!s&&(!a||a&&Nn(t)),autoFocus:!1})),o===p.length-1&&xt.createElement($d,{withBorder:!0,size:30,$disabled:f,onClick:f?void 0:()=>{u(e=>{const t=[...e];return t.push({...fd}),t})}},xt.createElement(et,null)),xt.createElement($d,{size:30,$disabled:x,onClick:x?void 0:()=>(e=>{$?(g("key","",e),g("value","",e)):u(t=>t.filter((t,o)=>o!==e))})(o)},xt.createElement(at,null))))),!!s&&xt.createElement(Ki,null,s))},bd=Mt`
|
|
1339
1339
|
0% {
|
|
1340
1340
|
background-position: 0% 50%;
|
|
1341
1341
|
}
|
|
1342
1342
|
100% {
|
|
1343
1343
|
background-position: 100% 50%;
|
|
1344
1344
|
}
|
|
1345
|
-
`,
|
|
1345
|
+
`,yd=_t(Hi)`
|
|
1346
1346
|
background: ${({$textColor:e,$stripColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
1347
1347
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
1348
1348
|
background-clip: text;
|
|
1349
1349
|
color: transparent;
|
|
1350
|
-
animation: ${
|
|
1351
|
-
`,
|
|
1350
|
+
animation: ${bd} 1s reverse linear infinite;
|
|
1351
|
+
`,wd=({children:e="Loading...",textColor:t,stripColor:o,...n})=>{const i=Pi.useTheme(),r=t||i.v2.colors.white[500],a=o||i.v2.colors.black[500];return xt.createElement(yd,{$textColor:r,$stripColor:a,...n},e)},kd=_t.div`
|
|
1352
1352
|
display: flex;
|
|
1353
1353
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1354
1354
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1357,51 +1357,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1357
1357
|
border-radius: 32px;
|
|
1358
1358
|
padding: 8px;
|
|
1359
1359
|
`}
|
|
1360
|
-
`,
|
|
1360
|
+
`,vd=(e,t)=>!t?.length||!!t?.find(t=>t===e),Cd=({isVertical:e,title:t="Monitors",required:o,errorMessage:n,allowedSignals:i,selectedSignals:r,setSelectedSignals:a})=>{const[s,l]=wt(1===r.length),c=vt(JSON.stringify(r));return kt(()=>{const e=r;e.length||li.forEach(({id:t})=>{vd(t,i)&&e.push(t)});const t=JSON.stringify(e);return c.current!==t&&(c.current=t,a(e),l(1===e.length)),()=>{c.current=""}},[i]),xt.createElement("div",null,t&&xt.createElement(gl,{title:t,required:o}),xt.createElement(kd,{$isVertical:e,$hasError:!!n},li.map(e=>{const t=vd(e.id,i),o=((e,t)=>!!t?.find(t=>t===e))(e.id,r);return t?xt.createElement(Ka,{key:e.id,title:e.value,disabled:!t||s&&o,value:o,onChange:t=>((e,t)=>{const o=e,n=t?[...r,o]:r.filter(e=>e!==o);a(n),l(1===n.length)})(e.id,t)}):null})),!!n&&xt.createElement(Ki,null,n))},Ed=_t.div`
|
|
1361
1361
|
display: flex;
|
|
1362
1362
|
gap: 8px;
|
|
1363
1363
|
align-items: center;
|
|
1364
|
-
`,
|
|
1364
|
+
`,Sd=_t(gr)`
|
|
1365
1365
|
display: flex;
|
|
1366
1366
|
align-items: center;
|
|
1367
1367
|
justify-content: center;
|
|
1368
1368
|
gap: 8px;
|
|
1369
1369
|
min-width: 90px;
|
|
1370
|
-
`,
|
|
1370
|
+
`,Ad=({buttons:e})=>{const t=Pi.useTheme(),o=({button:t,index:o})=>e.length>1&&0===o&&(t.icon||t.iconSrc),n=({button:e,rotate:o})=>e.icon?xt.createElement(e.icon,{size:14,rotate:o,fill:t.text[e.variant||"secondary"]}):e.iconSrc?xt.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return xt.createElement(Ed,null,e.map((e,t)=>xt.createElement(Ca,{key:t,text:e.tooltip||""},xt.createElement(Sd,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},o({button:e,index:t})&&n({button:e,rotate:0}),e.label,!o({button:e,index:t})&&n({button:e,rotate:180})))))},Dd=_t.div`
|
|
1371
1371
|
height: ${({$height:e})=>e}px;
|
|
1372
1372
|
width: 100%;
|
|
1373
1373
|
overflow: auto;
|
|
1374
|
-
`,
|
|
1374
|
+
`,Td=_t.div`
|
|
1375
1375
|
height: ${({$height:e})=>e}px;
|
|
1376
1376
|
width: 100%;
|
|
1377
1377
|
position: relative;
|
|
1378
|
-
`,
|
|
1378
|
+
`,zd=_t.div`
|
|
1379
1379
|
height: ${({$height:e})=>e}px;
|
|
1380
1380
|
width: 100%;
|
|
1381
1381
|
position: absolute;
|
|
1382
1382
|
top: 0;
|
|
1383
1383
|
left: 0;
|
|
1384
1384
|
transform: translateY(${({$yOffset:e})=>e}px);
|
|
1385
|
-
`,
|
|
1385
|
+
`,Fd=({containerHeight:e,elementHeight:t,elements:o})=>{const{overflowRef:n,listHeight:i,listItems:r}=_r({items:o,rowHeight:t});return xt.createElement(Dd,{ref:n,$height:e},xt.createElement(Td,{$height:i},r.map(({key:e,index:t,size:n,start:i})=>{const r=t>o.length-1,a=o[t];return xt.createElement(zd,{key:e,$height:n,$yOffset:i},r?xt.createElement(Qr,null,xt.createElement(wd,null)):a)})))},Od=_t.div`
|
|
1386
1386
|
display: flex;
|
|
1387
1387
|
justify-content: space-between;
|
|
1388
1388
|
align-items: center;
|
|
1389
1389
|
gap: 16px;
|
|
1390
|
-
`,
|
|
1390
|
+
`,Nd=_t.div`
|
|
1391
1391
|
display: flex;
|
|
1392
1392
|
flex-direction: column;
|
|
1393
1393
|
gap: 4px;
|
|
1394
|
-
`,
|
|
1394
|
+
`,Id=_t.div`
|
|
1395
1395
|
display: flex;
|
|
1396
1396
|
align-items: center;
|
|
1397
1397
|
gap: 8px;
|
|
1398
|
-
`,
|
|
1398
|
+
`,_d=_t(Hi)``,Bd=_t(Hi)``,Rd=({title:e,description:t,badgeLabel:o,icon:n,actionButton:i,size:r="medium"})=>{const a="small"===r?16:"medium"===r?20:24,s="small"===r?12:"medium"===r?14:16;return xt.createElement(Od,null,xt.createElement(Nd,null,xt.createElement(Id,null,n&&xt.createElement(n,{size:a}),xt.createElement(_d,{weight:300,size:a},e),void 0!==o&&xt.createElement(pr,{label:o,filled:!!o})),xt.createElement(Bd,{weight:200,opacity:.8,size:s},t)),i&&xt.createElement("div",null,i))},Ld=_t.div`
|
|
1399
1399
|
position: relative;
|
|
1400
1400
|
gap: 0;
|
|
1401
1401
|
z-index: 0;
|
|
1402
1402
|
display: grid;
|
|
1403
1403
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1404
|
-
`,
|
|
1404
|
+
`,Md=_t.button`
|
|
1405
1405
|
flex: 1;
|
|
1406
1406
|
display: flex;
|
|
1407
1407
|
align-items: center;
|
|
@@ -1415,7 +1415,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1415
1415
|
&:hover {
|
|
1416
1416
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1417
1417
|
}
|
|
1418
|
-
`,
|
|
1418
|
+
`,Pd=_t.div`
|
|
1419
1419
|
position: absolute;
|
|
1420
1420
|
top: ${({$y:e})=>e}px;
|
|
1421
1421
|
left: ${({$x:e})=>e}px;
|
|
@@ -1425,7 +1425,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1425
1425
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1426
1426
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1427
1427
|
transition: all 0.3s;
|
|
1428
|
-
`,
|
|
1428
|
+
`,jd=({options:e=[],selected:t,setSelected:o})=>{const n=e.findIndex(e=>e.value===t),[i,r]=wt(e[n]?.selectedBgColor||""),[a,s]=wt({width:0,height:0}),[l,c]=wt({x:0,y:0}),d=vt(null);return kt(()=>{d.current&&(s({width:d.current.offsetWidth,height:d.current.offsetHeight}),c({x:d.current.offsetWidth*n,y:0}))},[t,n]),xt.createElement(Ld,{$count:e.length},e.map(({icon:n,label:i,value:a,selectedBgColor:s,selectedTextColor:l},c)=>{const p=t===a;return xt.createElement(Md,{key:`segment-${i||c}-${a}`,ref:p?d:void 0,$isFirstItem:0===c,$isLastItem:c===e.length-1,onClick:()=>{o(a),r(s||"")}},n&&xt.createElement(n,null),i&&xt.createElement(Hi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),xt.createElement(Pd,{$bgColor:i,$width:a.width,$height:a.height,$x:l.x,$y:l.y,$isFirstItem:0===n,$isLastItem:n===e.length-1}))},Ud=_t(gr)`
|
|
1429
1429
|
gap: 8px;
|
|
1430
1430
|
text-transform: none;
|
|
1431
1431
|
text-decoration: none;
|
|
@@ -1439,71 +1439,71 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1439
1439
|
&.selected {
|
|
1440
1440
|
background-color: ${({theme:e})=>e.colors.majestic_blue+Pi.opacity.hex["030"]};
|
|
1441
1441
|
}
|
|
1442
|
-
`,
|
|
1442
|
+
`,Wd=_t(Hi)`
|
|
1443
1443
|
white-space: nowrap;
|
|
1444
1444
|
overflow: hidden;
|
|
1445
1445
|
text-overflow: ellipsis;
|
|
1446
1446
|
font-size: 14px;
|
|
1447
|
-
`,
|
|
1447
|
+
`,Vd=({label:e,onClick:t,icon:o,iconSrc:n,badgeLabel:i,badgeFilled:r,isSelected:a,withBorder:s,color:l,hoverColor:c,style:d})=>{const p=Pi.useTheme();return xt.createElement(Ud,{onClick:t,className:a?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:c,style:d},o&&xt.createElement("div",null,xt.createElement(o,{fill:p.text.info})),n&&xt.createElement("div",null,xt.createElement("img",{src:n,alt:"",width:16,height:16})),xt.createElement(Wd,null,e),a&&xt.createElement("div",null,xt.createElement(Ge,{fill:p.colors.majestic_blue_soft})),void 0!==i&&xt.createElement(pr,{label:i,filled:r||a}))},Hd=_t.div`
|
|
1448
1448
|
display: flex;
|
|
1449
1449
|
flex-direction: column;
|
|
1450
1450
|
gap: 16px;
|
|
1451
1451
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1452
|
-
`,
|
|
1452
|
+
`,qd=_t.div`
|
|
1453
1453
|
display: flex;
|
|
1454
1454
|
align-items: center;
|
|
1455
1455
|
gap: 16px;
|
|
1456
|
-
`,
|
|
1456
|
+
`,Gd=_t.div`
|
|
1457
1457
|
width: 50px;
|
|
1458
1458
|
height: 50px;
|
|
1459
1459
|
border-radius: 8px;
|
|
1460
1460
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1461
1461
|
background-size: 200% 100%;
|
|
1462
1462
|
animation: ${Pi.animations.shimmer} 10s infinite linear;
|
|
1463
|
-
`,
|
|
1463
|
+
`,Kd=_t(Zr)`
|
|
1464
1464
|
flex: 1;
|
|
1465
1465
|
gap: 12px;
|
|
1466
|
-
`,
|
|
1466
|
+
`,Yd=_t.div`
|
|
1467
1467
|
width: ${({$width:e})=>e};
|
|
1468
1468
|
height: 16px;
|
|
1469
1469
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
1470
1470
|
background-size: 200% 100%;
|
|
1471
1471
|
animation: ${Pi.animations.shimmer} 1.5s infinite linear;
|
|
1472
1472
|
border-radius: 4px;
|
|
1473
|
-
`,
|
|
1473
|
+
`,Jd=({size:e=5,maxWidth:t})=>xt.createElement(Hd,{$maxWidth:t},[...Array(e)].map((e,t)=>xt.createElement(qd,{key:t},xt.createElement(Gd,null),xt.createElement(Kd,null,xt.createElement(Yd,{$width:"80%"}),xt.createElement(Yd,{$width:"100%"})))));var Xd;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Xd||(Xd={}));const Zd=_t.div`
|
|
1474
1474
|
display: flex;
|
|
1475
1475
|
flex-direction: column;
|
|
1476
1476
|
gap: 32px;
|
|
1477
|
-
`,
|
|
1477
|
+
`,Qd=_t.div`
|
|
1478
1478
|
display: flex;
|
|
1479
1479
|
gap: 16px;
|
|
1480
1480
|
padding: 8px;
|
|
1481
|
-
opacity: ${({$state:e})=>e===
|
|
1481
|
+
opacity: ${({$state:e})=>e===Xd.Active?1:e===Xd.Disabled?.5:.8};
|
|
1482
1482
|
transition: all 0.3s;
|
|
1483
|
-
`,
|
|
1483
|
+
`,ep=_t(Xr)`
|
|
1484
1484
|
justify-content: center;
|
|
1485
1485
|
width: 24px;
|
|
1486
1486
|
height: 24px;
|
|
1487
1487
|
border-radius: 32px;
|
|
1488
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1489
|
-
opacity: ${({$state:e})=>e===
|
|
1490
|
-
`,
|
|
1488
|
+
border: ${({theme:e,$state:t})=>t===Xd.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1489
|
+
opacity: ${({$state:e})=>e===Xd.Finished?.8:1};
|
|
1490
|
+
`,tp=_t(Zr)`
|
|
1491
1491
|
justify-content: center;
|
|
1492
1492
|
gap: 8px;
|
|
1493
|
-
`,
|
|
1493
|
+
`,op=_t(Hi)``,np=_t(Hi)``,ip=({data:e,currentStep:t=0})=>{const[o,n]=wt([]);return kt(()=>{n(e.map((e,o)=>o<t-1?{...e,state:Xd.Finished,subtitle:e.subtitle||Co.Success}:o===t-1?{...e,state:Xd.Active,subtitle:""}:{...e,state:Xd.Disabled,subtitle:""}))},[t,e]),xt.createElement(Zd,null,o.map((e,t)=>xt.createElement(Qd,{key:t,$state:e.state},xt.createElement(ep,{$state:e.state},[Xd.Active,Xd.Disabled].includes(e.state)?xt.createElement(Hi,{size:12},e.stepNumber):e.state===Xd.Finished?xt.createElement(Ge,{size:20}):null),xt.createElement(tp,null,xt.createElement(op,{family:"secondary"},e.title),e.subtitle&&xt.createElement(np,{size:10,weight:300},e.subtitle)))))},rp=_t(Xr)`
|
|
1494
1494
|
width: fit-content;
|
|
1495
1495
|
gap: 6px;
|
|
1496
1496
|
padding: 6px 12px;
|
|
1497
1497
|
border-radius: 360px;
|
|
1498
1498
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1499
|
-
`,
|
|
1499
|
+
`,ap=_t(Hi)`
|
|
1500
1500
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1501
|
-
`,
|
|
1501
|
+
`,sp=({type:e=Co.Info,icon:t,title:o,size:n,family:i,children:r,...a})=>xt.createElement(rp,{$type:e},t&&xt.createElement(t,null),xt.createElement(ap,{$type:e,size:n||12,family:i||"secondary",...a},r||o)),lp=_t.div`
|
|
1502
1502
|
display: flex;
|
|
1503
1503
|
flex-direction: column;
|
|
1504
1504
|
position: relative;
|
|
1505
1505
|
width: 100%;
|
|
1506
|
-
`,
|
|
1506
|
+
`,cp=_t.div`
|
|
1507
1507
|
width: 100%;
|
|
1508
1508
|
display: flex;
|
|
1509
1509
|
align-items: center;
|
|
@@ -1531,7 +1531,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1531
1531
|
&:focus-within {
|
|
1532
1532
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1533
1533
|
}
|
|
1534
|
-
`,
|
|
1534
|
+
`,dp=_t.textarea`
|
|
1535
1535
|
flex: 1;
|
|
1536
1536
|
border: none;
|
|
1537
1537
|
outline: none;
|
|
@@ -1555,13 +1555,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1555
1555
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1556
1556
|
cursor: not-allowed;
|
|
1557
1557
|
}
|
|
1558
|
-
`,
|
|
1558
|
+
`,pp=({errorMessage:e,title:t,tooltip:o,required:n,onChange:i,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 xt.createElement(lp,null,xt.createElement(gl,{title:t,required:n,tooltip:o}),xt.createElement(cp,{$disabled:a.disabled,$hasError:!!e,$isActive:!!a.autoFocus},xt.createElement(dp,{ref:s,"data-id":r,name:r,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...a})),!!e&&xt.createElement(Ki,null,e))},up=_t.div`
|
|
1559
1559
|
display: flex;
|
|
1560
1560
|
align-items: center;
|
|
1561
1561
|
gap: 12px;
|
|
1562
1562
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1563
1563
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1564
|
-
`,
|
|
1564
|
+
`,hp=_t.div`
|
|
1565
1565
|
width: 24px;
|
|
1566
1566
|
height: 12px;
|
|
1567
1567
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1583,11 +1583,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1583
1583
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1584
1584
|
transition: background-color 0.3s, transform 0.3s;
|
|
1585
1585
|
}
|
|
1586
|
-
`,
|
|
1586
|
+
`,mp=({title:e,tooltip:t,initialValue:o=!1,onChange:n,disabled:i,allowPropagation:r=!1,flipHorizontally:a})=>{const[s,l]=wt(o);return kt(()=>l(o),[o]),xt.createElement(up,{$disabled:i,onClick:e=>{i||(r||e.stopPropagation(),n?n(!s):l(e=>!e))}},!a&&xt.createElement(hp,{$disabled:i,$isActive:s}),(e||t)&&xt.createElement(Ca,{text:t,withIcon:!0},e&&xt.createElement(Hi,{size:14},e)),a&&xt.createElement(hp,{$disabled:i,$isActive:s}))};var gp={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 $p=_t.div`
|
|
1587
1587
|
width: ${({$width:e})=>e}px;
|
|
1588
1588
|
height: ${({$height:e})=>e}px;
|
|
1589
1589
|
position: relative;
|
|
1590
|
-
|
|
1590
|
+
`,fp=({width:e=620})=>{const{darkMode:t}=Pi.useTheme(),o=e/(620/220),n=e;return xt.createElement($p,{$width:n,$height:o},xt.createElement(Gt,{autoplay:!0,loop:!0,animationData:gp,style:{width:o,height:n,transform:"rotate(-90deg)",position:"absolute",top:-(o-o/10),left:o-o/10,filter:t?"invert(0)":"invert(1)"}}))};var xp,bp;!function(e){e.Primary="primary",e.Secondary="secondary",e.Text="text"}(xp||(xp={})),function(e){e.S="small",e.M="medium",e.L="large"}(bp||(bp={}));const yp=_t.button`
|
|
1591
1591
|
display: flex;
|
|
1592
1592
|
align-items: center;
|
|
1593
1593
|
justify-content: center;
|
|
@@ -1597,14 +1597,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1597
1597
|
`}
|
|
1598
1598
|
border: none;
|
|
1599
1599
|
border-radius: 6px;
|
|
1600
|
-
${({$size:e,$hasLabel:t})=>e===
|
|
1600
|
+
${({$size:e,$hasLabel:t})=>e===bp.S?Bt`
|
|
1601
1601
|
height: 32px;
|
|
1602
1602
|
${t?Bt`
|
|
1603
1603
|
padding: 8px 16px;
|
|
1604
1604
|
`:Bt`
|
|
1605
1605
|
width: 32px;
|
|
1606
1606
|
`}
|
|
1607
|
-
`:e===
|
|
1607
|
+
`:e===bp.M?Bt`
|
|
1608
1608
|
height: 38px;
|
|
1609
1609
|
${t?Bt`
|
|
1610
1610
|
padding: 8px 18px;
|
|
@@ -1629,7 +1629,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1629
1629
|
${({$withShadow:e})=>e?Bt`
|
|
1630
1630
|
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
1631
1631
|
`:""}
|
|
1632
|
-
${({$variant:e})=>e===
|
|
1632
|
+
${({$variant:e})=>e===xp.Primary?Bt`
|
|
1633
1633
|
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
1634
1634
|
&:hover {
|
|
1635
1635
|
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
@@ -1637,7 +1637,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1637
1637
|
&:active {
|
|
1638
1638
|
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
1639
1639
|
}
|
|
1640
|
-
`:e===
|
|
1640
|
+
`:e===xp.Secondary?Bt`
|
|
1641
1641
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1642
1642
|
&:hover {
|
|
1643
1643
|
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
@@ -1645,7 +1645,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1645
1645
|
&:active {
|
|
1646
1646
|
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1647
1647
|
}
|
|
1648
|
-
`:e===
|
|
1648
|
+
`:e===xp.Text?Bt`
|
|
1649
1649
|
background-color: transparent;
|
|
1650
1650
|
&:hover {
|
|
1651
1651
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
@@ -1655,7 +1655,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1655
1655
|
}
|
|
1656
1656
|
`:""}
|
|
1657
1657
|
}
|
|
1658
|
-
`,
|
|
1658
|
+
`,wp=At(({label:e,leftIcon:t,rightIcon:o,variant:n=xp.Primary,size:i=bp.M,iconSize:r,loading:a,fullWidth:s,withShadow:l,disabled:c,onClick:d,...p},u)=>{const h=Pi.useTheme(),m=r||(i===bp.L?18:16),g=i===bp.L?Qn.S:Qn.XS,$=c?h.v2.colors.grey[400]:h.v2.colors.white[500];return xt.createElement(yp,{ref:u,$variant:n,$size:i,$fullWidth:s,$withShadow:l,$hasLabel:!!e,disabled:c,onClick:a?void 0:e=>{e.stopPropagation(),d?.(e)},...p},a?e?xt.createElement(wd,{size:h.v2.text.size[g],textColor:$}):xt.createElement(ds,null):xt.createElement(xt.Fragment,null,t&&xt.createElement(t,{size:m,fill:$}),e?xt.createElement(ti,{size:g,weight:500,color:$,nowrap:!0},e):null,o&&xt.createElement(o,{size:m,fill:$})))});wp.displayName=wp.name;const kp=_t.button`
|
|
1659
1659
|
width: 100%;
|
|
1660
1660
|
padding: 0;
|
|
1661
1661
|
padding-right: 12px;
|
|
@@ -1675,7 +1675,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1675
1675
|
&:disabled {
|
|
1676
1676
|
cursor: not-allowed;
|
|
1677
1677
|
}
|
|
1678
|
-
`,
|
|
1678
|
+
`,vp=_t.div`
|
|
1679
1679
|
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
1680
1680
|
height: 56px;
|
|
1681
1681
|
display: flex;
|
|
@@ -1686,13 +1686,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1686
1686
|
`:Bt`
|
|
1687
1687
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1688
1688
|
`}
|
|
1689
|
-
`,
|
|
1689
|
+
`,Cp=_t.div`
|
|
1690
1690
|
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
1691
1691
|
display: flex;
|
|
1692
1692
|
justify-content: space-between;
|
|
1693
1693
|
align-items: center;
|
|
1694
1694
|
gap: 8px;
|
|
1695
|
-
`,
|
|
1695
|
+
`,Ep=({label:e,icon:t,loading:o,onClick:n})=>{const[i,r]=wt(!1);return xt.createElement(kp,{$hovered:i,type:"button",disabled:o,onClick:n,onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},xt.createElement(vp,{$hovered:i,$hasIcon:!!t},t&&xt.createElement(t,{size:36})),xt.createElement(Cp,{$hasIcon:!!t},o?xt.createElement(wd,{size:16}):xt.createElement(ti,{variant:Zn.Span,align:"center"},e),xt.createElement(dt,{rotate:90,size:24})))},Sp=({buttons:e})=>xt.createElement(Zr,{$gap:12},e.map(e=>xt.createElement(Ep,{key:e.label,...e}))),Ap=_t.div`
|
|
1696
1696
|
display: flex;
|
|
1697
1697
|
align-items: center;
|
|
1698
1698
|
flex-wrap: wrap;
|
|
@@ -1700,13 +1700,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1700
1700
|
padding: 4px 12px;
|
|
1701
1701
|
border-radius: 12px;
|
|
1702
1702
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1703
|
-
`,
|
|
1703
|
+
`,Dp=_t.div`
|
|
1704
1704
|
width: calc(${({$cellsPerRow:e})=>100/e+"%"} - 16px);
|
|
1705
1705
|
margin: 8px;
|
|
1706
1706
|
display: flex;
|
|
1707
1707
|
flex-direction: column;
|
|
1708
1708
|
gap: 4px;
|
|
1709
|
-
`,
|
|
1709
|
+
`,Tp=({cellsPerRow:e,items:t})=>{const o=Rt(),{CopyButton:n}=Fr();return xt.createElement(Ap,null,t.map(({id:i,title:r,label:a,withCopy:s,badge:l})=>xt.createElement(Dp,{key:i,$cellsPerRow:e||t.length},xt.createElement(ti,{size:Qn.XXXS,color:o.v2.colors.silver[200],nowrap:!0},r),xt.createElement(Xr,{$gap:4},l&&xt.createElement(ni,{...l}),a&&xt.createElement(ti,{size:Qn.XS,nowrap:!0},a),s&&xt.createElement(n,{value:a||l?.label?.toString()||"",size:Dr.XS})))))};var zp;!function(e){e.S="s",e.L="l"}(zp||(zp={}));const Fp=_t.div`
|
|
1710
1710
|
position: relative;
|
|
1711
1711
|
z-index: 0;
|
|
1712
1712
|
display: flex;
|
|
@@ -1716,13 +1716,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1716
1716
|
border-radius: 8px;
|
|
1717
1717
|
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
1718
1718
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
1719
|
-
`,
|
|
1719
|
+
`,Op=_t.button`
|
|
1720
1720
|
flex: 1;
|
|
1721
1721
|
display: flex;
|
|
1722
1722
|
align-items: center;
|
|
1723
1723
|
justify-content: center;
|
|
1724
1724
|
gap: 8px;
|
|
1725
|
-
padding: ${({$size:e})=>e===
|
|
1725
|
+
padding: ${({$size:e})=>e===zp.S?"4px 8px":"8px 16px"};
|
|
1726
1726
|
border-radius: 6px;
|
|
1727
1727
|
border: none;
|
|
1728
1728
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:"transparent"};
|
|
@@ -1731,7 +1731,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1731
1731
|
&:hover {
|
|
1732
1732
|
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.black[500]:e.v2.colors.silver[800]};
|
|
1733
1733
|
}
|
|
1734
|
-
`,
|
|
1734
|
+
`,Np=({size:e=zp.L,options:t=[],selected:o,setSelected:n,disabled:i})=>{const r=Rt(),a=i?r.v2.colors.grey[400]:r.v2.colors.white[500],s=e===zp.S?Qn.XXS:Qn.XS,l=e===zp.S?400:500;return xt.createElement(Fp,{$count:t.length},t.map(({value:t,label:r,icon:c},d)=>{const p=o===t;return xt.createElement(Op,{key:`segment-${r||d}-${t}`,onClick:()=>!i&&n(t),$isSelected:p,$disabled:i,$size:e},c&&xt.createElement(c,{fill:a}),r&&xt.createElement(ti,{size:s,weight:l,color:a,nowrap:!0},r))}))},Ip=_t.div`
|
|
1735
1735
|
min-width: ${({$width:e})=>e||"unset"};
|
|
1736
1736
|
width: fit-content;
|
|
1737
1737
|
padding: 6px 12px;
|
|
@@ -1744,7 +1744,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1744
1744
|
border: none;
|
|
1745
1745
|
border-radius: 6px;
|
|
1746
1746
|
background: ${({$isHovered:e,$isActive:t,theme:o})=>e||t?o.v2.colors.silver[700]:o.v2.colors.silver[800]};
|
|
1747
|
-
`,
|
|
1747
|
+
`,_p=_t.input`
|
|
1748
1748
|
flex: 1;
|
|
1749
1749
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1750
1750
|
font-size: 14px;
|
|
@@ -1760,28 +1760,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1760
1760
|
overflow: hidden;
|
|
1761
1761
|
text-overflow: ellipsis;
|
|
1762
1762
|
white-space: nowrap;
|
|
1763
|
-
`,
|
|
1763
|
+
`,Bp=({value:e,onChange:t,placeholder:o,width:n,segment:i})=>{const r=Pi.useTheme(),[a,s]=wt(!1),[l,c]=wt(!1),[d,p]=wt(!1),u=a?r.v2.colors.white[500]:r.v2.colors.silver[200],h=!!i?.options?.length,m=yt(()=>{if(h)return i?.options.find(e=>e.value===i.selected)?.label},[h,i?.options,i?.selected]),g=yt(()=>o||(h&&m?`Search by ${m.toLowerCase()}`:"Search..."),[o,h,m]);return xt.createElement(Ip,{$width:n,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),$isHovered:l&&!d,$isActive:a},xt.createElement(rt,{size:18,fill:u}),xt.createElement(_p,{"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&&xt.createElement("div",{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1)},xt.createElement(Np,{options:i.options,selected:i.selected,setSelected:i.setSelected,size:zp.S})))};var Rp;!function(e){e.S="small",e.L="large"}(Rp||(Rp={}));const Lp=_t.div`
|
|
1764
1764
|
width: fit-content;
|
|
1765
1765
|
display: flex;
|
|
1766
1766
|
align-items: center;
|
|
1767
1767
|
gap: 8px;
|
|
1768
1768
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1769
|
-
`,
|
|
1770
|
-
width: ${({$size:e})=>e===
|
|
1771
|
-
height: ${({$size:e})=>e===
|
|
1769
|
+
`,Mp=_t.div`
|
|
1770
|
+
width: ${({$size:e})=>e===Rp.S?"16px":"20px"};
|
|
1771
|
+
height: ${({$size:e})=>e===Rp.S?"16px":"20px"};
|
|
1772
1772
|
display: flex;
|
|
1773
1773
|
align-items: center;
|
|
1774
1774
|
justify-content: center;
|
|
1775
1775
|
border-radius: 4px;
|
|
1776
1776
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
1777
1777
|
background-color: ${({$backgroundColor:e})=>e};
|
|
1778
|
-
`,
|
|
1778
|
+
`,Pp=({label:e,size:t=Rp.L,disabled:o,partiallyChecked:n,value:i,onChange:r})=>{const a=Pi.useTheme(),[s,l]=wt(!1),c=n||i,d=t===Rp.S?12:16,p=o?a.v2.colors.grey[400]:a.v2.colors.white[500],u=c?"transparent":o?a.v2.colors.grey[700]:s?a.v2.colors.silver[400]:a.v2.colors.silver[600],h=o?a.v2.colors.grey[600]:c?a.v2.colors.purple[500]:a.v2.colors.silver[900];return xt.createElement(Lp,{"data-id":"checkbox"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),o||r(!!n||!i)},$disabled:o,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)},xt.createElement(Mp,{$size:t,$borderColor:u,$backgroundColor:h},n?xt.createElement(Je,{size:d,fill:p}):i?xt.createElement(Ge,{size:d,fill:p}):null),e&&xt.createElement(ti,{size:t===Rp.S?Qn.XXS:Qn.XS,nowrap:!0},e))},jp=_t.div`
|
|
1779
1779
|
display: flex;
|
|
1780
1780
|
flex-direction: ${({$direction:e})=>e===ho.Horizontal?"row":"column"};
|
|
1781
1781
|
gap: ${({$direction:e})=>e===ho.Horizontal?16:8}px;
|
|
1782
|
-
`,
|
|
1782
|
+
`,Up=({direction:e=ho.Vertical,title:t,size:o,disabled:n,withSelectAll:i,options:r,values:a,setValues:s})=>{const l=o===Rp.S?Qn.XXS:Qn.XS,c=yt(()=>r.every(e=>a[e.id]),[r,a]),d=yt(()=>r.some(e=>a[e.id])&&r.some(e=>!a[e.id]),[r,a]),p=(e,t)=>{s(o=>{const n={...o};return e?n[e]=t:r.forEach(e=>n[e.id]=t),n})};return xt.createElement(jp,{$direction:e},t&&i?xt.createElement(Pp,{label:t,partiallyChecked:d,value:c,onChange:e=>p("",e),size:o}):t&&!i?xt.createElement(ti,{size:l},t):null,r.map(e=>xt.createElement(Pp,{key:`${t}-checkbox-${e.id}`,...e,value:a[e.id],onChange:t=>p(e.id,t),disabled:n,size:o})))};var Wp,Vp;!function(e){e.Left="left",e.Right="right"}(Wp||(Wp={})),function(e){e.Top="top",e.Bottom="bottom"}(Vp||(Vp={}));const Hp=_t.div`
|
|
1783
1783
|
position: relative;
|
|
1784
|
-
`,
|
|
1784
|
+
`,qp=_t.div`
|
|
1785
1785
|
display: flex;
|
|
1786
1786
|
flex-direction: column;
|
|
1787
1787
|
gap: 0;
|
|
@@ -1794,7 +1794,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1794
1794
|
position: absolute;
|
|
1795
1795
|
${({$alignX:e})=>`${e}: 0;`}
|
|
1796
1796
|
${({$alignY:e,$withButton:t})=>`${e}: ${t?"calc(100% + 8px)":"0"};`}
|
|
1797
|
-
`,
|
|
1797
|
+
`,Gp=_t.div`
|
|
1798
1798
|
display: flex;
|
|
1799
1799
|
align-items: center;
|
|
1800
1800
|
gap: 8px;
|
|
@@ -1810,7 +1810,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1810
1810
|
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
1811
1811
|
}
|
|
1812
1812
|
`}
|
|
1813
|
-
`,
|
|
1813
|
+
`,Kp=({items:e,selectedIds:t,setSelectedIds:o,withMultiSelect:n,alignX:i,alignY:r,defaultOpen:a,buttonProps:s,iconButtonProps:l})=>{const c=Rt(),d=!!s||!!l,[p,u]=wt(a??!d),[h,m]=wt({x:i||Wp.Left,y:r||Vp.Top}),g=e=>{u(e=>!e),m({x:i||(e.clientX>window.innerWidth/2?Wp.Right:Wp.Left),y:r||(e.clientY>window.innerHeight/2?Vp.Bottom:Vp.Top)})},$=e=>{o(t.includes(e)?t.filter(t=>t!==e):[...t,e]),d&&!n&&u(!1)},f=vt(null);return Mr(f,()=>u(!1)),xt.createElement(Hp,{ref:f},s&&xt.createElement(wp,{...s,rightIcon:p?pt:ut,onClick:g}),l&&xt.createElement(zr,{...l,onClick:g}),p&&xt.createElement(qp,{$withButton:d,$alignX:h.x,$alignY:h.y},e.map(e=>{if(!e)return null;const{id:o,label:n,icon:i,withCheckbox:r}=e,a=t.includes(o);return xt.createElement(Gp,{key:o,$selected:a,onClick:()=>$(o)},r&&xt.createElement(Pp,{value:a,onChange:()=>$(o)}),i&&xt.createElement(i,{size:14,fill:c.v2.colors.white[500]}),xt.createElement(ti,{size:Qn.XS,nowrap:!0},n))})))};var Yp;!function(e){e.Button="button",e.ButtonDropData="button-drop-data"}(Yp||(Yp={}));const Jp=({onAnyClick:e,actions:t})=>xt.createElement(Xr,{$gap:8,$alignItems:"center"},t?.map(t=>{if(!t)return null;switch(t.type){case Yp.Button:return xt.createElement(wp,{key:t.id,...t.buttonProps,onClick:o=>{t.buttonProps?.onClick?.(o),e?.()}});case Yp.ButtonDropData:return xt.createElement(Kp,{key:t.id,...t.dropDataProps,items:t.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:o=>{t.buttonProps?.onClick?.(o[0]),e?.()},buttonProps:t.buttonProps});default:return null}})),Xp=({icon:e,title:t,withCopy:o,badge:n,children:i})=>{const{CopyButton:r}=Fr();return xt.createElement(Xr,{$gap:6,$alignItems:"center"},xt.createElement(e,{size:24}),xt.createElement(ti,{nowrap:!0},t),o&&xt.createElement(r,{value:t,size:Dr.XS}),n&&xt.createElement(ni,{...n}),i)};var Zp;!function(e){e.S="small",e.M="medium"}(Zp||(Zp={}));const Qp=_t.div`
|
|
1814
1814
|
display: flex;
|
|
1815
1815
|
flex-direction: column;
|
|
1816
1816
|
gap: ${({$gap:e})=>e}px;
|
|
@@ -1818,7 +1818,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1818
1818
|
padding: ${({$padding:e})=>e}px;
|
|
1819
1819
|
border-radius: 16px;
|
|
1820
1820
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1821
|
-
`,
|
|
1821
|
+
`,eu=({size:e=Zp.M,richTitle:t,search:o,actions:n,children:i})=>{const r=e===Zp.S?4:16,a=e===Zp.S?12:16;return xt.createElement(Qp,{$padding:a,$gap:r},xt.createElement(Xr,{$gap:r,$justifyContent:"space-between"},xt.createElement(Xp,{...t},o&&xt.createElement(Bp,{...o})),xt.createElement(Jp,{actions:n??[]})),i)},tu=_t.div`
|
|
1822
1822
|
flex: 1;
|
|
1823
1823
|
align-self: stretch;
|
|
1824
1824
|
display: flex;
|
|
@@ -1827,7 +1827,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1827
1827
|
padding: 16px;
|
|
1828
1828
|
border-radius: 12px;
|
|
1829
1829
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,t===Ao.Unknown?"750":"500")};
|
|
1830
|
-
`,
|
|
1830
|
+
`,ou=_t.div`
|
|
1831
1831
|
display: flex;
|
|
1832
1832
|
align-items: center;
|
|
1833
1833
|
justify-content: center;
|
|
@@ -1836,7 +1836,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1836
1836
|
padding: 8px;
|
|
1837
1837
|
border-radius: 12px;
|
|
1838
1838
|
background-color: ${({theme:e,$status:t})=>t===Ao.Unknown?Cn(e,t,"800"):Cn(e,t,"900")+Pi.opacity.hex["015"]};
|
|
1839
|
-
`,
|
|
1839
|
+
`,nu=({status:e,icon:t,title:o,description:n})=>{const i=Rt(),r=t??Sn(e,i),a=[Co.Default,Co.Info,Ao.Disabled,Ao.Unknown].includes(e)?i.v2.colors.white[500]:i.v2.colors.black[500];return xt.createElement(tu,{$status:e},xt.createElement(ou,{$status:e},xt.createElement(r,{size:32,fill:a})),xt.createElement(Zr,{$gap:2,$justifyContent:"center"},xt.createElement(ti,{size:Qn.M,weight:500,color:a,nowrap:!0},o),xt.createElement(ti,{size:Qn.XXS,weight:300,color:a,nowrap:!0},n)))},iu=_t.div`
|
|
1840
1840
|
flex: 1;
|
|
1841
1841
|
align-self: stretch;
|
|
1842
1842
|
display: flex;
|
|
@@ -1845,7 +1845,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1845
1845
|
padding: 12px;
|
|
1846
1846
|
border-radius: 12px;
|
|
1847
1847
|
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1848
|
-
`,
|
|
1848
|
+
`,ru=["-","N/A"],au=({title:e,cells:t})=>{const o=Rt();return xt.createElement(iu,null,xt.createElement(ti,{size:Qn.XXS,color:o.v2.colors.grey[150]},e),xt.createElement(Xr,{$gap:32},t.map(t=>xt.createElement(Zr,{key:`${e}-${t.label}-${t.value}`,$gap:2},!t.isLoading||t.value&&!ru.includes(t.value)?xt.createElement(ti,{size:t.label?Qn.M:Qn.L},t.value):xt.createElement(ds,{scale:.9}),t.label&&xt.createElement(ti,{size:Qn.XXS},t.label)))))},su=_t(Xr)`
|
|
1849
1849
|
width: calc(100% - 20px);
|
|
1850
1850
|
padding: 10px;
|
|
1851
1851
|
border-radius: 6px;
|
|
@@ -1854,33 +1854,33 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1854
1854
|
align-items: center;
|
|
1855
1855
|
justify-content: space-between;
|
|
1856
1856
|
gap: 12px;
|
|
1857
|
-
`,
|
|
1857
|
+
`,lu=_t.div`
|
|
1858
1858
|
position: relative;
|
|
1859
1859
|
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
1860
1860
|
display: flex;
|
|
1861
1861
|
align-items: center;
|
|
1862
1862
|
gap: 4px;
|
|
1863
|
-
`,
|
|
1863
|
+
`,cu=_t.pre`
|
|
1864
1864
|
flex: 1;
|
|
1865
1865
|
margin: 0;
|
|
1866
1866
|
padding: 0;
|
|
1867
1867
|
font-size: 14px;
|
|
1868
1868
|
color: #5ffb98; // TODO: add to theme
|
|
1869
1869
|
overflow-x: auto;
|
|
1870
|
-
`,
|
|
1870
|
+
`,du=_t.span`
|
|
1871
1871
|
flex-shrink: 0;
|
|
1872
1872
|
font-size: 14px;
|
|
1873
1873
|
color: #5ffb98; // TODO: add to theme
|
|
1874
|
-
`,
|
|
1874
|
+
`,pu=({value:e,hideCopy:t=!1,onDone:o})=>{const{CopyButton:n}=Fr({onDone:o}),i=vt(null),[r,a]=wt(!1);return kt(()=>{const e=()=>{if(i.current){const{scrollWidth:e,clientWidth:t}=i.current;a(e>t)}};e();const t=new ResizeObserver(e);return i.current&&t.observe(i.current),()=>{t.disconnect()}},[e]),xt.createElement(su,null,xt.createElement(lu,{$hideCopy:t},xt.createElement(cu,{ref:i},e),r&&xt.createElement(du,null,"...")),!t&&xt.createElement(n,{value:e,size:Dr.XS}))},uu=_t.div`
|
|
1875
1875
|
display: flex;
|
|
1876
1876
|
align-items: center;
|
|
1877
1877
|
justify-content: space-between;
|
|
1878
1878
|
width: calc(100%);
|
|
1879
|
-
`,
|
|
1879
|
+
`,hu=_t.div`
|
|
1880
1880
|
display: flex;
|
|
1881
1881
|
align-items: center;
|
|
1882
1882
|
gap: 16px;
|
|
1883
|
-
`,
|
|
1883
|
+
`,mu=_t.div`
|
|
1884
1884
|
display: flex;
|
|
1885
1885
|
align-items: center;
|
|
1886
1886
|
justify-content: center;
|
|
@@ -1888,11 +1888,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1888
1888
|
height: 36px;
|
|
1889
1889
|
border-radius: 8px;
|
|
1890
1890
|
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1891
|
-
`,
|
|
1891
|
+
`,gu=_t.div`
|
|
1892
1892
|
display: flex;
|
|
1893
1893
|
align-items: center;
|
|
1894
1894
|
gap: 12px;
|
|
1895
|
-
|
|
1895
|
+
`,$u=({icon:e,title:t,actions:o,onClose:n,onCloseDisabled:i})=>xt.createElement(uu,null,xt.createElement(hu,null,xt.createElement(mu,null,xt.createElement(e,{size:24})),xt.createElement(ti,{size:Qn.S},t)),xt.createElement(gu,null,o?.length?xt.createElement(zr,{icon:ht,size:Dr.M,onClick:()=>alert("todo")}):null,xt.createElement(zr,{icon:Ye,size:Dr.M,onClick:n,disabled:i}))),fu=_t.div`
|
|
1896
1896
|
position: fixed;
|
|
1897
1897
|
top: 0;
|
|
1898
1898
|
bottom: 0;
|
|
@@ -1911,14 +1911,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1911
1911
|
overflow: hidden;
|
|
1912
1912
|
|
|
1913
1913
|
animation-name: ${({$position:e})=>Pi.animations.slide.in[e]};
|
|
1914
|
-
`,
|
|
1914
|
+
`,xu=_t.div`
|
|
1915
1915
|
display: flex;
|
|
1916
1916
|
flex-direction: column;
|
|
1917
1917
|
gap: 12px;
|
|
1918
1918
|
|
|
1919
1919
|
height: calc(100% - ${56}px);
|
|
1920
1920
|
overflow-y: auto;
|
|
1921
|
-
`,
|
|
1921
|
+
`,bu=({isOpen:e,hideOverlay:t=!1,position:o="right",width:n="40vw",header:i,children:r})=>(br(e),e?Ht(xt.createElement(xt.Fragment,null,!t&&xt.createElement(ta,{onClick:i.onCloseDisabled?void 0:i.onClose}),xt.createElement(fu,{$position:o,$width:n},xt.createElement($u,{...i}),xt.createElement(xu,null,r))),document.body):null),yu=_t.header`
|
|
1922
1922
|
position: relative;
|
|
1923
1923
|
width: calc(100% - 36px);
|
|
1924
1924
|
padding: 12px 18px;
|
|
@@ -1926,12 +1926,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1926
1926
|
display: flex;
|
|
1927
1927
|
align-items: center;
|
|
1928
1928
|
justify-content: space-between;
|
|
1929
|
-
`,
|
|
1929
|
+
`,wu=_t(Xr)`
|
|
1930
1930
|
position: absolute;
|
|
1931
1931
|
left: 50%;
|
|
1932
1932
|
transform: translateX(-50%);
|
|
1933
1933
|
gap: 16px;
|
|
1934
|
-
`,
|
|
1934
|
+
`,ku=({left:e=[],center:t=[],right:o=[]})=>xt.createElement(yu,null,xt.createElement(Xr,{$gap:16},e),xt.createElement(wu,null,t),xt.createElement(Xr,{$gap:16},o)),vu=_t.div`
|
|
1935
1935
|
display: flex;
|
|
1936
1936
|
align-items: center;
|
|
1937
1937
|
gap: 2px;
|
|
@@ -1945,17 +1945,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1945
1945
|
right: ${({$right:e})=>e||"12px"};
|
|
1946
1946
|
top: 50%;
|
|
1947
1947
|
transform: translateY(-50%);
|
|
1948
|
-
`,
|
|
1948
|
+
`,Cu=({isOpen:e,actions:t,positionRight:o})=>e?xt.createElement(vu,{$right:o},t.map(e=>e?xt.createElement(Ca,{key:e.id,text:e.tooltip||""},xt.createElement(wp,{...e,variant:xp.Secondary,size:bp.S,label:e.label})):null)):null,Eu=_t.span`
|
|
1949
1949
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1950
1950
|
font-size: 14px;
|
|
1951
1951
|
font-weight: 400;
|
|
1952
1952
|
color: ${({theme:e})=>e.text.error};
|
|
1953
|
-
`,
|
|
1953
|
+
`,Su=_t.span`
|
|
1954
1954
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1955
1955
|
font-size: 14px;
|
|
1956
1956
|
font-weight: 400;
|
|
1957
1957
|
color: ${({theme:e})=>e.v2.colors.silver[200]};
|
|
1958
|
-
`,
|
|
1958
|
+
`,Au=_t.div`
|
|
1959
1959
|
padding: 12px;
|
|
1960
1960
|
display: flex;
|
|
1961
1961
|
align-self: stretch;
|
|
@@ -1972,7 +1972,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1972
1972
|
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1973
1973
|
}
|
|
1974
1974
|
`}
|
|
1975
|
-
`,
|
|
1975
|
+
`,Du=_t.input`
|
|
1976
1976
|
flex: 1;
|
|
1977
1977
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1978
1978
|
font-size: 14px;
|
|
@@ -1996,9 +1996,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
1996
1996
|
overflow: hidden;
|
|
1997
1997
|
text-overflow: ellipsis;
|
|
1998
1998
|
white-space: nowrap;
|
|
1999
|
-
`,
|
|
1999
|
+
`,Tu=_t.div`
|
|
2000
2000
|
cursor: pointer;
|
|
2001
|
-
`,
|
|
2001
|
+
`,zu=({label:e,required:t,tooltip:o,leftIcon:n,rightIcon:i,errorMessage:r,helpMessage:a,type:s=vo.Text,name:l,value:c,onChange:d,disabled:p,...u})=>{const h=Pi.useTheme(),m=s===vo.Password,[g,$]=wt(!1),f=c?h.v2.colors.white[500]:p?h.v2.colors.grey[400]:h.v2.colors.silver[200];return xt.createElement(Zr,{$gap:6},xt.createElement(Xr,{$justifyContent:"space-between"},e&&xt.createElement(Su,null,e),xt.createElement(Xr,{$gap:10},o&&xt.createElement(Ca,{text:o,withIcon:!0}),t&&xt.createElement(Eu,null,"*"))),xt.createElement(Au,{$disabled:p,$error:!!r},n?xt.createElement(n,{size:18,fill:f}):null,xt.createElement(Du,{"data-id":l,type:g||s===vo.Number?vo.Text:s,name:l,value:c,onChange:e=>{e.stopPropagation(),s===vo.Number&&(e.target.value=Vn(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:p,...u}),m?xt.createElement(Tu,{onClick:()=>$(e=>!e)},g?xt.createElement(nt,{size:18,strokeWidth:2,fill:f}):xt.createElement(it,{size:18,strokeWidth:2,fill:f})):i?xt.createElement(i,{size:18,fill:f}):null),r?xt.createElement(Xr,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.red[500]}),xt.createElement(ti,{size:Qn.XXS,weight:400,color:h.v2.colors.red[500]},r)):a?xt.createElement(Xr,{$gap:4},xt.createElement(je,{size:12,fill:h.v2.colors.silver[200]}),xt.createElement(ti,{size:Qn.XXS,weight:400,color:h.v2.colors.silver[200]},a)):null)},Fu=_t.div`
|
|
2002
2002
|
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
2003
2003
|
top: 50%;
|
|
2004
2004
|
left: 50%;
|
|
@@ -2011,27 +2011,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2011
2011
|
overflow: hidden;
|
|
2012
2012
|
|
|
2013
2013
|
animation-name: ${Pi.animations.slide.in.center};
|
|
2014
|
-
`,Fu=_t.div`
|
|
2015
|
-
position: relative;
|
|
2016
2014
|
`,Ou=_t.div`
|
|
2015
|
+
position: relative;
|
|
2016
|
+
`,Nu=_t.div`
|
|
2017
2017
|
position: absolute;
|
|
2018
2018
|
top: 16px;
|
|
2019
2019
|
left: 16px;
|
|
2020
|
-
`,
|
|
2020
|
+
`,Iu=({isOpen:e,hideOverlay:t=!1,relativeToParent:o=!1,onBack:n,onClose:i,children:r})=>{if(br(e),!e)return null;const a=xt.createElement(xt.Fragment,null,!t&&xt.createElement(ta,{$relativeToParent:o,onClick:i}),xt.createElement(Fu,{$relativeToParent:o},xt.createElement(Ou,null,n&&xt.createElement(Nu,null,xt.createElement(zr,{icon:e=>xt.createElement(dt,{rotate:-90,...e}),size:Dr.L,onClick:n})),r)));return o?a:Ht(a,document.body)},_u=_t.div`
|
|
2021
2021
|
min-width: 530px;
|
|
2022
|
-
`,
|
|
2022
|
+
`,Bu=_t.div`
|
|
2023
2023
|
display: flex;
|
|
2024
2024
|
flex-direction: column;
|
|
2025
2025
|
align-items: center;
|
|
2026
2026
|
gap: 16px;
|
|
2027
2027
|
padding: 24px;
|
|
2028
|
-
`,
|
|
2028
|
+
`,Ru=_t.div`
|
|
2029
2029
|
display: flex;
|
|
2030
2030
|
justify-content: center;
|
|
2031
2031
|
gap: 16px;
|
|
2032
2032
|
padding: 16px 24px;
|
|
2033
2033
|
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
2034
|
-
`,
|
|
2034
|
+
`,Lu=({visual:e,title:t,description:o,isOpen:n,onClose:i,onDeny:r,denyLabel:a="Deny",onApprove:s,approveLabel:l="Approve",...c})=>{const d=Rt();return xt.createElement(Iu,{isOpen:n,onClose:i,...c},xt.createElement(_u,null,xt.createElement(Bu,null,e&&xt.createElement(e,null),xt.createElement(ti,{size:Qn.M,weight:500,color:d.v2.colors.white[500]},t),xt.createElement(Zr,{$alignItems:"center",$gap:4},o.split("\n").map(e=>xt.createElement(ti,{key:e,size:Qn.XS,weight:400,color:d.v2.colors.silver[200]},e)))),(r||s)&&xt.createElement(Ru,null,xt.createElement(wp,{variant:xp.Secondary,label:a,onClick:()=>{r?.(),i()}}),s&&xt.createElement(wp,{variant:xp.Primary,label:l,onClick:()=>{s(),i()}}))))},Mu=({isOpen:e,onClose:t,onDeny:o,onApprove:n})=>xt.createElement(Lu,{title:"Discard changes?",description:"You have unsaved changes.\nIf you cancel now, your changes won't be saved.",isOpen:e,onClose:t,onDeny:o,denyLabel:"Keep editing",onApprove:n,approveLabel:"Discard changes"}),Pu=({isOpen:e,onClose:t,onDeny:o,onApprove:n,action:i="delete",target:r})=>{const a=i.charAt(0).toUpperCase()+i.substring(1),s=r?.endsWith("s")?"these":"this";return xt.createElement(Lu,{title:`${a}${r?` ${r}`:""}?`,description:`Are you sure you want to ${i}${r?` ${s} ${r}`:""}?`,isOpen:e,onClose:t,onDeny:o,denyLabel:"Go back",onApprove:n,approveLabel:a})},ju=434,Uu=635,Wu=_t.div`
|
|
2035
2035
|
width: ${434}px;
|
|
2036
2036
|
height: ${635}px;
|
|
2037
2037
|
display: flex;
|
|
@@ -2041,12 +2041,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2041
2041
|
padding: 16px;
|
|
2042
2042
|
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
2043
2043
|
position: relative;
|
|
2044
|
-
`,
|
|
2044
|
+
`,Vu=_t.div`
|
|
2045
2045
|
position: absolute;
|
|
2046
2046
|
top: 50%;
|
|
2047
2047
|
left: 50%;
|
|
2048
2048
|
transform: translate(-50%, -50%);
|
|
2049
|
-
`,
|
|
2049
|
+
`,Hu=()=>xt.createElement(Wu,null,xt.createElement(Vu,null,xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none"},xt.createElement("path",{opacity:"0.1",d:"M231.567 463.134C359.458 463.134 463.134 359.458 463.134 231.567C463.134 103.676 359.458 0 231.567 0C103.676 0 0 103.676 0 231.567C0 359.458 103.676 463.134 231.567 463.134Z",fill:"url(#paint0_radial_164_65835)"}),xt.createElement("defs",null,xt.createElement("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)"},xt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),xt.createElement("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),xt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),xt.createElement("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),xt.createElement("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),xt.createElement("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),xt.createElement("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),xt.createElement("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),xt.createElement("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"}))))),xt.createElement(Vu,null,xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none"},xt.createElement("path",{opacity:"0.3",d:"M215.921 431.841C335.17 431.841 431.841 335.17 431.841 215.921C431.841 96.6709 335.17 0 215.921 0C96.6709 0 0 96.6709 0 215.921C0 335.17 96.6709 431.841 215.921 431.841Z",fill:"url(#paint0_radial_164_65836)"}),xt.createElement("defs",null,xt.createElement("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)"},xt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),xt.createElement("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),xt.createElement("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),xt.createElement("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),xt.createElement("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),xt.createElement("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),xt.createElement("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),xt.createElement("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),xt.createElement("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),xt.createElement("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),xt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),xt.createElement(Vu,null,xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none"},xt.createElement("path",{opacity:"0.5",d:"M186.963 373.927C290.22 373.927 373.927 290.22 373.927 186.963C373.927 83.7063 290.22 0 186.963 0C83.7063 0 0 83.7063 0 186.963C0 290.22 83.7063 373.927 186.963 373.927Z",fill:"url(#paint0_radial_164_65837)"}),xt.createElement("defs",null,xt.createElement("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)"},xt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),xt.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),xt.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),xt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),xt.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),xt.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),xt.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),xt.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),xt.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),xt.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),xt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),xt.createElement(Vu,null,xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none"},xt.createElement("path",{opacity:"0.7",d:"M128.193 256.387C198.992 256.387 256.387 198.992 256.387 128.193C256.387 57.3941 198.992 0 128.193 0C57.3941 0 0 57.3941 0 128.193C0 198.992 57.3941 256.387 128.193 256.387Z",fill:"url(#paint0_radial_164_65838)"}),xt.createElement("defs",null,xt.createElement("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)"},xt.createElement("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),xt.createElement("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),xt.createElement("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),xt.createElement("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),xt.createElement("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),xt.createElement("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),xt.createElement("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),xt.createElement("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),xt.createElement("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),xt.createElement("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),xt.createElement("stop",{offset:"1",stopColor:"#7C3BFF"}))))),xt.createElement(Vu,null,xt.createElement(se,{size:112}))),qu=_t.div`
|
|
2050
2050
|
width: ${({$size:e})=>e}px;
|
|
2051
2051
|
height: ${({$size:e})=>e}px;
|
|
2052
2052
|
border-radius: 100%;
|
|
@@ -2054,7 +2054,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2054
2054
|
display: flex;
|
|
2055
2055
|
align-items: center;
|
|
2056
2056
|
justify-content: center;
|
|
2057
|
-
`,
|
|
2057
|
+
`,Gu=()=>xt.createElement(qu,{$size:74,$color:"rgba(80, 246, 232, 0.10)"},xt.createElement(qu,{$size:71,$color:"rgba(80, 246, 232, 0.20)"},xt.createElement(qu,{$size:65,$color:"rgba(80, 246, 232, 0.40)"},xt.createElement(qu,{$size:56,$color:"rgba(80, 246, 232, 0.60)"},xt.createElement(qu,{$size:39,$color:"#50F6E8"},xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"21",viewBox:"0 0 22 21",fill:"none"},xt.createElement("path",{fill:"#151618",d:"M9.4844 0.730003C9.99694 -0.243259 11.4076 -0.24341 11.92 0.730003L11.9685 0.831353L14.3039 6.22012L20.153 6.77755C21.3553 6.89211 21.841 8.38683 20.9358 9.18621L16.5314 13.0731L17.8091 18.8079C18.0716 19.9868 16.8005 20.9109 15.7605 20.2969L10.7017 17.3093L5.64282 20.2969C4.60289 20.9104 3.33173 19.9866 3.59427 18.8079L4.87192 13.0741L0.468608 9.18621C-0.43662 8.38693 0.0482932 6.8924 1.25029 6.77755L7.09837 6.22012L9.43588 0.831353L9.4844 0.730003ZM8.55284 7.02876C8.35287 7.48992 7.9179 7.80589 7.41751 7.85357L2.03952 8.36571L6.09027 11.941C6.46691 12.2737 6.63296 12.7852 6.5237 13.2758L5.34956 18.5459L10.0008 15.8009L10.1669 15.7179C10.5087 15.574 10.8945 15.5741 11.2364 15.7179L11.4036 15.8009L16.0538 18.5459L14.8807 13.2758C14.7714 12.7851 14.9374 12.2737 15.3141 11.941L19.3627 8.36571L13.9858 7.85357C13.4855 7.80587 13.0505 7.4899 12.8505 7.02876L10.7017 2.07342L8.55284 7.02876Z"}))))))),Ku=_t.div`
|
|
2058
2058
|
width: ${({$size:e})=>e}px;
|
|
2059
2059
|
height: ${({$size:e})=>e}px;
|
|
2060
2060
|
border-radius: 100%;
|
|
@@ -2062,9 +2062,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2062
2062
|
display: flex;
|
|
2063
2063
|
align-items: center;
|
|
2064
2064
|
justify-content: center;
|
|
2065
|
-
`,
|
|
2065
|
+
`,Yu=()=>xt.createElement(Ku,{$size:126,$color:"rgba(80, 246, 232, 0.10)"},xt.createElement(Ku,{$size:121,$color:"rgba(80, 246, 232, 0.20)"},xt.createElement(Ku,{$size:111,$color:"rgba(80, 246, 232, 0.40)"},xt.createElement(Ku,{$size:95,$color:"rgba(80, 246, 232, 0.60)"},xt.createElement(Ku,{$size:67,$color:"#50F6E8"},xt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",viewBox:"0 0 46 46",fill:"none"},xt.createElement("path",{fill:"#151618",d:"M36.0211 22.2763C36.0211 19.9012 36.0207 18.1909 35.9286 16.8405C35.8373 15.5029 35.6613 14.6218 35.3602 13.8949C34.4783 11.766 32.7865 10.0742 30.6576 9.19229C29.9307 8.89119 29.0496 8.71517 27.712 8.6239C26.3615 8.53176 24.6513 8.53133 22.2762 8.53133C19.9011 8.53133 18.1909 8.53176 16.8404 8.6239C15.5028 8.71517 14.6218 8.89119 13.8948 9.19229C11.7659 10.0742 10.0741 11.766 9.19223 13.8949C8.89113 14.6218 8.71512 15.5029 8.62385 16.8405C8.53171 18.1909 8.53128 19.9012 8.53128 22.2763C8.53128 24.6513 8.53171 26.3616 8.62385 27.712C8.71512 29.0496 8.89113 29.9307 9.19223 30.6576C10.0741 32.7865 11.7659 34.4783 13.8948 35.3602C14.6218 35.6613 15.5028 35.8373 16.8404 35.9286C18.1909 36.0207 19.9011 36.0212 22.2762 36.0212C24.6513 36.0212 26.3615 36.0207 27.712 35.9286C29.0496 35.8373 29.9306 35.6613 30.6576 35.3602C32.7865 34.4783 34.4783 32.7865 35.3602 30.6576C35.6613 29.9307 35.8373 29.0496 35.9286 27.712C36.0207 26.3616 36.0211 24.6513 36.0211 22.2763ZM28.8543 16.2147C29.4095 15.66 30.3097 15.66 30.8649 16.2147C31.4201 16.7699 31.4198 17.67 30.8649 18.2254L20.7543 28.3378C20.1992 28.8929 19.299 28.8925 18.7437 28.3378L14.5299 24.124C13.9747 23.5687 13.9746 22.6686 14.5299 22.1133C15.0851 21.5582 15.9852 21.5582 16.5405 22.1133L19.7472 25.32L28.8543 16.2147ZM38.8649 22.2763C38.8649 24.612 38.8651 26.435 38.7649 27.9046C38.6638 29.387 38.4559 30.6151 37.9873 31.7463C36.8168 34.5717 34.5716 36.8169 31.7462 37.9874C30.615 38.4559 29.387 38.6638 27.9045 38.765C26.435 38.8652 24.6119 38.865 22.2762 38.865C19.9405 38.865 18.1174 38.8652 16.6479 38.765C15.1654 38.6638 13.9374 38.4559 12.8062 37.9874C9.98077 36.8169 7.7356 34.5717 6.56507 31.7463C6.09651 30.6151 5.88862 29.387 5.78748 27.9046C5.68726 26.435 5.6875 24.612 5.6875 22.2763C5.6875 19.9405 5.68726 18.1175 5.78748 16.6479C5.88862 15.1655 6.09651 13.9375 6.56507 12.8063C7.7356 9.98082 9.98077 7.73565 12.8062 6.56513C13.9374 6.09656 15.1654 5.88868 16.6479 5.78753C18.1174 5.68731 19.9405 5.68755 22.2762 5.68755C24.6119 5.68755 26.435 5.68731 27.9045 5.78753C29.387 5.88868 30.615 6.09656 31.7462 6.56513C34.5716 7.73565 36.8168 9.98082 37.9873 12.8063C38.4559 13.9375 38.6638 15.1655 38.7649 16.6479C38.8651 18.1175 38.8649 19.9405 38.8649 22.2763Z"}))))))),Ju=({minSupportedVersion:e,currentVersion:t})=>xt.createElement(Lu,{isOpen:!0,onClose:()=>{},relativeToParent:!0,visual:Gu,title:"Upgrade Required",description:`To use this feature, please upgrade to Odigos v${e} or later.\nCurrent version: ${t}.`}),Xu=_t.div`
|
|
2066
2066
|
padding: 0 12px;
|
|
2067
|
-
`,
|
|
2067
|
+
`,Zu=({yaml:e})=>{const{clickCopy:t,isCopied:o}=Fr(),n=yt(()=>[{id:rn(),type:Yp.Button,buttonProps:{leftIcon:o?Ge:Ke,onClick:()=>t(e||""),disabled:o,size:bp.S,variant:xp.Secondary}}],[e,o]);return xt.createElement(eu,{richTitle:{icon:mt,title:"YAML"},actions:n},xt.createElement(Xu,null,e?xt.createElement(is,{code:e,language:"yaml",theme:"duotoneDark"}):xt.createElement(Qr,null,xt.createElement(Qs,{title:"No YAML found",subTitle:"The YAML for this resource is not available"}))))},Qu=_t.div`
|
|
2068
2068
|
display: flex;
|
|
2069
2069
|
align-items: center;
|
|
2070
2070
|
justify-content: space-between;
|
|
@@ -2079,11 +2079,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2079
2079
|
bottom: 0;
|
|
2080
2080
|
left: 50%;
|
|
2081
2081
|
animation-name: ${Pi.animations.slide.in.center};
|
|
2082
|
-
`,
|
|
2082
|
+
`,eh=({isOpen:e,onClose:t,richTitle:o,actions:n})=>e?xt.createElement(Qu,null,xt.createElement(Xp,{...o}),xt.createElement(Jp,{onAnyClick:t,actions:n})):null,th=_t.div`
|
|
2083
2083
|
border-radius: 100%;
|
|
2084
2084
|
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
2085
2085
|
position: relative;
|
|
2086
|
-
`,
|
|
2086
|
+
`,oh=_t.div`
|
|
2087
2087
|
width: 80px;
|
|
2088
2088
|
height: 80px;
|
|
2089
2089
|
border-radius: 100%;
|
|
@@ -2097,25 +2097,25 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2097
2097
|
transform: rotate(360deg);
|
|
2098
2098
|
}
|
|
2099
2099
|
}
|
|
2100
|
-
`,
|
|
2100
|
+
`,nh=_t(ti)`
|
|
2101
2101
|
position: absolute;
|
|
2102
2102
|
top: 50%;
|
|
2103
2103
|
left: 50%;
|
|
2104
2104
|
transform: translate(-50%, -50%);
|
|
2105
|
-
`,
|
|
2105
|
+
`,ih=({percentage:e})=>xt.createElement(th,null,xt.createElement(oh,null),"number"==typeof e?xt.createElement(nh,{size:Qn.M,weight:500},`${e}%`):null),rh={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 ah(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const o=(e.match(/^[0-9.]*/)||"").toString();t=o.includes(".")?parseFloat(o):parseInt(o,10);const n=(e.match(/[^0-9]*$/)||"").toString();return rh[n]?{value:t,unit:n}:{value:t,unit:"px"}}function sh(e){const t=ah(e);return`${t.value}${t.unit}`}const lh=(()=>{const e="react-spinners-SpinnerOld-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const o=t.sheet,n=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return o&&o.insertRule(n,0),e})(),ch=({loading:e=!0,color:t,scale:o=1,speedMultiplier:n=1,cssOverride:i={},style:r={},...a})=>{const s=Rt(),l=t||s.text.secondary;if(!e)return null;const{value:c}=ah(2),d=c+4.2,p=d/2+d/5.5,u=4*d*o,h={position:"relative",width:`${u}px`,height:`${u}px`,scale:o,...r,...i},m=(e,t)=>({position:"absolute",width:sh(1.5),height:sh(4),borderRadius:sh(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${lh} ${1.2/n}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return xt.createElement("span",{style:h,...a},xt.createElement("span",{style:{...m(1,0),top:`calc(50% + ${d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(3,90),top:"50%",left:`calc(50% + ${d}px)`}}),xt.createElement("span",{style:{...m(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),xt.createElement("span",{style:{...m(5,0),top:`calc(50% + ${-1*d}px)`,left:"50%"}}),xt.createElement("span",{style:{...m(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),xt.createElement("span",{style:{...m(7,90),top:"50%",left:`calc(50% + ${-1*d}px)`}}),xt.createElement("span",{style:{...m(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},dh=Mt`
|
|
2106
2106
|
0% {
|
|
2107
2107
|
background-position: 0% 50%;
|
|
2108
2108
|
}
|
|
2109
2109
|
100% {
|
|
2110
2110
|
background-position: 100% 50%;
|
|
2111
2111
|
}
|
|
2112
|
-
`,
|
|
2112
|
+
`,ph=_t(ti)`
|
|
2113
2113
|
background: ${({$titleColor:e,$gradientColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
2114
2114
|
background-size: 250% 100%; /* Expand background to allow movement */
|
|
2115
2115
|
background-clip: text;
|
|
2116
2116
|
color: transparent;
|
|
2117
|
-
animation: ${
|
|
2118
|
-
`,
|
|
2117
|
+
animation: ${dh} 1s reverse linear infinite;
|
|
2118
|
+
`,uh=({icon:e,title:t,titleColor:o,titleSize:n=Qn.S,subTitle:i,subTitleColor:r,subTitleSize:a=Qn.XXXS,withGradient:s,gradientColor:l,withSpinner:c,prettySpinner:d,percentage:p})=>{const u=Pi.useTheme(),h=o||u.v2.colors.white[500],m=r||u.v2.colors.silver[200],g=l||u.v2.colors.black[500],$=xt.createElement(Xr,{$gap:4},e&&xt.createElement(e,null),s?xt.createElement(ph,{align:"center",size:n,$titleColor:h,$gradientColor:g},t):xt.createElement(ti,{align:"center",size:n,color:h},t));return c?xt.createElement(Zr,{$gap:16,$alignItems:"center"},c?d?xt.createElement(ih,{percentage:p}):xt.createElement(ch,{scale:2}):null,xt.createElement(Zr,{$gap:8,$alignItems:"center"},$,i?xt.createElement(ti,{align:"center",size:a,color:m},i):null)):$},hh=_t.aside`
|
|
2119
2119
|
display: flex;
|
|
2120
2120
|
flex-direction: column;
|
|
2121
2121
|
gap: 8px;
|
|
@@ -2124,7 +2124,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2124
2124
|
padding: 16px 12px;
|
|
2125
2125
|
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
2126
2126
|
overflow-y: auto;
|
|
2127
|
-
`,
|
|
2127
|
+
`,mh=({height:e,icons:t})=>xt.createElement(hh,{$height:e},t.map(({id:e,selected:t,icon:o,onClick:n})=>xt.createElement(wp,{key:e,label:"",leftIcon:o,iconSize:24,onClick:n,variant:t?xp.Primary:xp.Text}))),gh=_t.div`
|
|
2128
2128
|
display: flex;
|
|
2129
2129
|
align-items: center;
|
|
2130
2130
|
gap: 10px;
|
|
@@ -2134,7 +2134,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2134
2134
|
padding: 4px 12px 4px 4px;
|
|
2135
2135
|
border-radius: 8px;
|
|
2136
2136
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[Co.Info].includes(t)?"1000":"900")};
|
|
2137
|
-
|
|
2137
|
+
`,$h=_t.div`
|
|
2138
2138
|
width: 32px;
|
|
2139
2139
|
height: 32px;
|
|
2140
2140
|
display: flex;
|
|
@@ -2142,51 +2142,51 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2142
2142
|
justify-content: center;
|
|
2143
2143
|
border-radius: 6px;
|
|
2144
2144
|
background-color: ${({theme:e,$status:t})=>Cn(e,t,[Co.Info].includes(t)?"900":"800")};
|
|
2145
|
-
|
|
2145
|
+
`,fh=_t.div`
|
|
2146
2146
|
margin-left: auto;
|
|
2147
2147
|
margin-right: 8px;
|
|
2148
2148
|
cursor: pointer;
|
|
2149
2149
|
&:hover {
|
|
2150
2150
|
transform: scale(1.2);
|
|
2151
2151
|
}
|
|
2152
|
-
`,
|
|
2152
|
+
`,xh=({status:e,message:t,action:o,fullWidth:n})=>{const i=Pi.useTheme(),r=Sn(e,i),a=Cn(i,e,e===Co.Default?"300":e===Co.Info?"400":"500");return xt.createElement(gh,{$status:e,$fullWidth:n},xt.createElement("div",null,xt.createElement($h,{$status:e},xt.createElement(r,{size:24}))),xt.createElement(ti,{color:a,size:Qn.XXXS,weight:400},t),o&&xt.createElement(fh,{onClick:o.onClick},xt.createElement(ti,{color:a,size:Qn.XXS,weight:500,underline:!0},o.label)))};var bh;!function(e){e.S="small",e.L="large"}(bh||(bh={}));const yh=_t.div`
|
|
2153
2153
|
width: fit-content;
|
|
2154
2154
|
display: flex;
|
|
2155
2155
|
align-items: center;
|
|
2156
2156
|
gap: 8px;
|
|
2157
2157
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2158
|
-
`,
|
|
2159
|
-
width: ${({$size:e})=>e===
|
|
2160
|
-
height: ${({$size:e})=>e===
|
|
2158
|
+
`,wh=_t.div`
|
|
2159
|
+
width: ${({$size:e})=>e===bh.S?"16px":"20px"};
|
|
2160
|
+
height: ${({$size:e})=>e===bh.S?"16px":"20px"};
|
|
2161
2161
|
display: flex;
|
|
2162
2162
|
align-items: center;
|
|
2163
2163
|
justify-content: center;
|
|
2164
2164
|
border-radius: 100%;
|
|
2165
2165
|
border: 1px solid ${({$borderColor:e})=>e};
|
|
2166
2166
|
background-color: ${({$backgroundColor:e})=>e};
|
|
2167
|
-
`,
|
|
2167
|
+
`,kh=({label:e,value:t,onChange:o,disabled:n,size:i=bh.L})=>{const r=Pi.useTheme(),[a,s]=wt(!1),l=t,c=i===bh.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 xt.createElement(yh,{"data-id":"radio"+(e?`-${e}`:""),onClick:e=>{e.stopPropagation(),n||o(!t)},$disabled:n,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1)},xt.createElement(wh,{$size:i,$borderColor:p,$backgroundColor:u},t?xt.createElement(gt,{size:c,fill:d}):null),e&&xt.createElement(ti,{size:i===bh.S?Qn.XXS:Qn.XS},e))},vh=_t.div`
|
|
2168
2168
|
display: flex;
|
|
2169
2169
|
flex-direction: ${({$flexDirection:e})=>e};
|
|
2170
2170
|
gap: ${({$gap:e})=>e}px;
|
|
2171
|
-
`,
|
|
2171
|
+
`,Ch=({label:e,direction:t,disabled:o,size:n,options:i,values:r,setValues:a})=>xt.createElement(vh,{$flexDirection:t===ho.Horizontal?"row":"column",$gap:t===ho.Horizontal?16:8},e&&xt.createElement(ti,null,e),i.map(t=>xt.createElement(kh,{key:`${e}-radio-${t.id}`,...t,value:r[t.id],onChange:e=>{return o=t.id,n=e,void a(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[o]=n,t});var o,n},disabled:o,size:n})));var Eh;!function(e){e.Data="data",e.Pretty="pretty"}(Eh||(Eh={}));const Sh=_t.div`
|
|
2172
2172
|
// max-height: ${({$maxHeight:e})=>e};
|
|
2173
2173
|
height: ${({$maxHeight:e})=>e};
|
|
2174
2174
|
width: 100%;
|
|
2175
2175
|
overflow: auto;
|
|
2176
|
-
`,
|
|
2176
|
+
`,Ah=_t.table`
|
|
2177
2177
|
width: 100%;
|
|
2178
2178
|
|
|
2179
|
-
${({$variant:e})=>{switch(e){case
|
|
2179
|
+
${({$variant:e})=>{switch(e){case Eh.Data:return Bt`
|
|
2180
2180
|
border-collapse: collapse;
|
|
2181
|
-
`;case
|
|
2181
|
+
`;case Eh.Pretty:return Bt`
|
|
2182
2182
|
border-collapse: separate;
|
|
2183
2183
|
border-spacing: 0 8px;
|
|
2184
2184
|
`;default:return""}}}
|
|
2185
|
-
`,
|
|
2185
|
+
`,Dh=_t.thead`
|
|
2186
2186
|
position: sticky;
|
|
2187
2187
|
top: 0;
|
|
2188
2188
|
z-index: 1;
|
|
2189
|
-
`,
|
|
2189
|
+
`,Th=_t.th`
|
|
2190
2190
|
position: relative;
|
|
2191
2191
|
min-width: ${({$minWidth:e})=>e||"auto"};
|
|
2192
2192
|
padding: 18px 24px;
|
|
@@ -2195,12 +2195,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2195
2195
|
|
|
2196
2196
|
${({$variant:e,$backgroundColor:t})=>{if(t)return Bt`
|
|
2197
2197
|
background-color: ${t};
|
|
2198
|
-
`;switch(e){case
|
|
2198
|
+
`;switch(e){case Eh.Data:return Bt`
|
|
2199
2199
|
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
2200
|
-
`;case
|
|
2200
|
+
`;case Eh.Pretty:return Bt`
|
|
2201
2201
|
background-color: transparent;
|
|
2202
2202
|
`;default:return""}}}
|
|
2203
|
-
`,
|
|
2203
|
+
`,zh=_t.div`
|
|
2204
2204
|
position: absolute;
|
|
2205
2205
|
top: 50%;
|
|
2206
2206
|
right: 0;
|
|
@@ -2208,30 +2208,30 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2208
2208
|
width: 1px;
|
|
2209
2209
|
height: 18px;
|
|
2210
2210
|
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
2211
|
-
`,
|
|
2211
|
+
`,Fh=_t.tbody``,Oh=_t.td`
|
|
2212
2212
|
position: relative;
|
|
2213
2213
|
padding: 18px 24px;
|
|
2214
2214
|
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
2215
2215
|
|
|
2216
|
-
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:r})=>{switch(e){case
|
|
2216
|
+
${({$variant:e,$selected:t,$hovered:o,$isLastRow:n,$isFirstCell:i,$isLastCell:r})=>{switch(e){case Eh.Data:return Bt`
|
|
2217
2217
|
border: ${({theme:e})=>n?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
2218
2218
|
border-left: none;
|
|
2219
2219
|
border-right: none;
|
|
2220
2220
|
border-radius: ${n?i?"0 0 0 4px":r?"0 0 4px 0":"0":"0"};
|
|
2221
2221
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
2222
|
-
`;case
|
|
2222
|
+
`;case Eh.Pretty:return Bt`
|
|
2223
2223
|
border: none;
|
|
2224
2224
|
border-radius: ${i?"12px 0 0 12px":r?"0 12px 12px 0":"0"};
|
|
2225
2225
|
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
2226
2226
|
`;default:return""}}}
|
|
2227
|
-
`,
|
|
2227
|
+
`,Nh=_t.div`
|
|
2228
2228
|
width: 100%;
|
|
2229
2229
|
display: flex;
|
|
2230
2230
|
align-items: center;
|
|
2231
2231
|
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
2232
2232
|
gap: 4px;
|
|
2233
2233
|
text-align: ${({$textAlign:e})=>e||"left"};
|
|
2234
|
-
`,
|
|
2234
|
+
`,Ih=({variant:e,columns:t,rows:o,getRowActions:n,rowActionsPushRightPosition:i,withCheckboxes:r})=>{const[a,s]=wt(null);return xt.createElement(xt.Fragment,null,o.map((l,c)=>{const{cells:d,onClick:p,isSelected:u=!1,onSelect:h,onDeselect:m,hideCheckbox:g}=l,$=a===c,f=n(l),x=(e,t)=>({$isLastRow:c===o.length-1,$isFirstCell:e,$isLastCell:t,$selected:u,$withClick:!!p,onClick:()=>p?.(),$hovered:!!p&&$,onMouseEnter:()=>s(c),onMouseLeave:()=>s(null)});return xt.createElement("tr",{key:`row-${c}`},r&&xt.createElement(Oh,{key:"checkbox-column",$variant:e,...x(!0,!1)},!g&&xt.createElement(Pp,{value:u,onChange:()=>u?m?.():h?.()})),t.map(({key:o,textAlign:n},a)=>{const s=d.find(e=>e.key===o),l=0===a&&!r,p=a===t.length-1;return xt.createElement(Oh,{key:`row-${c}-cell-${a}`,$variant:e,...x(l,p)},s?.component?xt.createElement(Xr,{$justifyContent:"right"===n?"flex-end":"flex-start"},xt.createElement(s.component,null)):xt.createElement(ti,{size:Qn.XS,align:n},s?.rawValue||"-"),f.length?xt.createElement(Cu,{isOpen:$&&p,actions:f,positionRight:i}):null)}))}))},_h=({columnKey:e,sortDirection:t,sortByKey:o,onSort:n})=>{const i=Rt(),r=o===e?i.v2.colors.white[500]:i.v2.colors.grey[400],a=t===mo.Ascending?0:180;return xt.createElement(zr,{icon:e=>xt.createElement(dt,{fill:r,rotate:a,...e}),onClick:()=>n(e)})},Bh=({columnKey:e,filters:t,onFilter:o,rowsUnfiltered:n})=>{const i=Rt(),r=t[e]?.length?i.v2.colors.white[500]:i.v2.colors.grey[400],a=yt(()=>Array.from(new Set(n.map(t=>t.cells.find(t=>t.key===e)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[n,e]);return xt.createElement(Kp,{items:a,withMultiSelect:!0,selectedIds:t[e]?.map(e=>e.toString())??[],setSelectedIds:t=>o(e,t),defaultOpen:!1,iconButtonProps:{icon:e=>xt.createElement($t,{fill:r,...e})}})},Rh=({variant:e,backgroundColor:t,columns:o,rowsUnfiltered:n,sortDirection:i,sortByKey:r,onSort:a,filters:s,onFilter:l,withCheckboxes:c,partiallySelected:d,allSelected:p,onSelectAll:u})=>xt.createElement("tr",null,c&&xt.createElement(Th,{key:"checkbox-column",$variant:e,$backgroundColor:t,$minWidth:24,$isFirst:!0,$isLast:!1},xt.createElement(Pp,{partiallyChecked:d&&!p,value:p||!1,onChange:u})),o.map(({key:d,label:p,noSort:u,noFilter:h,minWidth:m,textAlign:g},$)=>{const f=0===$&&!c,x=$===o.length-1;return xt.createElement(Th,{key:`column-${d}`,$variant:e,$backgroundColor:t,$minWidth:m,$isFirst:f,$isLast:x},xt.createElement(Nh,{$textAlign:g},xt.createElement(ti,{size:Qn.XS,align:g},p),!u&&xt.createElement(_h,{columnKey:d,sortDirection:i,sortByKey:r,onSort:a}),!h&&xt.createElement(Bh,{columnKey:d,filters:s,onFilter:l,rowsUnfiltered:n})),!x&&e===Eh.Data&&xt.createElement(zh,null))})),Lh=({variant:e,maxHeight:t="unset",headerBackgroundColor:o,isLoading:n,columns:i,rows:r,getRowActions:a,rowActionsPushRightPosition:s,withCheckboxes:l})=>{const[c,d]=wt(mo.Ascending),[p,u]=wt(""),[h,m]=wt({}),g=St(e=>{u(e),d(e=>e===mo.Ascending?mo.Descending:mo.Ascending)},[]),$=St((e,t)=>{m(o=>({...o,[e]:t}))},[]),f=yt(()=>{const e=(e,t)=>{const o=e.cells.find(e=>e.key===t);return o&&(o.rawValue?.toString()||o.component?.({})?.props?.children?.toString())||""};return(p?[...r].sort((t,o)=>{const n=e(t,p),i=e(o,p);return(c===mo.Ascending?1:-1)*((e,t)=>"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"number"==typeof e&&"number"==typeof t?e-t:"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(n,i)}):r).filter(t=>{for(const[o,n]of Object.entries(h))if(n.length&&!n.includes(e(t,o)))return!1;return!0})},[r,p,c,h]),{partiallySelected:x,allSelected:b}=yt(()=>{const e=f.filter(e=>!e.hideCheckbox);return{partiallySelected:e.length>0&&e.some(e=>e.isSelected),allSelected:e.length>0&&e.every(e=>e.isSelected)}},[f]);return xt.createElement(Sh,{$maxHeight:t},xt.createElement(Ah,{$variant:e},xt.createElement(Dh,null,xt.createElement(Rh,{variant:e,backgroundColor:o,columns:i,rowsUnfiltered:r,sortDirection:c,sortByKey:p,onSort:g,filters:h,onFilter:$,withCheckboxes:l,partiallySelected:x,allSelected:b,onSelectAll:e=>{e?f.forEach(e=>!e.hideCheckbox&&e.onSelect?.()):f.forEach(e=>!e.hideCheckbox&&e.onDeselect?.())}})),xt.createElement(Fh,null,xt.createElement(Ih,{variant:e,columns:i,rows:f,getRowActions:a||(()=>[]),rowActionsPushRightPosition:s,withCheckboxes:l}))),!f.length&&xt.createElement(Qr,{style:{marginTop:"0.5rem"}},n?xt.createElement(ds,{scale:1.2}):xt.createElement(Qs,null)))},Mh=_t.div`
|
|
2235
2235
|
display: flex;
|
|
2236
2236
|
align-items: center;
|
|
2237
2237
|
justify-content: center;
|
|
@@ -2254,11 +2254,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2254
2254
|
`:Bt`
|
|
2255
2255
|
background-color: ${({theme:e})=>e.v2.colors.silver[300]};
|
|
2256
2256
|
`}
|
|
2257
|
-
`,
|
|
2257
|
+
`,Ph=({label:e,leftIcon:t,rightIcon:o,onClick:n,disabled:i})=>{const r=Pi.useTheme(),a=i?r.v2.colors.grey[400]:r.v2.colors.white[500];return xt.createElement(Mh,{$disabled:i,$withClick:!!n,onClick:()=>!i&&n?.()},t&&xt.createElement(t,{fill:a,size:16}),xt.createElement(ti,{color:a,size:Qn.XS,nowrap:!0},e),o&&xt.createElement(o,{fill:a,size:16}))};var jh,Uh,Wh;!function(e){e.Default="default",e.SuccessError="successError"}(jh||(jh={})),function(e){e.S="small",e.L="large"}(Uh||(Uh={})),function(e){e.Left="left",e.Right="right"}(Wh||(Wh={}));const Vh=_t.div`
|
|
2258
2258
|
display: flex;
|
|
2259
2259
|
align-items: center;
|
|
2260
2260
|
gap: ${({$gap:e})=>e}px;
|
|
2261
|
-
`,
|
|
2261
|
+
`,Hh=_t.div`
|
|
2262
2262
|
position: relative;
|
|
2263
2263
|
display: flex;
|
|
2264
2264
|
align-items: center;
|
|
@@ -2268,10 +2268,10 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2268
2268
|
height: ${({$size:e})=>e}px;
|
|
2269
2269
|
padding: ${4}px;
|
|
2270
2270
|
border-radius: ${({$size:e})=>2*e}px;
|
|
2271
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:r})=>{if(e)return r.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case
|
|
2271
|
+
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:o,$variant:n,$value:i,theme:r})=>{if(e)return r.v2.colors.grey[800];if(t&&i)return t;if(o&&!i)return o;switch(n){case jh.SuccessError:return i?r.v2.colors.green[500]:r.v2.colors.red[500];case jh.Default:default:return i?r.v2.colors.purple[500]:r.v2.colors.grey[400]}}};
|
|
2272
2272
|
|
|
2273
2273
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
2274
|
-
`,
|
|
2274
|
+
`,qh=_t.div`
|
|
2275
2275
|
position: absolute;
|
|
2276
2276
|
top: 50%;
|
|
2277
2277
|
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
@@ -2281,8 +2281,8 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as o,K8sLogo as n,Add
|
|
|
2281
2281
|
border-radius: 100%;
|
|
2282
2282
|
background-color: ${({$color:e})=>e};
|
|
2283
2283
|
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)"};
|
|
2284
|
-
`,
|
|
2284
|
+
`,Gh=({variant:e=jh.Default,size:t=Uh.L,label:o,labelAlign:n=Wh.Left,tooltip:i,value:r,onChange:a,disabled:s,withIcon:l,onIcon:c=Ge,offIcon:d=Ye,onBgColor:p,offBgColor:u})=>{const h=Rt(),m=s?h.v2.colors.grey[400]:h.v2.colors.white[500],g=t===Uh.S?10:16,$=t===Uh.S?Qn.XXXS:Qn.XS,f=t===Uh.S?8:12;return xt.createElement(Vh,{$gap:f},o&&n===Wh.Left&&xt.createElement(ti,{size:$,nowrap:!0},o),xt.createElement(Hh,{$onBgColor:p,$offBgColor:u,$variant:e,$size:g,$value:r,$disabled:s,onClick:e=>{e.stopPropagation(),s||a(!r)}},xt.createElement(qh,{$color:m,$size:g,$value:r,$disabled:s}),l&&xt.createElement(xt.Fragment,null,xt.createElement(c,{size:g,fill:m}),xt.createElement(d,{size:g,fill:m}))),o&&n===Wh.Right&&xt.createElement(ti,{size:$,nowrap:!0},o),i&&xt.createElement(Ca,{text:i,withIcon:!0}))},Kh=_t.div`
|
|
2285
2285
|
display: flex;
|
|
2286
2286
|
flex-direction: ${({$direction:e})=>e===ho.Horizontal?"row":"column"};
|
|
2287
2287
|
gap: ${({$direction:e})=>e===ho.Horizontal?16:8}px;
|
|
2288
|
-
`,
|
|
2288
|
+
`,Yh=({direction:e=ho.Vertical,title:t,size:o,disabled:n,options:i,values:r,setValues:a})=>{const s=o===Uh.S?Qn.XS:Qn.S;return xt.createElement(Kh,{$direction:e},t&&xt.createElement(ti,{size:s},t),i.map(e=>xt.createElement(Gh,{key:`${t}-toggle-${e.id}`,...e,labelAlign:Wh.Right,value:r[e.id],onChange:t=>{return o=e.id,n=t,void a(e=>{const t={...e};return o?t[o]=n:i.forEach(e=>t[e.id]=n),t});var o,n},disabled:n,size:o})))};export{Er as $,Yp as A,ni as B,Pp as C,Yo as D,yo as E,Zr as F,Eh as G,Pu as H,eh as I,Pi as J,En as K,uh as L,Tp as M,Qs as N,Ao as O,ki as P,zr as Q,Xp as R,Co as S,ti as T,pu as U,Np as V,Jp as W,nu as X,Zu as Y,au as Z,jo as _,Xr as a,pr as a$,Jr as a0,Ju as a1,Zo as a2,nc as a3,ro as a4,so as a5,gl as a6,Ka as a7,Ki as a8,ao as a9,gc as aA,bo as aB,yi as aC,ma as aD,Ad as aE,oa as aF,Ba as aG,Xo as aH,lr as aI,$a as aJ,sn as aK,vs as aL,jn as aM,So as aN,Sn as aO,bi as aP,to as aQ,Ns as aR,mn as aS,Ls as aT,na as aU,ia as aV,Qc as aW,un as aX,ra as aY,oc as aZ,fp as a_,kl as aa,vo as ab,Nn as ac,pd as ad,mp as ae,xd as af,sd as ag,ko as ah,Hi as ai,jd as aj,Rd as ak,vc as al,Cd as am,pp as an,$i as ao,Lr as ap,Qo as aq,Vc as ar,wc as as,Ha as at,fi as au,xr as av,hn as aw,ri as ax,an as ay,bs as az,Qn as b,To as b$,Yn as b0,gr as b1,Si as b2,Vs as b3,Wn as b4,on as b5,Fd as b6,$n as b7,pn as b8,dn as b9,wo as bA,Un as bB,Qt as bC,zn as bD,Ho as bE,Ir as bF,Fn as bG,Jt as bH,ai as bI,ip as bJ,lc as bK,xn as bL,Lo as bM,qo as bN,Mo as bO,Go as bP,Ro as bQ,Po as bR,Bo as bS,sp as bT,cn as bU,wi as bV,Rr as bW,si as bX,go as bY,Tn as bZ,wr as b_,_o as ba,Jd as bb,Sr as bc,Ar as bd,Ko as be,en as bf,oo as bg,no as bh,yr as bi,Pr as bj,wa as bk,Vd as bl,ea as bm,Mr as bn,Pn as bo,Al as bp,ci as bq,li as br,Jo as bs,jr as bt,Or as bu,Ti as bv,Aa as bw,us as bx,Cs as by,Ds as bz,Ca as c,Jn as c$,pl as c0,wd as c1,As as c2,od as c3,An as c4,On as c5,Ss as c6,Js as c7,Zs as c8,Cu as c9,fo as cA,Eo as cB,Do as cC,zo as cD,Fo as cE,Oo as cF,Io as cG,Uo as cH,Wo as cI,Vo as cJ,Xt as cK,tn as cL,gn as cM,fn as cN,bn as cO,yn as cP,wn as cQ,vn as cR,Cn as cS,Dn as cT,In as cU,Rn as cV,Mn as cW,Vn as cX,qn as cY,Gn as cZ,Kn as c_,Bn as ca,Hn as cb,Wr as cc,Wl as cd,No as ce,xo as cf,Gr as cg,Bs as ch,ln as ci,_n as cj,Fr as ck,Dr as cl,Ml as cm,hi as cn,nn as co,Xa as cp,kn as cq,zs as cr,io as cs,lo as ct,co as cu,po as cv,uo as cw,ho as cx,mo as cy,$o as cz,Gh as d,Xn as d0,di as d1,pi as d2,ui as d3,ii as d4,vr as d5,br as d6,_r as d7,sl as d8,tl as d9,ku as dA,zu as dB,Iu as dC,mh as dD,bh as dE,kh as dF,Ch as dG,zp as dH,Ph as dI,jh as dJ,Wh as dK,Yh as dL,Lu as dM,is as da,yc as db,Ic as dc,Pc as dd,qc as de,Xc as df,Fs as dg,Ac as dh,Ui as di,Wi as dj,Vi as dk,Va as dl,ta as dm,ju as dn,Uu as dp,Hu as dq,Gu as dr,Yu as ds,Ep as dt,Sp as du,Zp as dv,Rp as dw,Up as dx,Vp as dy,Kp as dz,Uh as e,Zn as f,Ei as g,eo as h,bu as i,Qr as j,Bp as k,xh as l,wp as m,xp as n,Mu as o,Cr as p,$r as q,ds as r,Kr as s,rn as t,gi as u,bp as v,Wp as w,Yr as x,eu as y,Lh as z};
|