@odigos/ui-kit 0.0.264 → 0.0.265
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 +12 -0
- package/lib/chunks/index-BMLDblot.js +155 -0
- package/lib/chunks/{odigos-context-_YAZF63s.js → odigos-context-Dq_yIuDF.js} +2 -2
- package/lib/chunks/source-instrument-form-context-D1tB6ZAx.js +5 -0
- package/lib/chunks/ui-components-CoDVeDqt.js +1581 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/radio-card/index.d.ts +16 -0
- package/lib/components.js +1 -1
- package/lib/constants/strings/index.d.ts +74 -0
- package/lib/constants.js +1 -1
- package/lib/containers/_drawers/add-source-drawer/strings.d.ts +8 -6
- package/lib/containers/_drawers/create-cloud-connector-drawer/index.d.ts +15 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/custom-resource-table.d.ts +9 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/helpers.d.ts +5 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/index.d.ts +2 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/permission-list.d.ts +12 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/permissions.d.ts +25 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/policy-preview.d.ts +5 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/select-provider/provider-list.d.ts +8 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/setup-credentials/create-role-section.d.ts +6 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/setup-credentials/enter-arn-section.d.ts +5 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/setup-credentials/index.d.ts +5 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/setup-credentials/methods.d.ts +30 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/setup-credentials/section.d.ts +9 -0
- package/lib/containers/_drawers/create-cloud-connector-drawer/steps/validate-connection/index.d.ts +8 -0
- package/lib/containers/_drawers/edit-source-drawer/helpers.d.ts +9 -5
- package/lib/containers/_drawers/edit-source-drawer/overview/runtime-card.d.ts +12 -0
- package/lib/containers/_drawers/edit-source-drawer/profiling/flamebearer.d.ts +18 -0
- package/lib/containers/_drawers/index.d.ts +1 -0
- package/lib/containers/central-connections/helpers.d.ts +11 -1
- package/lib/containers/central-connections/index.d.ts +6 -1
- package/lib/containers.js +599 -170
- package/lib/contexts/cloud-connector-form-context.d.ts +35 -0
- package/lib/contexts/index.d.ts +1 -0
- package/lib/contexts/odigos-api/capabilities.d.ts +5 -1
- package/lib/contexts/odigos-api/hooks/use-sources-api.d.ts +1 -0
- package/lib/contexts/odigos-api/types.d.ts +1 -0
- package/lib/contexts/odigos-context.d.ts +2 -0
- package/lib/contexts.js +1 -1
- package/lib/functions/get-source-kind-label/index.d.ts +8 -0
- package/lib/functions/index.d.ts +1 -0
- package/lib/functions.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/icons/compute-platform/cloud-connector-icon/index.d.ts +2 -0
- package/lib/icons/compute-platform/cloud-connector-policy-icon/index.d.ts +2 -0
- package/lib/icons/compute-platform/index.d.ts +2 -0
- package/lib/icons.js +1 -1
- package/lib/snippets/connector-created-modal/index.d.ts +7 -0
- package/lib/snippets/index.d.ts +1 -0
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types/actions/index.d.ts +1 -4
- package/lib/types/cloud-connectors/index.d.ts +88 -0
- package/lib/types/common/index.d.ts +2 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/snapshot/index.d.ts +1 -0
- package/lib/types/sources/index.d.ts +1 -0
- package/lib/types/workload/index.d.ts +38 -0
- package/lib/types.js +1 -1
- package/lib/visuals.js +1 -1
- package/package.json +1 -1
- package/lib/chunks/index-B-zICLj7.js +0 -155
- package/lib/chunks/source-instrument-form-context-CZQIaTUV.js +0 -5
- package/lib/chunks/ui-components-CAPnizLR.js +0 -1543
|
@@ -1,1543 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import o,{css as r,useTheme as i,keyframes as a,ThemeProvider as s}from"styled-components";import{ActionIcon as l,RenameAttributeIcon as c,PiiMaskingIcon as d,DeleteAttributeIcon as u,AddClusterInfoIcon as p,K8sLogo as h,ImageErrorIcon as g,PayloadCollectionIcon as m,HeadersCollectionIcon as f,CustomInstrumentationIcon as y,CodeAttributesIcon as b,VSquareIcon as v,XSquareIcon as $,KafkaLogo as S,RedisLogo as x,PostgresLogo as w,NginxLogo as E,MysqlLogo as C,ElixirLogo as T,SwiftLogo as A,RustLogo as I,RubyLogo as k,PhpLogo as N,CPlusPlusLogo as O,CSharpLogo as R,DotnetLogo as D,PythonLogo as _,NodejsLogo as L,GoLogo as P,JavaLogo as F,PyroscopeLogo as M,AwsXrayLogo as z,VictoriaMetricsLogo as U,UptraceLogo as B,TraceloopLogo as j,TingyunLogo as H,TempoLogo as G,TelemetryHubLogo as W,SumoLogicLogo as X,SplunkLogo as K,SignozLogo as V,SeqLogo as J,AwsS3Logo as Y,QuickwitLogo as q,GigapipeLogo as Q,QrynLogo as Z,PrometheusLogo as ee,OpenTelemetryLogo as te,OracleLogo as ne,OpsVerseLogo as oe,OpenObserveLogo as re,OneUptimeLogo as ie,OdigosLogo as ae,ObserveLogo as se,NewRelicLogo as le,MiddlewareLogo as ce,LumigoLogo as de,LokiLogo as ue,LogzioLogo as pe,LightstepLogo as he,Last9Logo as ge,KloudmateLogo as me,JaegerLogo as fe,InstanaLogo as ye,HyperDxLogo as be,HoneycombLogo as ve,GroundcoverLogo as $e,GreptimeLogo as Se,GrafanaLogo as xe,GoogleCloudPlatformLogo as we,ElasticSearchLogo as Ee,ElasticApmLogo as Ce,DynatraceLogo as Te,DatadogLogo as Ae,Dash0Logo as Ie,CoralogixLogo as ke,AwsCloudwatchLogo as Ne,ClickhouseLogo as Oe,ChronosphereLogo as Re,ChecklyLogo as De,CauselyLogo as _e,BonreeLogo as Le,BetterStackLogo as Pe,AzureMonitorLogo as Fe,AzureBlobLogo as Me,AxiomLogo as ze,AppDynamicsLogo as Ue,AlibabaCloudLogo as Be,AlaudaLogo as je,SamplingIcon as He,InstrumentationRuleIcon as Ge,DestinationIcon as We,SourceIcon as Xe,NamespacesIcon as Ke,TracesIcon as Ve,MetricsIcon as Je,LogsIcon as Ye,VmLogo as qe,DotsHorizontalIcon as Qe,QuestionCircleIcon as Ze,ExclamationTriangleIcon as et,ExclamationCircleIcon as tt,ISquareIcon as nt,AwsLogo as ot,AwsSecretsManagerLogo as rt,AwsStepFunctionsLogo as it,AwsEventBridgeLogo as at,AwsBedrockLogo as st,AwsApiGatewayLogo as lt,AwsEc2Logo as ct,AwsKinesisLogo as dt,AwsLambdaLogo as ut,AwsSnsLogo as pt,AwsSqsLogo as ht,AwsDynamoDbLogo as gt,AwsStsLogo as mt,OpenTelemetryLogoStripped as ft,VIcon as yt,CopyIcon as bt,SearchIcon as vt,XIcon as $t,MinusIcon as St,ChevronUpIcon as xt,ChevronDownIcon as wt,DotsVerticalIcon as Et,EyeClosedIcon as Ct,EyeOpenIcon as Tt,ArrowIcon as At,ListIcon as It,CodeIcon as kt,PlusIcon as Nt,TrashIcon as Ot,DotIcon as Rt,ArrowRightIcon as Dt,FilterIcon as _t}from"../icons.js";import{create as Lt}from"zustand";import{forwardRef as Pt,Fragment as Ft,useState as Mt,useEffect as zt,useCallback as Ut,useMemo as Bt,useRef as jt,useLayoutEffect as Ht,createElement as Gt}from"react";import Wt from"javascript-time-ago";import Xt from"javascript-time-ago/locale/en";import Kt,{createPortal as Vt}from"react-dom";import{Highlight as Jt,themes as Yt}from"prism-react-renderer";import{persist as qt,createJSONStorage as Qt}from"zustand/middleware";import{ErrorBoundary as Zt}from"react-error-boundary";import{VList as en}from"virtua";const tn=e=>{let t=e.toString().replace("v","").split("-")[0];t=t.match(/[\d.]+/)?.[0]||"";const n=t.split(".");return 1e4*parseInt(n[0]||"0",10)+parseInt(n[1]||"0",10)};var nn,on,rn,an,sn,ln,cn,dn,un,pn,hn,gn,mn,fn,yn,bn,vn,$n,Sn,xn,wn,En,Cn,Tn,An,In,kn,Nn,On,Rn,Dn,_n,Ln,Pn,Fn,Mn,zn,Un,Bn,jn,Hn;(e=>{e.K8sAttributes="K8sAttributesResolver",e.AddClusterInfo="AddClusterInfo",e.DeleteAttributes="DeleteAttribute",e.RenameAttributes="RenameAttribute",e.PiiMasking="PiiMasking",e.URLTemplatization="URLTemplatization",e.ExtractAttribute="ExtractAttribute"})(nn||(nn={})),(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.UrlTemplatizationRulesGroups="urlTemplatizationRulesGroups",e.ExtractAttribute="extractAttribute"})(on||(on={})),(e=>{e.Pod="pod",e.Namespace="namespace",e.Node="node"})(rn||(rn={})),(e=>{e.EXISTS="exists",e.EQUALS="equals",e.NOT_EQUALS="not_equals",e.CONTAINS="contains",e.NOT_CONTAINS="not_contains",e.REGEX="regex"})(an||(an={})),(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"})(sn||(sn={})),(e=>{e.EXISTS="exists",e.EQUALS="equals"})(ln||(ln={})),(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"})(cn||(cn={})),(e=>{e.JSON="json",e.SQL="sql",e.ResourcePath="resource_path"})(dn||(dn={})),(e=>{e.Horizontal="horizontal",e.Vertical="vertical"})(un||(un={})),(e=>{e.Ascending="ascending",e.Descending="descending"})(pn||(pn={})),(e=>{e.Community="community",e.Onprem="onprem"})(hn||(hn={})),(e=>{e.K8s="k8s",e.Vm="vm"})(gn||(gn={})),(e=>{e.Cli="odigos-cli",e.Helm="helm",e.Operator="odigos-operator"})(mn||(mn={})),(e=>{e.New="NEW",e.AppsSelected="APPS_SELECTED",e.Finished="FINISHED"})(fn||(fn={})),(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"})(yn||(yn={})),(e=>{e.Create="Create",e.Read="Read",e.Update="Update",e.Delete="Delete"})(bn||(bn={})),(e=>{e.Namespace="Namespace",e.Source="Source",e.Destination="Destination",e.Action="Action",e.InstrumentationRule="InstrumentationRule",e.SamplingRule="SamplingRule"})(vn||(vn={})),(e=>{e.DataStream="DataStream"})($n||($n={})),(e=>{e.Input="input",e.MultiInput="multiInput",e.MultiTabledInput="multiTabledInput",e.KeyValuePair="keyValuePairs",e.TextArea="textarea",e.Dropdown="dropdown",e.Checkbox="checkbox",e.CheckboxList="checkboxList",e.Toggle="toggle",e.Time="time",e.FieldGroup="fieldGroup"})(Sn||(Sn={})),(e=>{e.Text="text",e.Password="password",e.Number="number",e.Decimal="decimal"})(xn||(xn={})),(e=>{e.Warning="warning",e.Error="error",e.Success="success",e.Info="info",e.Default="default",e.Loading="loading",e.Disabled="disabled",e.Unknown="unknown"})(wn||(wn={})),(e=>{e.INSTRUMENTED="Instrumented",e.INSTRUMENTING="Instrumenting",e.UNINSTRUMENTED="Uninstrumented",e.NOT_INSTRUMENTED="Not Instrumented"})(En||(En={})),(e=>{e.MarkedForInstrumentation="MarkedForInstrumentation",e.RuntimeDetection="RuntimeDetection",e.AgentEnabled="AgentEnabled",e.AgentInjected="AgentInjected",e.WorkloadRollout="WorkloadRollout",e.ProcessesHealthStatus="ProcessesHealthStatus",e.ExpectingTelemetry="ExpectingTelemetry",e.WorkloadOdigosHealth="WorkloadOdigosHealth"})(Cn||(Cn={})),(e=>{e.TriggeredSuccessfully="RolloutTriggeredSuccessfully",e.RolloutFinished="RolloutFinished",e.PreviousRolloutOngoing="PreviousRolloutOngoing",e.Disabled="Disabled",e.NotRequired="NotRequired",e.WaitingForRestart="WaitingForRestart",e.WorkloadNotSupporting="WorkloadNotSupporting",e.WaitingInQueue="WaitingInQueue",e.FailedToPatch="FailedToPatch"})(Tn||(Tn={})),(e=>{e.SuccessfullyInjected="SuccessfullyInjected",e.NoAgentInjected="NoAgentInjected",e.SomePodsAgentNotInjectedRolloutNeeded="SomePodsAgentNotInjectedRolloutNeeded",e.AgentInjectedAndDataSent="AgentInjectedAndDataSent"})(An||(An={})),(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"})(In||(In={})),(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",e.Pyroscope="pyroscope"})(kn||(kn={})),(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",e.InstrumentationConfig="InstrumentationConfig"})(Nn||(Nn={})),(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.OpentelemetryEbpfInstrumentation="opentelemetry-ebpf-instrumentation",e.DotNetLegacy="dotnet-legacy",e.DotNetEnterprise="dotnet-enterprise",e.RubyEnterprise="ruby-enterprise",e.CPlusPlusEnterprise="cplusplus-enterprise",e.MySqlEnterprise="mysql-enterprise"})(On||(On={})),(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"})(Rn||(Rn={})),(e=>{e.CodeAttributes="CodeAttributes",e.HeadersCollection="HeadersCollection",e.PayloadCollection="PayloadCollection",e.CustomInstrumentation="CustomInstrumentation",e.UnknownType="UnknownType"})(Dn||(Dn={})),(e=>{e.Column="column",e.FilePath="filePath",e.Function="function",e.LineNumber="lineNumber",e.Namespace="namespace",e.StackTrace="stacktrace"})(_n||(_n={})),(e=>{e.HeaderKeys="headerKeys"})(Ln||(Ln={})),(e=>{e.Java="java",e.Golang="golang"})(Pn||(Pn={}));class Gn{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 Wn{packageName;functionName;receiverName;receiverMethodName;constructor(e,t,n,o){this.packageName=e,this.functionName=t||"",this.receiverName=n||"",this.receiverMethodName=o||""}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]"}}(e=>{e.HttpRequest="httpRequest",e.HttpResponse="httpResponse",e.DbQuery="dbQuery",e.Messaging="messaging"})(Fn||(Fn={})),(e=>{e.Healthy="Healthy",e.Updating="Updating",e.Degraded="Degraded",e.Failed="Failed",e.Down="Down",e.Unknown="Unknown"})(Mn||(Mn={})),(e=>{e.Pending="Pending",e.Running="Running",e.Succeeded="Succeeded",e.Failed="Failed",e.Unknown="Unknown"})(zn||(zn={})),(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"})(Un||(Un={})),(e=>{e.Running="Running",e.Waiting="Waiting",e.Terminated="Terminated"})(Bn||(Bn={})),(e=>{e.Logs="LOGS",e.Metrics="METRICS",e.Traces="TRACES",e.Profiles="PROFILES"})(jn||(jn={})),(e=>{e.Logs="logs",e.Metrics="metrics",e.Traces="traces",e.Profiles="profiles"})(Hn||(Hn={}));const Xn={[jn.Logs]:Hn.Logs,[jn.Metrics]:Hn.Metrics,[jn.Traces]:Hn.Traces,[jn.Profiles]:Hn.Profiles},Kn={[Hn.Logs]:jn.Logs,[Hn.Metrics]:jn.Metrics,[Hn.Traces]:jn.Traces,[Hn.Profiles]:jn.Profiles};var Vn;(e=>{e.SampledSpansOnly="sampled_spans_only",e.AllSpans="all_spans"})(Vn||(Vn={}));const Jn=e=>({[nn.K8sAttributes]:h,[nn.AddClusterInfo]:p,[nn.DeleteAttributes]:u,[nn.PiiMasking]:d,[nn.RenameAttributes]:c,[nn.ExtractAttribute]:l,[nn.URLTemplatization]:l}[e]||g),Yn=[{type:nn.K8sAttributes,icon:Jn(nn.K8sAttributes),label:"Kubernetes Attributes",description:"This action adds kubernetes related resource attributes to spans, metrics data points and log records.",allowedSignals:[jn.Traces,jn.Metrics,jn.Logs,jn.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/k8sattributes",supportedPlatforms:[gn.K8s]},{type:nn.AddClusterInfo,icon:Jn(nn.AddClusterInfo),label:"Add Cluster Info",description:"This action adds static resource attributes to spans, metrics data points and log records. It is useful to add cluster-wide attributes to all telemetry signals.",allowedSignals:[jn.Traces,jn.Metrics,jn.Logs,jn.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/addclusterinfo",supportedPlatforms:[gn.K8s]},{type:nn.DeleteAttributes,icon:Jn(nn.DeleteAttributes),label:"Delete Attribute",description:"This action will delete the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.",allowedSignals:[jn.Traces,jn.Metrics,jn.Logs,jn.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/deleteattribute",supportedPlatforms:[gn.K8s]},{type:nn.RenameAttributes,icon:Jn(nn.RenameAttributes),label:"Rename Attribute",description:"This action will rename the specified attributes from all telemetry signals that are specified in the signals field, regardless of the source, or any other condition.",allowedSignals:[jn.Traces,jn.Metrics,jn.Logs,jn.Profiles],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/renameattribute",supportedPlatforms:[gn.K8s]},{type:nn.PiiMasking,icon:Jn(nn.PiiMasking),label:"PII Masking",description:"This action processes a list of PII categories to be masked from the traces.",allowedSignals:[jn.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/piimasking",supportedPlatforms:[gn.K8s]},{type:nn.URLTemplatization,icon:Jn(nn.URLTemplatization),label:"URL Templatization",description:"Normalizes HTTP URL paths by replacing dynamic segments (IDs, UUIDs, dates) with named placeholders (e.g. /user/1234 → /user/{id}). Reduces cardinality of http.route and span names, improving usability in telemetry backends.",allowedSignals:[jn.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/urltemplatization",minVersion:{[gn.K8s]:tn("v1.21.0")},supportedPlatforms:[gn.K8s,gn.Vm]},{type:nn.ExtractAttribute,icon:Jn(nn.ExtractAttribute),label:"Extract Attribute",description:"Extracts a value from an existing span attribute into a new attribute on the same span. The value can be located by combining a lookup key with a pre-set data format (JSON, SQL, or resource path), or by supplying a custom regular expression that uses a single capture group.",allowedSignals:[jn.Traces],docsUrl:"https://docs.odigos.io/pipeline/actions/attributes/extractattribute",minVersion:{[gn.K8s]:tn("v1.29.0")},supportedPlatforms:[gn.K8s]}],qn=(e,t)=>!e.supportedPlatforms||e.supportedPlatforms.includes(t),Qn=(e,t,n)=>{const o=e.minVersion?.[t];return!o||tn(n)>=o},Zn=(e,t)=>Yn.filter(n=>qn(n,e)&&Qn(n,e,t)),eo=e=>{const t=e?.actionTypes;return t?.length?t.map(e=>({type:e.type,icon:Jn(e.type),label:e.displayName,description:e.description,allowedSignals:e.allowedSignals,docsUrl:e.docsUrl,fields:e.fields})):[]};var to;(e=>{e.ALL="all",e.UNSAVED="unsaved",e.EXISTS="exists",e.DETECTED="detected",e.SELF_HOSTED="self-hosted",e.MANAGED="managed"})(to||(to={}));const no={[to.ALL]:{TITLE:"All",DESCRIPTION:"All destinations"},[to.UNSAVED]:{TITLE:"Selected",DESCRIPTION:"These are destinations that you have not yet saved."},[to.EXISTS]:{TITLE:"Already configured",DESCRIPTION:"These are destinations that you have already configured in other data-streams and can reuse them."},[to.DETECTED]:{TITLE:"Suggested",DESCRIPTION:"Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data."},[to.SELF_HOSTED]:{TITLE:"Self hosted",DESCRIPTION:"Full control and customization for advanced application monitoring."},[to.MANAGED]:{TITLE:"Managed",DESCRIPTION:"Effortless monitoring with scalable performance management."}},oo=e=>({[Dn.CodeAttributes]:b,[Dn.CustomInstrumentation]:y,[Dn.HeadersCollection]:f,[Dn.PayloadCollection]:m,[Dn.UnknownType]:g}[e]||g),ro=[{type:Dn.CodeAttributes,icon:oo(Dn.CodeAttributes),label:"Code Attributes",description:'The "Code Attributes" rule can be used to add code attributes containing payload data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/codeattributes",supportedLanguages:[yn.Go,yn.Python,yn.JavaScript]},{type:Dn.CustomInstrumentation,icon:oo(Dn.CustomInstrumentation),label:"Custom Instrumentation",description:'The "Custom Instrumentation" rule can be used to instrument a specific symbol (i.e. for Golang), or a class and method combination (i.e. for Java) for detailed tracing.',docsUrl:"https://docs.odigos.io/pipeline/rules/custominstrumentation",supportedLanguages:[yn.Go,yn.Java]},{type:Dn.HeadersCollection,icon:oo(Dn.HeadersCollection),label:"Headers Collection",description:'The "Headers Collection" rule can be used to add span attributes containing HTTP Headers data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/headerscollection",supportedLanguages:[yn.Go,yn.Java,yn.JavaScript]},{type:Dn.PayloadCollection,icon:oo(Dn.PayloadCollection),label:"Payload Collection",description:'The "Payload Collection" rule can be used to add span attributes containing payload data to traces.',docsUrl:"https://docs.odigos.io/pipeline/rules/payloadcollection",supportedLanguages:[yn.Go,yn.JavaScript]}],io=e=>{const t=e?.instrumentationRuleTypes;return t?.length?t.map(e=>({type:e.type,icon:oo(e.type),label:e.displayName,description:e.description,docsUrl:e.docsUrl,supportedLanguages:e.supportedLanguages,fields:e.fields})):[]},ao={TITLE:"Regex Testing",REGEX_LABEL:"Regex",REGEX_EMPTY_HINT:"No regex to test - fill in the regex field on the row first.",TEST_STRING_LABEL:"Test string",TEST_STRING_PLACEHOLDER:"Paste a span attribute payload to test the regex against...",TEST_STRING_HELP:'The regex runs verbatim against this string. Paste the actual attribute value the processor will see - if your sample came from a log dump with JSON-escaped quotes (\\"), click Unescape first.',RESULT_LABEL:"Result",RESULT_CAPTURE_HINT:"This is the value that will be written to the new span attribute.",RESULT_EMPTY_REGEX:"Enter a regex to test.",RESULT_EMPTY_INPUT:"Enter a test string to see the result.",RESULT_NO_MATCH:"No match found.",RESULT_INVALID_REGEX_FALLBACK:"Invalid regex pattern.",UNESCAPE_LABEL:"Unescape",UNESCAPE_TOOLTIP:'Convert escape sequences (\\", \\n, \\t, \\\\) into their literal characters. Useful when pasting log output that JSON-escapes attribute values.'},so={SEGMENT_PRESET_LABEL:"Preset extract",SEGMENT_PRESET_TOOLTIP:"Extract a value from an existing attribute using a pre-set pattern (JSON, SQL, or Resource path).",SEGMENT_REGEX_LABEL:"Custom Regex",SEGMENT_REGEX_TOOLTIP:"Extract a value using your own regular expression with a single capture group.",PRESET_ROW_TITLE:e=>`Data format ${e+1}`,REGEX_ROW_TITLE:e=>`Custom Regex ${e+1}`,TEST_REGEX_LABEL:"Test Regex",REGEX_LABEL:"Regex",REGEX_PLACEHOLDER:"e.g. (?:^|[\\s,{(\"'])[\"']?study_id[\"']?\\s*[:=]\\s*[\"']?([^\"'\\s,;)}]+)",REGEX_HELP:"A regex with a single capture group; the captured value becomes the new attribute.",TARGET_LABEL:"New span attribute name",TARGET_PLACEHOLDER:"e.g. customerId",TARGET_HELP:"The name of the new extracted attribute."},lo={[dn.JSON]:{label:"JSON",keyLabel:"JSON key",placeholder:"e.g. customer_id",helpMessage:"Type the JSON key containing the value to extract."},[dn.SQL]:{label:"SQL",keyLabel:"SQL key",placeholder:"e.g. invoice_id",helpMessage:"Type the SQL key containing the value to extract."},[dn.ResourcePath]:{label:"Resource path",keyLabel:"Resource path key",placeholder:"e.g. tenants",helpMessage:"Type the resource name containing the value to extract."}},co="Cancel",uo="Save",po="Edit rule",ho="Edit auto rule",go="Create rule",mo="Delete rule",fo="Save",yo="Create your first rule",bo="No Rules Exist",vo="No Results",$o=e=>`No rules match the search term "${e}"`,So="Rule name",xo="Rule type",wo="Select the type of condition that makes a trace highly relevant.",Eo="Rule Enabled",Co="Rule Disabled",To="Enabled",Ao="Disabled",Io="Note",ko="HTTP route",No="Method",Oo="Keep Percentage",Ro="Keep traces with duration larger than",Do="Keep traces with errors",_o="Keep at least this percentage of matching traces. A higher rate from another matching rule may apply instead.",Lo="Keep at most this percentage of matching traces. A lower rate from another matching rule may apply instead.",Po="Custom percentage",Fo="Disabled rule",Mo="Sample",zo="Keep all",Uo="Drop all",Bo="Operation type",jo="HTTP route prefix",Ho="Templated path",Go="Templated path prefix",Wo="Kafka topic",Xo="Custom duration (ms)",Ko="No preview available",Vo="Server address",Jo="Drop at most this percentage of matching traces",Yo="Unnamed rule",qo="Sampling Preview",Qo="Source Scope",Zo="Unknown source",er="Operation",tr="Duration",nr="Errors",or="Keep Percentage",rr="Define which sources this rule applies to. You can target specific services, namespaces, or apply the rule to the entire cluster.",ir="Define which operations this rule applies to. You can target specific endpoints or requests, or apply the rule to all operations in the selected services.",ar="Define a duration threshold for this rule. Traces with a duration longer than the specified value will be considered important and retained.",sr="Retain traces with errors from the selected services and operations.",lr="Use Keep All to retain every matching trace, or Sample when keeping everything is too expensive. 100% means keep all",cr="Use Drop All to discard every matching trace, or Sample to keep some examples. 0% means drop all.",dr={highlyRelevant:lr,noisy:cr,costReduction:void 0},ur="Type rule name",pr="Add note here...",hr="Type here",gr="Search source name",mr="e.g. collector.my.vendor.com",fr="Optional notes (not used by the system). Add any context or details for this sampling rule.",yr="Rule will apply to all sources in the cluster",br="If multiple source scopes are set, they must all match simultaneously.",vr="All sources",$r="-",Sr="All",xr="Sources",wr="Namespaces",Er="Languages",Cr="any of",Tr="AND",Ar="All operations",Ir="HTTP server endpoint",kr="HTTP client endpoint",Nr="Kafka consumer",Or="Kafka producer",Rr="Sampling Rules",Dr='Control how traces are categorized based on "Importance" and potential value, for fine grain control of what is kept and what is dropped.',_r="Refresh",Lr="Create rule",Pr="Sampling docs",Fr="75vw",Mr="Delete rule?",zr="Are you sure you want to delete this sampling rule?",Ur="Delete",Br="Cancel",jr="Kubernetes Health Probes",Hr="Keep All Error Traces",Gr="Drop Traces Cluster-Wide",Wr="A rule with the same matching conditions already exists.",Xr="Create this rule as-is?",Kr="This rule still uses the default configuration.\nDo you want to create it anyway?",Vr="Rule preview",Jr="Continue editing",Yr="Create 'Noisy Operation Kubernetes Health Probes' rule",qr="Edit 'Noisy Operation Kubernetes Health Probes' rule",Qr="Automatically detect and sample health probe traces across the cluster.",Zr="Create 'Highly Relevant Operations' rule",ei="Edit 'Highly Relevant Operations' rule",ti="Automatically keep all error traces across the entire cluster.",ni="Create 'Cost Reduction' rule",oi="Edit 'Cost Reduction' rule",ri="Automatically drop a percentage of traces across the entire cluster.",ii="Skip setup",ai="Start setup",si="Next",li="Go to Sampling",ci="Read more",di="Welcome to Sampling",ui="Cut costs without losing what matters",pi="Odigos sampling works in three stages:",hi="Filter noisy traffic",gi="Remove non-actionable traces like health checks.",mi="Guarantee highly relevance operations",fi="Keep traces with errors, high latency, or mission-critical endpoints/services.",yi="Reduce cost",bi="Sample routine traffic using percentages.",vi="Sampling does not drop individual spans - it keeps or drops the entire trace.",$i="Filter noisy operations",Si="Cut traces with little or no observability value (health-checks, metric scarping, etc)",xi="Odigos filters these efficiently, dropping them early with almost no resource cost.\n\nSampling happens at request start, so only root span attributes available at that moment can be used. Later insights about the trace (errors, latency) - aren’t available.",wi="Preset Rules",Ei="Kubernetes Health Probes",Ci="Automatically ignore health checks",Ti="You can review, adjust, and add additional custom rules later.",Ai="Choose your sampling strategy",Ii="Pick the approach that best fits your balance of cost vs data-completeness",ki="Keep List",Ni="Budget Friendly",Oi="Define which traces must be kept, while all others are sampled by default to minimize cost.",Ri="Cost-oriented - keeps only what you explicitly select.",Di="Best for very large clusters with high volumes of traces and high costs.",_i="Higher risk of missing important traces without ongoing review.",Li="Drop List",Pi="Safe Choice",Fi="Define which traces must be aggressively dropped, while all others are kept by default.",Mi="Preserves most data unless explicitly filtered.",zi="Safer by default - gaps in rules or system changes increase cost rather than risk losing important traces.",Ui="Advanced",Bi="Maximum Flexibility",ji="Full control over all sampling rules and categories.\n\nBest for advanced users who want complete flexibility.",Hi="'Keep List' profile",Gi="Protect important traces",Wi="Start by setting the default sampling rate for all traces.\nThen define rules to exclude highly relevant traces so they are guaranteed to be kept\n\nCommon use-cases include:",Xi="Traces with errors",Ki="Slow requests (duration above threshold)",Vi="Mission-Critical endpoints or services",Ji="Services under test or evaluation",Yi="New deployments",qi="You can review, adjust, and add rules once onboarding is complete.",Qi="Common Rules",Zi="Preset Rules",ea="Error collection - entire cluster",ta="Keep all traces with errors",na="Ambient sampling percentage",oa="'Drop List' profile",ra="Reduce high-volume traffic",ia="Start by keeping all traces by default. Then define rules to drop high-volume or low-value traces to reduce overall volume and cost.\n\nIn many systems, a small number of endpoints generate most of the trace volume.\nTargeting these high-volume sources can significantly reduce overall data.",aa="Advanced Configuration",sa="Configure sampling rules",la="Advanced mode allows you to configure all sampling categories:",ca="Noise Filtering - remove non-actionable traces",da="Highly Relevance - guarantee important traces are kept",ua='Cost Control - drop traces for "Normal" operations',pa="Rules can target:",ha="Services",ga="HTTP Endpoints",ma="DB Operations",fa="Errors",ya="Latency and more...",ba="Sampling configured successfully!",va="Your sampling configuration is ready.\nYou can add and adjust rules anytime in Sampling Rules space.",$a="Odigos will now:",Sa="Filter noisy operations",xa="Guarantee important traces",wa="Reduce cost using controlled sampling",Ea="Recommended",Ca={noisy:"Rules that reduce noise from high-volume, low-value operations using Head Sampling.",highlyRelevant:"Add a rule to identify highly relevant operations. Traces with errors, long duration, or from critical endpoints and key workflows will be retained so important transactions are always available for analysis.",costReduction:"Rules that optimize costs by sampling less critical data using Tail Sampling."},Ta={noisy:Yr,highlyRelevant:Zr,costReduction:ni},Aa={noisy:qr,highlyRelevant:ei,costReduction:oi},Ia={noisy:"Noisy Operation",highlyRelevant:"Highly Relevant",costReduction:"Cost Reduction"},ka=[{id:jn.Logs,value:"Logs"},{id:jn.Metrics,value:"Metrics"},{id:jn.Traces,value:"Traces"},{id:jn.Profiles,value:"Profiles"}],Na=e=>e?e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"):"";var Oa,Ra,Da;(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"})(Oa||(Oa={})),(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"})(Ra||(Ra={})),(e=>{e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e.Disable="disable",e.Error="error",e.Mandatory="mandatory",e.Link="link",e.Success="success"})(Da||(Da={}));const _a=new Set(Object.values(Da)),La=(e,t)=>{if("string"!=typeof(n=t)||!_a.has(n))return t;var n;switch(t){case Da.Primary:return e.v2.colors.white[500];case Da.Secondary:return e.v2.colors.silver[200];case Da.Tertiary:return e.v2.colors.black[500];case Da.Disable:return e.v2.colors.grey[400];case Da.Error:return e.v2.colors.red[500];case Da.Mandatory:return e.v2.colors.red[600];case Da.Link:return e.v2.colors.purple[400];case Da.Success:return e.v2.colors.green[400];default:return}},Pa=o.p`
|
|
2
|
-
margin: 0;
|
|
3
|
-
color: ${({$color:e,theme:t})=>La(t,e)||t.v2.colors.grey[50]};
|
|
4
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
5
|
-
font-size: ${({theme:e,$size:t})=>e.v2.text.size[t]}px;
|
|
6
|
-
font-weight: ${({$weight:e})=>e};
|
|
7
|
-
text-align: ${({$align:e})=>e};
|
|
8
|
-
text-transform: ${({$transform:e})=>e};
|
|
9
|
-
line-height: ${({theme:e,$lineHeight:t,$size:n})=>t||`${e.v2.text.size[n]+2}px`};
|
|
10
|
-
opacity: ${({$opacity:e})=>e};
|
|
11
|
-
|
|
12
|
-
${({$nowrap:e})=>e?r`
|
|
13
|
-
text-wrap: nowrap;
|
|
14
|
-
white-space: nowrap;
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
text-overflow: ellipsis;
|
|
17
|
-
`:r`
|
|
18
|
-
flex: 0 1 auto;
|
|
19
|
-
min-width: 0;
|
|
20
|
-
overflow-wrap: anywhere;
|
|
21
|
-
`}
|
|
22
|
-
|
|
23
|
-
${({$maxLines:e})=>!!e&&e>0&&r`
|
|
24
|
-
display: -webkit-box;
|
|
25
|
-
-webkit-box-orient: vertical;
|
|
26
|
-
-webkit-line-clamp: ${e};
|
|
27
|
-
line-clamp: ${e};
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
`}
|
|
30
|
-
|
|
31
|
-
${({$underline:e})=>e&&r`
|
|
32
|
-
text-decoration: underline;
|
|
33
|
-
`}
|
|
34
|
-
|
|
35
|
-
${({$withClick:e})=>e&&r`
|
|
36
|
-
cursor: pointer;
|
|
37
|
-
&:hover {
|
|
38
|
-
text-decoration: underline;
|
|
39
|
-
}
|
|
40
|
-
`}
|
|
41
|
-
`,Fa=Pt(({children:n,variant:o=Oa.P,color:r,size:i=Ra.S,weight:a=400,opacity:s=1,align:l="left",lineHeight:c,transform:d,nowrap:u,underline:p,onClick:h,disabled:g,maxLines:m,...f},y)=>{const b=n?.toString().split("\n")||[];return e(Pa,{ref:y,as:o,$color:r,$size:i,$weight:a,$opacity:s,$align:l,$lineHeight:c,$transform:d,$nowrap:u,$underline:p,$maxLines:m,$withClick:!!h&&!g,onClick:g?void 0:h,...f,children:b.map((n,o)=>t(Ft,{children:[n,o!==b.length-1&&e("br",{})]},`typography-${o}-${n}`))})});Fa.displayName="Typography";const Ma="https://docs.odigos.io",za="default",Ua="this-cluster",Ba="This Cluster",ja={SELECTED_DATA_STREAM:"SELECTED_DATA_STREAM",SELECTED_DATA_STREAM_WITH_PROXY:e=>`SELECTED_DATA_STREAM_${e}`,OVERVIEW_FILTERS:"OVERVIEW_FILTERS",DARK_MODE:"DARK_MODE"},Ha={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)'},Ga={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",RENAME_STREAM:e=>`Rename "${e}"`,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}".`,DATA_STREAM_MERGE_WARNING:(e,t)=>e?`A Data Stream named "${t}" already exists. Saving will merge "${e}" into "${t}" - both streams will share the same configuration going forward.`:`A Data Stream named "${t}" already exists. Saving will merge into "${t}" - the new stream will share the existing configuration going forward.`,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",SOURCES_SETUP:"Sources setup",DESTINATIONS_SETUP:"Destinations setup",SUMMARY:"Summary",REVIEW_SETUP:"Review your setup and confirm your choices.",NO_SOURCES_SELECTED:"No sources selected",ADD_SOURCE_PROMPT:"Add at least one source to start collecting data",NO_DESTINATIONS_SELECTED:"No destinations selected",ADD_DESTINATION_PROMPT:"Add destination so your data has somewhere to go",GET_STARTED_WITH:"Get started with",GET_STARTED_DESCRIPTION:"First, select the sources you want Odigos to monitor. Next, choose where your data should be sent by configuring destinations.",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",OVERVIEW:"Overview",LIBRARIES:"Libraries",STANDARD_LIBRARY:"Standard Library",STANDARD:"Standard",PEER_SOURCES:"Peer Sources",PROFILING:"Profiling",INBOUND:"Inbound",OUTBOUND:"Outbound",INBOUND_DESCRIPTION:e=>`Services that send requests to ${e}`,OUTBOUND_DESCRIPTION:e=>`Services that ${e} sends requests to`,NO_INBOUND_CONNECTIONS_DESCRIPTION:"No services are currently sending requests to this source.",NO_OUTBOUND_CONNECTIONS_DESCRIPTION:"This source hasn't sent requests to other services yet.",NO_INBOUND_CONNECTIONS:"No inbound connections",NO_OUTBOUND_CONNECTIONS:"No outbound connections",COULD_NOT_FETCH_PEER_SOURCES:"Could not fetch peer sources",VIRTUAL:"Virtual",VIRTUAL_TOOLTIP:"This service is not instrumented/injected with Odigos, but we can still see it in the service map because it is connected to other services.",NO_RESULTS:"No results",NO_RESULTS_FOR_FILTER:e=>`No results matched the filter '${e}'`,POD:"Pod",PODS:"Pods",PODS_HEALTHY:"Pods are healthy",PODS_NOT_HEALTHY:"Pods are not healthy",NO_RUNNING_PODS:"No running pods",NO_RUNNING_PODS_SUBTITLE:"Check if you have any running pods and try again",AGENT_INJECTED:"Agent injected",INJECTIONS_AS_EXPECTED:"Injections as expected",AGENT_NOT_INJECTED:"Agent not injected",KUBERNETES_HEALTHY:"Kubernetes healthy",ODIGOS_HEALTHY:"Odigos healthy",HEALTHY:"Healthy",UNHEALTHY:"Unhealthy",NOT_HEALTHY:"Not Healthy",NODE:"Node",AGE:"Age",RUNNING_TIME:"Running Time",RUNNING_TIME_TOOLTIP:"Time elapsed since the container was last started and entered the Running state",NOT_RUNNING:"Not Running",RESTARTS:"Restarts",LATEST_REVISION:"Latest Revision",OLD_REVISION:"Old Revision",READY:"Ready",NOT_READY:"Not Ready",STARTED:"Started",NOT_STARTED:"Not Started",CRASHLOOP:"Crashloop",NO_CRASHLOOP:"No Crashloop",CRASHLOOP_BACKOFF:"Crashloop backoff",CANNOT_POOL_IMAGE:"Cannot pool image",DEVICE_NAME:"Device Name",INSTRUMENTED:"Instrumented",UNINSTRUMENTED:"Uninstrumented",INSTRUMENTED_WITH_DISTRO:e=>`Instrumented | ${e}`,DEBUG_COMMANDS:"Debug Commands",YAML:"YAML",YAML_FILES:"YAML Files",GET_POD_YAML:"Get Pod YAML",GET_POD_LOGS:"Get Pod Logs",DESCRIBE_POD:"Describe Pod",CONTAINER:"Container",CONTAINERS:"Containers",DETECTED_CONTAINERS:"Detected Containers",DETECTED_CONTAINERS_DESCRIPTION:"The system automatically instruments the containers it detects with a supported programming language.",NO_CONTAINERS_DETECTED:"No containers detected",DETECTED_PROCESSES:"Detected Processes",DETECTED_PROCESSES_DESCRIPTION:"The system automatically instruments the processes it detects with a supported programming language.",NO_PROCESSES_DETECTED:"No processes detected",CONTAINER_NAME:"Container Name",PROCESS:"Process",PROCESSES:"Processes",PROCESS_FALLBACK_NAME:"process",OPEN_IN_POD_TAB:"Open in 'Pod' tab",OPEN_IN_SAMPLING_PAGE:"Open in 'Sampling' page",ALL_CONTAINERS_HEALTHY:e=>`All ${e} containers are healthy`,ALL_PROCESSES_HEALTHY:e=>`All ${e} processes are healthy`,PID:e=>`#${e}`,IDENTIFYING_ATTRIBUTES:"Identifying Attributes",INSTRUMENTATION_LIBRARIES:"Instrumentation Libraries",FILTERED_COUNT_TOOLTIP:"Represents filtered amount, out of total amount",SEARCH_NAMESPACES:"Search Namespaces",SEARCH_SOURCES:"Search Sources",SELECT_ALL:"Select all",UNSELECT_ALL:"Unselect 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",NO_DATA_INSTRUMENTATION_RULES:"To configure how telemetry is collected",NO_DATA_SOURCES:"To start collecting telemetry from a Kubernetes workload",NO_DATA_ACTIONS:"To process telemetry before export",NO_DATA_DESTINATIONS:"To send telemetry to an observability backend",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_DETAILS_SUBTITLE:"Use when multiple languages exist in the same container or when Odigos is unable to detect the application language",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.",OVERRIDE_OTEL_DISTRO_NAME:"Override OpenTelemetry distro name",OVERRIDE_OTEL_DISTRO_NAME_SUBTITLE:"Use to set a specific Odigos OpenTelemetry distribution",OVERRIDE_OTEL_DISTRO_NAME_WARNING:"This is an advanced configuration. If the selected OpenTelemetry distro name is incorrect, data collection may be incomplete or may not occur at all.",OVERRIDE_OTEL_DISTRO_NAME_SAVE_TOOLTIP:"Use the provided OpenTelemetry distro name to instrument this container",OVERRIDE_OTEL_DISTRO_NAME_DELETE_TOOLTIP:"Remove manual override of OpenTelemetry distro name, and use Odigos automatic detection OpenTelemetry distro name for instrumentation",OVERRIDE_RUNTIME_DETAILS_SAVE_TOOLTIP:"Use the provided runtime details to instrument this container",OVERRIDE_RUNTIME_DETAILS_DELETE_TOOLTIP:"Remove manual override of runtime details, and use Odigos automatic detection runtime details for instrumentation",OTEL_DISTRO_NAME:"OpenTelemetry distro name",WAITING_FOR_RUNTIME_DETECTION:"Waiting for runtime detection...",DETECTING_RUNTIME_INFO:"Detecting runtime info",NO_AVAILABLE_AGENT:"No available agent",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",ROLLOUT:"Rollout",ROLLOUT_RESTART:"Rollout Restart",ROLLOUT_RESTART_WORKLOADS_DESCRIPTION:"Are you sure you want to rollout restart these workloads?",ROLLOUT_NOT_REQUIRED:"Rollout Not Required",ROLLOUT_NOT_REQUIRED_MESSAGE:"This source is instrumented with eBPF and does not require a restart.",ROLLOUT_FAILED:"Rollout Failed",ROLLOUT_PREVIOUS_ONGOING:"Previous Rollout Ongoing",ROLLOUT_PREVIOUS_ONGOING_MESSAGE:"A previous rollout is ongoing. Please wait for it to finish before triggering a new one.",ROLLOUT_AUTO_DISABLED:"Auto Rollout Disabled",ROLLOUT_AUTO_DISABLED_MESSAGE:"Trigger a manual rollout to inject the agent.",ROLLOUT_FINISHED:"Rollout Finished",ROLLOUT_FINISHED_MESSAGE:"All pods have been updated and are healthy.",ROLLBACK:"Rollback",ROLLBACK_OCCURRED:"Rollback Occurred",ROLLBACK_OCCURRED_MESSAGE:"Odigos detected a crash and rolled back instrumentation to protect your workload.",ROLLBACK_SUCCESS:"Rollback Success",ROLLBACK_RECOVER:"Recover",FETCHING_NAMESPACES:"Fetching namespaces",FETCHING_NAMESPACES_SUBTITLE:"Please wait while we fetch the namespaces",ADD_SOURCES_DESCRIPTION:"Choose which sources to monitor in your pipeline.",CREATING_SOURCES:"Creating Sources...",CREATING_SOURCES_SUBTITLE:"This may take a few moments while sources are being created.",SELECT_NAMESPACE:"Select namespace from the list",SELECT_NAMESPACE_SUBTITLE:"Add namespace so you can select workloads from it.",CREATING_ACTION:"Creating action",CREATING_ACTION_SUBTITLE:"Please wait while we create the action",ADD_ACTION_DESCRIPTION:"Select an action to modify telemetry data before it's sent to destinations. Choose an action type and configure its details.",CREATING_INSTRUMENTATION_RULE:"Creating instrumentation rule",CREATING_INSTRUMENTATION_RULE_SUBTITLE:"Please wait while we create the instrumentation rule",ADD_INSTRUMENTATION_RULE_DESCRIPTION:"Define how telemetry is recorded from your application. Choose a rule type and configure the details.",CREATING_DESTINATION:"Creating destination",CREATING_DESTINATION_SUBTITLE:"Please wait while we create the destination",ADD_DESTINATION_DRAWER_DESCRIPTION:"Add backend destination you want to connect with Odigos.",THROUGHPUT_LAST_10_SECONDS:"Throughput (last 10 seconds)",DELETE_POD_TO_RESTART:"Delete Pod to Restart",DEBUG:"Debug",SAMPLING:"Sampling",HEAD_SAMPLING:"Head Sampling",TAIL_SAMPLING:"Tail Sampling",NOISY_OPERATIONS:"Noisy Operations",HIGHLY_RELEVANT_OPERATIONS:"Highly Relevant Operations",COST_REDUCTION_OPERATIONS:"Cost Reduction Operations"},Wa={GET_STARTED:"Get started",ADD:"Add",ADD_NEW:"Add New",NEW:"New",SELECT:"Select",CREATE:"Create",UPDATE:"Update",EDIT:"Edit",DELETE:"Delete",RESTART:"Restart",RESTART_POD:"Restart pod",REFRESH:"Refresh",CANCEL:"Cancel",DONE:"Done",SAVE:"Save",BACK:"Back",CONFIRM:"Confirm",NEXT:"Next",TEST:"Test",TEST_CONNECTION:"Test Connection",INSTRUMENT:"Instrument",UNINSTRUMENT:"Uninstrument"},Xa=(e,t)=>e===wn.Success?Ga.HEALTHY:e===wn.Error?Ga.NOT_HEALTHY:Na(t),Ka=e=>{if(!e)return null;switch(e){case Rn.Irrelevant:return null;case Rn.Failure:case Rn.Error:return wn.Error;case Rn.Notice:return wn.Warning;case Rn.Pending:case Rn.Waiting:return wn.Loading;case Rn.Unsupported:case Rn.Disabled:return wn.Disabled;case Rn.Success:return wn.Success;case Rn.Unknown:default:return wn.Info}},Va=(e,t,n="reason",o)=>{const r=Ka(e?.status);return r?{key:`desired-status-${e?.name}`,status:r,leftIcon:t||(r===wn.Success?v:$),label:o||("reason"===n?Na(e?.reasonEnum):Xa(r,e?.reasonEnum)),tooltip:e?.message,textSize:Ra.XXXS,invertColors:!0,useSecondaryTone:!0}:null},Ja=e=>e.charAt(0).toUpperCase()+e.slice(1),Ya=e=>{const t=e=>e.filter(e=>"object"==typeof e&&null!==e?""!==e.key&&""!==e.value:""!==e),n=e=>Object.fromEntries(Object.entries(e).filter(([e,t])=>""!==e&&""!==t).map(([e,o])=>Array.isArray(o)?[e,t(o)]:"object"==typeof o&&null!==o?[e,n(o)]:[e,o]));return Object.entries(e).reduce((e,[o,r])=>{try{const i=JSON.parse(r);Array.isArray(i)?e[o]=JSON.stringify(t(i)):e[o]="object"==typeof i&&null!==i?JSON.stringify(n(i)):r}catch(i){"object"==typeof r&&null!==r?Array.isArray(r)?e[o]=JSON.stringify(t(r)):e[o]=JSON.stringify(n(r)):e[o]=r}return e},{})};var qa;(e=>{e.SIGNALS="SIGNALS"})(qa||(qa={}));const Qa=(e,t,n)=>{if(!e||!e.length)return!0;if(1===e.length)return"true"==e[0];const[o,r,i]=e;if(o===qa.SIGNALS)switch(r){case"INCLUDES":return t?.includes(i);case"EXCLUDES":return!t?.includes(i);default:return!0}const a=n.find(e=>e.name===o||e.key===o);if(!a)return!1;const s=null==a.value?"":String(a.value);switch(r){case"===":case"==":return s===i;case"!==":case"!=":return s!==i;case">":return Number(s)>Number(i);case"<":return Number(s)<Number(i);case">=":return Number(s)>=Number(i);case"<=":return Number(s)<=Number(i);default:return!0}},Za=e=>JSON.parse(JSON.stringify(e)),es=(e,t)=>t.split(".").reduce((e,t)=>e?.[t],e),ts=(e,t,n)=>{const o=t.split(".");let r=e;for(let e=0;e<o.length-1;e++)o[e]in r&&"object"==typeof r[o[e]]||(r[o[e]]={}),r=r[o[e]];r[o[o.length-1]]=n},ns=(e,t)=>{let n=[...e];return t.monitors?.length&&(n=n.filter(e=>!!t.monitors?.find(t=>e.signals?.find(e=>e.toLowerCase()===t.id)))),n},os=(e,t)=>{let n=[...e];return t.monitors?.length&&(n=n.filter(e=>!!t.monitors?.find(t=>e.exportedSignals[t.id]))),n},rs=(e,t)=>t?e.filter(e=>e.dataStreamNames.includes(t)||!e.dataStreamNames.length):[],is=(e,t)=>{let n=e;if(t.namespaces?.length){const e=new Set(t.namespaces.map(({id:e})=>e));n=n.filter(({id:t})=>e.has(t.namespace))}if(t.kinds?.length){const e=new Set(t.kinds.map(({id:e})=>e));n=n.filter(({id:t})=>e.has(t.kind))}if(t.languages?.length){const e=new Set(t.languages.map(({id:e})=>e));n=n.filter(({runtimeInfo:t,containers:n})=>t?.detectedLanguages?.some(t=>e.has(t))||n?.some(t=>{const n=t.overrides?.runtimeInfo?.language??t.runtimeInfo?.language;return!!n&&e.has(n)}))}if(t.podsAgentInjectionStatus?.length){const e=new Set(t.podsAgentInjectionStatus.map(({id:e})=>e));n=n.filter(({podsAgentInjectionStatus:t})=>e.has(t?.reasonEnum??"")||e.has(t?.message??""))}return t.onlyErrors&&(n=n.filter(e=>Ka(e.workloadOdigosHealthStatus?.status)===wn.Error)),n},as=(e,t)=>t?e.filter(e=>e.dataStreamNames?.includes(t)||t===za&&!e.dataStreamNames?.length):[],ss=(e,t="",n={})=>{for(const o in e)if(e.hasOwnProperty(o)){const r=e[o],i=t?`${t}.${o}`:o;null===r||"object"!=typeof r||Array.isArray(r)?Array.isArray(r)?r.forEach((e,t)=>{const o=`${i}[${t}]`;null!==e&&"object"==typeof e?ss(e,o,n):n[o]=e}):n[i]=r:ss(r,i,n)}return n},ls=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]}`},cs=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`}},ds=()=>{const e=crypto.getRandomValues(new Uint8Array(16));let t=0;return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,n=>{const o=e[t%16];return t++,("1"===n?o:"0"===n?63&o|128:15&o|64).toString(16)})},us=e=>{if(!e)return ps([]);if(Array.isArray(e))return ps(e);const t=Object.values(e).reduce((e,t)=>{if(null!=t){const n=Ka(t.status);n&&e.push({status:n,type:t.name??"",reason:t.reasonEnum??null,message:t.message??null})}return e},[]);return ps(t)},ps=e=>{const t=e?.filter(({status:e})=>e===wn.Error),n=e?.filter(({status:e})=>e===wn.Warning),o=e?.filter(({status:e})=>e===wn.Disabled),r=e?.filter(({status:e})=>e===wn.Loading),i=t.length>0,a=n.length>0,s=o.length>0;return{errors:t,hasErrors:i,warnings:n,hasWarnings:a,disableds:o,hasDisableds:s,loadings:r,hasLoadings:r.length>0,priorotizedStatus:i?wn.Error:a?wn.Warning:s?wn.Info:void 0}},hs=e=>{const t=e?.reduce((e,t)=>t.agentEnabled?.agentEnabled?e+1:e,0);return`${t}/${e?.length||0} instrumented`},gs=e=>({[yn.Java]:F,[yn.Go]:P,[yn.JavaScript]:L,[yn.Python]:_,[yn.DotNet]:D,[yn.CSharp]:R,[yn.CPlusPlus]:O,[yn.Php]:N,[yn.Ruby]:k,[yn.Rust]:I,[yn.Swift]:A,[yn.Elixir]:T,[yn.MySql]:C,[yn.Nginx]:E,[yn.Postgres]:w,[yn.Redis]:x,[yn.Kafka]:S,[yn.Ignored]:g,[yn.Unknown]:g,[yn.Processing]:g,[yn.NoContainers]:g,[yn.NoRunningPods]:g}[e]||g),ms=e=>e?e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??yn.Unknown:yn.Unknown,fs=e=>e?e.overrides?.runtimeInfo?.runtimeVersion??e.runtimeInfo?.runtimeVersion??null:null,ys=e=>e?.map(e=>gs(ms(e)))||[],bs=e=>e?.map(e=>gs(e))||[],vs=e=>e.runtimeInfo?.detectedLanguages?.length?bs(e.runtimeInfo?.detectedLanguages):ys(e.containers),$s=(e,t)=>{const n={[kn.Alauda]:je,[kn.AlibabaCloud]:Be,[kn.AppDynamics]:Ue,[kn.Axiom]:ze,[kn.AzureBlob]:Me,[kn.AzureMonitor]:Fe,[kn.BetterStack]:Pe,[kn.Bonree]:Le,[kn.Causely]:_e,[kn.Checkly]:De,[kn.Chronosphere]:Re,[kn.ClickHouse]:Oe,[kn.CloudWatch]:Ne,[kn.Coralogix]:ke,[kn.Dash0]:Ie,[kn.Datadog]:Ae,[kn.Dynamic]:te,[kn.Dynatrace]:Te,[kn.ElasticApm]:Ce,[kn.ElasticSearch]:Ee,[kn.GoogleCloud]:we,[kn.GoogleCloudOTLP]:we,[kn.GrafanaCloudLoki]:xe,[kn.GrafanaCloudPrometheus]:xe,[kn.GrafanaCloudTempo]:xe,[kn.Greptime]:Se,[kn.Groundcover]:$e,[kn.Honeycomb]:ve,[kn.HyperDX]:be,[kn.Instana]:ye,[kn.Jaeger]:fe,[kn.Kafka]:S,[kn.Kloudmate]:me,[kn.Last9]:ge,[kn.Lightstep]:he,[kn.LogzIo]:pe,[kn.Loki]:ue,[kn.Lumigo]:de,[kn.Middleware]:ce,[kn.NewRelic]:le,[kn.Observe]:se,[kn.Odigos]:ae,[kn.OneUptime]:ie,[kn.OpenObserve]:re,[kn.Opsverse]:oe,[kn.Oracle]:ne,[kn.OTLP]:te,[kn.OTLPHttp]:te,[kn.Prometheus]:ee,[kn.Qryn]:Z,[kn.QrynOss]:Q,[kn.Quickwit]:q,[kn.S3]:Y,[kn.Seq]:J,[kn.Signalfx]:K,[kn.Signoz]:V,[kn.Splunk]:K,[kn.SplunkSapm]:K,[kn.SplunkOtlp]:K,[kn.SumoLogic]:X,[kn.TelemetryHub]:W,[kn.Tempo]:G,[kn.Tingyun]:H,[kn.Traceloop]:j,[kn.Uptrace]:B,[kn.VictoriaMetrics]:U,[kn.VictoriaMetricsCloud]:U,[kn.XRay]:z,[kn.Pyroscope]:M}[e];return n&&!t?{icon:n}:{iconSrc:`https://d15jtxgb40qetw.cloudfront.net/${e}.svg`}},Ss=e=>({[vn.Namespace]:Ke,[vn.Source]:Xe,[vn.Destination]:We,[vn.Action]:l,[vn.InstrumentationRule]:Ge,[vn.SamplingRule]:He}[e]),xs=e=>"ruleId"in e&&e.ruleId?e.ruleId:"id"in e&&"string"==typeof e.id&&e.id||"id"in e&&"object"==typeof e.id&&e.id.namespace&&e.id.kind&&e.id.name?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,ws=e=>e?"string"==typeof e?e:`${e.namespace}/${e.kind}/${e.name}`:"",Es=e=>ws(xs(e)),Cs=(e,t,n)=>{const{extended:o,prioritizeDisplayName:r}=n||{};let i="",a="";switch(t){case vn.InstrumentationRule:const t=e;i=t.type,a=t.ruleName;break;case vn.Source:const n=e;i=n.id.name,a=n.serviceName||"";break;case vn.Action:const o=e;i=o.type,a=o.name||"";break;case vn.Destination:const r=e;i=r.destinationType.displayName,a=r.name;break;case vn.Namespace:const s=e;i=s.name,a=s.name}return o?i+(a&&a!==i?` (${a})`:""):r&&a||i},Ts=(e,t)=>{if(t===vn.Source){const t={namespace:"",name:"",kind:""};return e.split("&").forEach(e=>{const[n,o]=e.split("=");t[n]=o}),t}return e},As=e=>e.overrides?.runtimeInfo?.language??e.runtimeInfo?.language??yn.Unknown,Is=e=>{const{numberOfInstances:t,containers:n}=e;if(!n)return t&&t>0?yn.Processing:yn.NoRunningPods;const o=n?.filter(e=>As(e)!==yn.Ignored);if(!o.length)return yn.NoContainers;const r=o.find(e=>As(e)!==yn.Unknown);return r?As(r):yn.Unknown},ks=(e,t,n)=>(t===vn.Source?e?.sources.find(e=>e.kind===n.kind&&e.name===n.name&&e.namespace===n.namespace):e?.destinations.find(e=>e.id===n))||{throughput:0},Ns=e=>({[jn.Logs]:Ye,[jn.Metrics]:Je,[jn.Traces]:Ve,[jn.Profiles]:ae}[e]),Os=(e,t)=>Object.values(Ra).reduce((n,o)=>Math.abs(t[o]-e)<Math.abs(t[n]-e)?o:n),Rs=e=>e?{[gn.K8s]:h,[gn.Vm]:qe}[e]:ae,Ds=e=>e?{[gn.K8s]:"Kubernetes Cluster",[gn.Vm]:"Virtual Machine"}[e]:"Unknown",_s=(e,t,n)=>{const o=e[t];return o?o.flatMap(e=>{const o=e[n],r=[];return void 0!==o&&(Array.isArray(o)?r.push(...o):r.push(o)),r.push(..._s(e,t,n)),r}):[]},Ls=(e,t)=>{if(t===vn.Source){let t="";return Object.entries(e).forEach(([e,n])=>{t+=`${e}=${n}&`}),t.slice(0,-1),t}return e},Ps=(e,t,n)=>{switch(n=n??"500",t){case wn.Default:return e.v2.colors.purple[n];case wn.Info:return e.v2.colors.blue[n];case wn.Error:return e.v2.colors.red[n];case wn.Warning:return e.v2.colors.yellow[n];case wn.Success:return e.v2.colors.green[n];case wn.Loading:case wn.Disabled:case wn.Unknown:return e.v2.colors.silver[n];default:return e.v2.colors.white[500]}},Fs=e=>{switch(e){case Mn.Updating:case zn.Pending:case Un.ContainerCreating:case Bn.Waiting:return wn.Info;case Mn.Healthy:case zn.Succeeded:case zn.Running:case Un.Running:case Bn.Running:return wn.Success;case Mn.Degraded:return wn.Warning;case Mn.Failed:case zn.Failed:case Un.Error:case Un.CrashLoopBackOff:case Un.CreateContainerError:case Un.CreateContainerConfigError:case Un.ErrImagePull:case Un.ErrImageNeverPull:case Un.ImagePullBackOff:case Un.InvalidImageName:case Un.RegistryUnavailable:case Un.NetworkNotReady:case Un.OOMKilled:case Un.ContainerCannotRun:case Bn.Terminated:case Un.DeadlineExceeded:case Un.StartError:return wn.Error;case Mn.Down:case Un.Completed:return wn.Disabled;case Mn.Unknown:case zn.Unknown:default:return wn.Unknown}},Ms=o.div`
|
|
42
|
-
border-radius: 100%;
|
|
43
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
44
|
-
position: relative;
|
|
45
|
-
`,zs=o.div`
|
|
46
|
-
width: 80px;
|
|
47
|
-
height: 80px;
|
|
48
|
-
border-radius: 100%;
|
|
49
|
-
border: 4px solid ${({theme:e})=>e.v2.colors.green[300]};
|
|
50
|
-
border-right-color: transparent;
|
|
51
|
-
border-left-color: transparent;
|
|
52
|
-
border-bottom-color: transparent;
|
|
53
|
-
animation: spin 1s linear infinite;
|
|
54
|
-
@keyframes spin {
|
|
55
|
-
to {
|
|
56
|
-
transform: rotate(360deg);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
`,Us=o(Fa)`
|
|
60
|
-
position: absolute;
|
|
61
|
-
top: 50%;
|
|
62
|
-
left: 50%;
|
|
63
|
-
transform: translate(-50%, -50%);
|
|
64
|
-
`,Bs=({percentage:n})=>t(Ms,{children:[e(zs,{}),"number"==typeof n?e(Us,{size:Ra.M,weight:500,nowrap:!0,children:`${n}%`}):null]}),js={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 Hs(e){if("number"==typeof e)return{value:e,unit:"px"};let t;const n=(e.match(/^[0-9.]*/)||"").toString();t=n.includes(".")?parseFloat(n):parseInt(n,10);const o=(e.match(/[^0-9]*$/)||"").toString();return js[o]?{value:t,unit:o}:{value:t,unit:"px"}}function Gs(e){const t=Hs(e);return`${t.value}${t.unit}`}const Ws=(()=>{const e="react-spinners-SpinnerOld-fade";if("undefined"==typeof window||!window.document)return e;const t=document.createElement("style");document.head.appendChild(t);const n=t.sheet,o=`\n @keyframes ${e} {\n 50% {opacity: 0.3} 100% {opacity: 1}\n }\n `;return n&&n.insertRule(o,0),e})(),Xs=({loading:n=!0,color:o,scale:r=1,speedMultiplier:a=1,cssOverride:s={},style:l={},...c})=>{const d=i(),u=o||d.text.secondary;if(!n)return null;const{value:p}=Hs(2),h=p+4.2,g=h/2+h/5.5,m=4*h*r,f={position:"relative",width:`${m}px`,height:`${m}px`,scale:r,...l,...s},y=(e,t)=>({position:"absolute",width:Gs(1.5),height:Gs(4),borderRadius:Gs(2),backgroundColor:u,transition:"2s",animationFillMode:"both",animation:`${Ws} ${1.2/a}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return t("span",{style:f,...c,children:[e("span",{style:{...y(1,0),top:`calc(50% + ${h}px)`,left:"50%"}}),e("span",{style:{...y(2,-45),top:`calc(50% + ${g}px)`,left:`calc(50% + ${g}px)`}}),e("span",{style:{...y(3,90),top:"50%",left:`calc(50% + ${h}px)`}}),e("span",{style:{...y(4,45),top:`calc(50% + ${-1*g}px)`,left:`calc(50% + ${g}px)`}}),e("span",{style:{...y(5,0),top:`calc(50% + ${-1*h}px)`,left:"50%"}}),e("span",{style:{...y(6,-45),top:`calc(50% + ${-1*g}px)`,left:`calc(50% + ${-1*g}px)`}}),e("span",{style:{...y(7,90),top:"50%",left:`calc(50% + ${-1*h}px)`}}),e("span",{style:{...y(8,45),top:`calc(50% + ${g}px)`,left:`calc(50% + ${-1*g}px)`}})]})},Ks=o.div`
|
|
65
|
-
width: ${({$size:e})=>e}px;
|
|
66
|
-
height: ${({$size:e})=>e}px;
|
|
67
|
-
border-radius: 100%;
|
|
68
|
-
background: ${({$color:e})=>e};
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
justify-content: center;
|
|
72
|
-
`,Vs=({scale:t,icon:n})=>{const o=i();return e(Ks,{$size:45*t,$color:"rgba(80, 246, 232, 0.10)",children:e(Ks,{$size:43*t,$color:"rgba(80, 246, 232, 0.20)",children:e(Ks,{$size:39*t,$color:"rgba(80, 246, 232, 0.40)",children:e(Ks,{$size:33*t,$color:"rgba(80, 246, 232, 0.60)",children:e(Ks,{$size:23*t,$color:"#50F6E8",children:e(n,{size:16*t,fill:o.v2.colors.black[500]})})})})})})},Js=434,Ys=635,qs=o.div`
|
|
73
|
-
width: ${434}px;
|
|
74
|
-
height: ${635}px;
|
|
75
|
-
display: flex;
|
|
76
|
-
flex-direction: column;
|
|
77
|
-
align-items: center;
|
|
78
|
-
justify-content: center;
|
|
79
|
-
padding: 16px;
|
|
80
|
-
background: linear-gradient(180deg, #0b0517 2.82%, #190d31 100%);
|
|
81
|
-
position: relative;
|
|
82
|
-
`,Qs=o.div`
|
|
83
|
-
position: absolute;
|
|
84
|
-
top: 50%;
|
|
85
|
-
left: 50%;
|
|
86
|
-
transform: translate(-50%, -50%);
|
|
87
|
-
`,Zs=()=>t(qs,{children:[e(Qs,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"464",height:"464",viewBox:"0 0 464 464",fill:"none",children:[e("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)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65835",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(201.232 229.641) scale(231.217)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.41",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.13"}),e("stop",{offset:"0.67",stopColor:"#7C3BFF",stopOpacity:"0.18"}),e("stop",{offset:"0.75",stopColor:"#7C3BFF",stopOpacity:"0.25"}),e("stop",{offset:"0.83",stopColor:"#7C3BFF",stopOpacity:"0.33"}),e("stop",{offset:"0.89",stopColor:"#7C3BFF",stopOpacity:"0.44"}),e("stop",{offset:"0.95",stopColor:"#7C3BFF",stopOpacity:"0.56"}),e("stop",{offset:"1",stopColor:"#7C3BFF",stopOpacity:"0.7"})]})})]})}),e(Qs,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"432",height:"432",viewBox:"0 0 432 432",fill:"none",children:[e("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)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65836",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(204.229 214.376) scale(216.276)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.38",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.52",stopColor:"#7C3BFF",stopOpacity:"0.13"}),e("stop",{offset:"0.62",stopColor:"#7C3BFF",stopOpacity:"0.18"}),e("stop",{offset:"0.69",stopColor:"#7C3BFF",stopOpacity:"0.25"}),e("stop",{offset:"0.76",stopColor:"#7C3BFF",stopOpacity:"0.33"}),e("stop",{offset:"0.82",stopColor:"#7C3BFF",stopOpacity:"0.44"}),e("stop",{offset:"0.88",stopColor:"#7C3BFF",stopOpacity:"0.57"}),e("stop",{offset:"0.93",stopColor:"#7C3BFF",stopOpacity:"0.72"}),e("stop",{offset:"0.97",stopColor:"#7C3BFF",stopOpacity:"0.88"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(Qs,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"374",height:"374",viewBox:"0 0 374 374",fill:"none",children:[e("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)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65837",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(166.792 184.246) scale(186.963)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),e("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),e("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),e("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),e("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),e("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),e("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(Qs,{children:t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"257",height:"257",viewBox:"0 0 257 257",fill:"none",children:[e("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)"}),e("defs",{children:t("radialGradient",{id:"paint0_radial_164_65838",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(113.263 126.219) scale(128.08)",children:[e("stop",{stopColor:"#7C3BFF",stopOpacity:"0.1"}),e("stop",{offset:"0.31",stopColor:"#7C3BFF",stopOpacity:"0.11"}),e("stop",{offset:"0.45",stopColor:"#7C3BFF",stopOpacity:"0.14"}),e("stop",{offset:"0.56",stopColor:"#7C3BFF",stopOpacity:"0.19"}),e("stop",{offset:"0.65",stopColor:"#7C3BFF",stopOpacity:"0.26"}),e("stop",{offset:"0.73",stopColor:"#7C3BFF",stopOpacity:"0.35"}),e("stop",{offset:"0.8",stopColor:"#7C3BFF",stopOpacity:"0.46"}),e("stop",{offset:"0.86",stopColor:"#7C3BFF",stopOpacity:"0.6"}),e("stop",{offset:"0.92",stopColor:"#7C3BFF",stopOpacity:"0.76"}),e("stop",{offset:"0.98",stopColor:"#7C3BFF",stopOpacity:"0.93"}),e("stop",{offset:"1",stopColor:"#7C3BFF"})]})})]})}),e(Qs,{children:e(ae,{size:112})})]}),el=o.div`
|
|
88
|
-
width: ${({$size:e})=>e}px;
|
|
89
|
-
height: ${({$size:e})=>e}px;
|
|
90
|
-
border-radius: 100%;
|
|
91
|
-
background: ${({$color:e})=>e};
|
|
92
|
-
display: flex;
|
|
93
|
-
align-items: center;
|
|
94
|
-
justify-content: center;
|
|
95
|
-
`,tl=({scale:t=1,icon:n})=>{const o=i();return e(el,{$size:73*t,$color:"rgba(106, 42, 255, 0.10)",children:e(el,{$size:71*t,$color:"rgba(106, 42, 255, 0.20)",children:e(el,{$size:65*t,$color:"rgba(106, 42, 255, 0.40)",children:e(el,{$size:56*t,$color:"rgba(106, 42, 255, 0.60)",children:e(el,{$size:39*t,$color:o.v2.colors.purple[500],children:e(n,{size:32*t,fill:o.v2.colors.white[500]})})})})})})},nl=o.div`
|
|
96
|
-
flex: 1;
|
|
97
|
-
align-self: stretch;
|
|
98
|
-
min-height: 0;
|
|
99
|
-
display: flex;
|
|
100
|
-
flex-direction: column;
|
|
101
|
-
gap: ${({$gap:e=24})=>e}px;
|
|
102
|
-
overflow-y: auto;
|
|
103
|
-
overflow-x: auto;
|
|
104
|
-
padding: 12px;
|
|
105
|
-
`,ol=o.div`
|
|
106
|
-
position: relative;
|
|
107
|
-
|
|
108
|
-
// inherit all the properties of the parent (PageContent)
|
|
109
|
-
flex: inherit;
|
|
110
|
-
align-self: inherit;
|
|
111
|
-
min-height: inherit;
|
|
112
|
-
display: inherit;
|
|
113
|
-
flex-direction: inherit;
|
|
114
|
-
gap: inherit;
|
|
115
|
-
`,rl=o.div`
|
|
116
|
-
padding: ${({$padding:e})=>e||"12px"};
|
|
117
|
-
`,il=o.div`
|
|
118
|
-
display: flex;
|
|
119
|
-
flex-direction: row;
|
|
120
|
-
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
121
|
-
align-items: ${({$alignItems:e="center"})=>e};
|
|
122
|
-
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
123
|
-
gap: ${({$gap:e=2})=>e}px;
|
|
124
|
-
width: ${({$width:e})=>e||"unset"};
|
|
125
|
-
height: ${({$height:e})=>e||"unset"};
|
|
126
|
-
margin: ${({$margin:e="unset"})=>e};
|
|
127
|
-
padding: ${({$padding:e="unset"})=>e};
|
|
128
|
-
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
129
|
-
`,al=o.div`
|
|
130
|
-
display: flex;
|
|
131
|
-
flex-direction: column;
|
|
132
|
-
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
133
|
-
align-items: ${({$alignItems:e="unset"})=>e};
|
|
134
|
-
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
135
|
-
gap: ${({$gap:e=2})=>e}px;
|
|
136
|
-
width: ${({$width:e})=>e||"unset"};
|
|
137
|
-
height: ${({$height:e})=>e||"unset"};
|
|
138
|
-
margin: ${({$margin:e="unset"})=>e};
|
|
139
|
-
padding: ${({$padding:e="unset"})=>e};
|
|
140
|
-
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
141
|
-
`,sl=o(al)`
|
|
142
|
-
width: ${({$width:e})=>e||"100%"};
|
|
143
|
-
height: ${({$height:e})=>e||"unset"};
|
|
144
|
-
padding: ${({$padding:e})=>e||"unset"};
|
|
145
|
-
align-items: center;
|
|
146
|
-
justify-content: center;
|
|
147
|
-
`,ll=o.div`
|
|
148
|
-
display: flex;
|
|
149
|
-
flex-direction: column;
|
|
150
|
-
padding: 12px;
|
|
151
|
-
overflow-y: scroll;
|
|
152
|
-
`,cl=o.div`
|
|
153
|
-
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
154
|
-
top: 0;
|
|
155
|
-
left: 0;
|
|
156
|
-
right: 0;
|
|
157
|
-
bottom: 0;
|
|
158
|
-
// Sits at the modal/drawer layer; rendered before the surface in JSX so the surface
|
|
159
|
-
// visually stacks above it via DOM order while sharing the same z-index level.
|
|
160
|
-
z-index: ${({theme:e})=>e.v2.zIndex.modal};
|
|
161
|
-
background: rgba(0, 0, 0, 0.6);
|
|
162
|
-
backdrop-filter: blur(2px);
|
|
163
|
-
`,dl=o.div`
|
|
164
|
-
width: 800px;
|
|
165
|
-
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
166
|
-
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
167
|
-
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
168
|
-
padding: 0 2px;
|
|
169
|
-
overflow-y: scroll;
|
|
170
|
-
`,ul=o(al)`
|
|
171
|
-
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
172
|
-
width: 100%;
|
|
173
|
-
`,pl=o(il)`
|
|
174
|
-
gap: 16px;
|
|
175
|
-
padding: 16px;
|
|
176
|
-
`,hl=o.div`
|
|
177
|
-
width: 100%;
|
|
178
|
-
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
179
|
-
overflow-y: auto;
|
|
180
|
-
`,gl=a`
|
|
181
|
-
0% {
|
|
182
|
-
background-position: 0% 50%;
|
|
183
|
-
}
|
|
184
|
-
100% {
|
|
185
|
-
background-position: 100% 50%;
|
|
186
|
-
}
|
|
187
|
-
`,ml=o(Fa)`
|
|
188
|
-
background: ${({$titleColor:e,$gradientColor:t})=>`linear-gradient(45deg, ${e} 0%, ${e} 40%, ${t} 50%, ${e} 60%, ${e} 100%)`};
|
|
189
|
-
background-size: 250% 100%; /* Expand background to allow movement */
|
|
190
|
-
background-clip: text;
|
|
191
|
-
color: transparent;
|
|
192
|
-
animation: ${gl} 1s reverse linear infinite;
|
|
193
|
-
`,fl=e=>{const t=Math.max(0,Date.now()-e),n=Math.floor(t/1e3),o=Math.floor(n/60),r=n%60;return`${String(o).padStart(2,"0")}:${String(r).padStart(2,"0")}`},yl=({icon:n,title:o,titleColor:r,titleSize:a=Ra.S,subTitle:s,subTitleColor:l,subTitleSize:c=Ra.XXXS,startedAt:d,withGradient:u,gradientColor:p,withSpinner:h,withSpinnerOld:g,scaleSpinnerOld:m=1,percentage:f,withVisual:y,visualIcon:b=Qe})=>{const v=i(),[$,S]=Mt(()=>d?fl(d):"");zt(()=>{if(!d)return;S(fl(d));const e=setInterval(()=>S(fl(d)),1e3);return()=>clearInterval(e)},[d]);const x=r||v.v2.colors.white[500],w=l||v.v2.colors.silver[200],E=p||v.v2.colors.black[500];return t(al,{$gap:16,$alignItems:"center",children:[y?e(Vs,{scale:1.7,icon:b}):h?e(Bs,{percentage:f}):g?e(Xs,{scale:m}):null,(o||s||d||n)&&t(al,{$gap:8,$alignItems:"center",children:[t(il,{$gap:4,children:[n&&e(n,{}),u?e(ml,{align:"center",size:a,$titleColor:x,$gradientColor:E,children:o||"Loading..."}):e(Fa,{align:"center",size:a,color:x,children:o})]}),s?e(Fa,{align:"center",size:c,color:w,children:s}):null,$?e(Fa,{align:"center",size:c,color:x,children:$}):null]})]})},bl=(e,t)=>({[wn.Default]:n=>ae({fill:Ps(t,e,"300"),...n}),[wn.Info]:n=>nt({fill:Ps(t,e,"400"),...n}),[wn.Error]:n=>tt({fill:Ps(t,e,"500"),...n}),[wn.Warning]:n=>et({fill:Ps(t,e,"500"),...n}),[wn.Success]:n=>v({fill:Ps(t,e,"500"),...n}),[wn.Loading]:e=>yl({withSpinnerOld:!0,...e}),[wn.Disabled]:n=>$({fill:Ps(t,e,"400"),...n}),[wn.Unknown]:n=>Ze({fill:Ps(t,e,"300"),...n})}[e]),vl=e=>{switch(e){case Rn.Success:return wn.Success;case Rn.Error:case Rn.Failure:return wn.Error;case Rn.Notice:return wn.Warning;case Rn.Unsupported:case Rn.Unknown:return wn.Info;case Rn.Irrelevant:case Rn.Disabled:return wn.Disabled;case Rn.Waiting:return wn.Loading;case Rn.Pending:default:return wn.Default}},$l=(e,t)=>{const n=t.find(([t,n])=>e>=t&&(null===n||e<=n));return n?.[2]||null},Sl={redis:x,mysql:C,postgresql:w,postgres:w,kafka:S,elasticsearch:Ee,clickhouse:Oe,oracle:ne,aws:ot},xl={sts:mt,dynamodb:gt,s3:Y,sqs:ht,sns:pt,lambda:ut,kinesis:dt,ec2:ct,apigateway:lt,apigatewayv2:lt,bedrock:st,bedrockruntime:st,eventbridge:at,sfn:it,stepfunctions:it,secretsmanager:rt,cloudwatch:Ne},wl=e=>{const t=e.attributes,n=t["db.system"];if(n){const e=Sl[n.toLowerCase()];if(e)return e}const o=t["messaging.system"];if(o){const e=Sl[o.toLowerCase()];if(e)return e}const r=t["rpc.system"];if(r?.toLowerCase().includes("aws")){const e=t["rpc.service"]?.toLowerCase();if(e){const t=xl[e];if(t)return t}return ot}const i=e.serviceName.toLowerCase();for(const[e,t]of Object.entries(Sl))if(i.includes(e))return t;return We},El=e=>{if(!e)return{namespace:"",name:"",kind:""};if("id"in e&&"object"==typeof e.id)return{namespace:e.id.namespace,name:e.id.name,kind:e.id.kind};const{namespace:t,name:n,kind:o}=e;return{namespace:t,name:n,kind:o}};function Cl(e,t){if(!e)return t;if("object"==typeof e)return e;try{return JSON.parse(e)}catch(e){return t}}const Tl=(e,t)=>{const n=[],o=JSON.parse(JSON.stringify(e));for(const e of o){const o=Cl(t.fields,{}),r=e.items.findIndex(e=>e.type===t.destinationType.type);-1!==r&&n.push(...e.items[r].fields.map(e=>({...e,initialValue:o[e.name]})))}return n},Al=(e,t)=>{const n=e=>e?.some(({healthy:e})=>e.status!==wn.Success);return e?.length?e.some(({instrumentationInstances:e})=>n(e)):n(t)??!1};function Il(e){if(!e||0===e.length)return null;const t=[],n=[],o=[];for(const r of e){if(!r)continue;const e=r.workloadName??"",i=r.workloadKind??"",a=r.workloadNamespace??"",s=r.workloadLanguage??"";e||i?t.push({namespace:a,kind:i,name:e}):a&&n.push(a),s&&o.push(s)}return 0===t.length&&0===n.length&&0===o.length?null:{sources:t,namespaces:n,languages:o}}function kl(e){if(!e)return null;const t=[];for(const n of e.sources??[])t.push({workloadName:n.name||null,workloadKind:n.kind||null,workloadNamespace:n.namespace||null});for(const n of e.namespaces??[])t.push({workloadNamespace:n});for(const n of e.languages??[])t.push({workloadLanguage:n});return t.length?t:null}function Nl(e){const{sourcesScopes:t,...n}=e;return{...n,sourceScopes:Il(t??null)}}function Ol(e){const{sourceScopes:t,...n}=e;return{...n,sourcesScopes:kl(t??null)}}const Rl=e=>Array.isArray(e)?!e?.length:"object"==typeof e?!Object.keys(e||{}).length:[void 0,null,""].includes(e),Dl=e=>!!e&&(!(e.length>63)&&/^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/.test(e)),_l=(e,t=0)=>{const n=(new Date).getTime();return new Date(e).getTime()-n<=t},Ll=e=>{const t=String(e).trim().toLowerCase();return["true","false","1","0"].includes(t)},Pl=(e,t=0)=>(new Date).getTime()-new Date(e).getTime()>=t,Fl=/^(\d+\.)?(\d+\.)?(\*|\d+)$/,Ml=e=>Fl.test(e),zl=e=>e?.map(({status:e,type:t,reason:n,message:o})=>({status:e?.toLowerCase(),type:Na(t),reason:n?Na(n):"",message:o}))||[],Ul=(e,t)=>{const n=Cl(e.fields,{});return t.length?t.map(e=>({key:e.name,name:e.displayName||e.name,value:n[e.name]??null})).filter(e=>null!==e.value):Object.entries(n).map(([e,t])=>({key:e,name:e,value:t}))},Bl=e=>e?Object.keys(e).filter(t=>e[t]).map(e=>Kn[e]):[],jl=e=>e?Object.keys(e).filter(t=>e[t].supported).map(e=>Kn[e]):[],Hl=e=>{let t=e.replace(/[^\d.]/g,"");const n=t.indexOf(".");return-1!==n&&(t=t.slice(0,n+1)+t.slice(n+1).replace(/\./g,"")),t},Gl=e=>e.replace(/[^\d]/g,""),Wl=e=>{const t=String(e).trim().toLowerCase();return"true"===t||"1"===t},Xl=e=>{let t="";try{const n=JSON.parse(e);t=Array.isArray(n)?n.map(e=>"object"==typeof e&&null!==e?`${e.key}: ${e.value}`:e).join(", "):"object"==typeof n&&null!==n?Object.entries(n).map(([e,t])=>`${e}: ${t}`).join(", "):e}catch(n){t=e}return t},Kl=e=>{const t=e.fields.reduce((e,{key:t,value:n})=>{const o=(e=>{if(null!=e){if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e)return String(e);try{return JSON.stringify(e)}catch{return}}})(n);return void 0!==o&&e.push({key:t,value:o}),e},[]);return{...e,fields:t}},Vl=e=>{if("object"!=typeof e)return e;const t=Array.isArray(e)?[]:{};return Object.keys(e).forEach(n=>{const o=e[n];if(Array.isArray(o)){const e=o.filter(e=>null!=e&&""!==e);e.length>0&&(t[n]=e.map(e=>Vl(e)))}else if("object"==typeof o&&null!==o){const e=Vl(o);Object.keys(e).length>0&&(t[n]=e)}else[void 0,null,""].includes(o)||(t[n]=o)}),t},Jl=(e,t=2)=>JSON.stringify(e||{},null,t),Yl=async(e=1e3)=>new Promise(t=>setTimeout(t,e)),ql=e=>Object.entries(e).reduce((e,[t,n])=>(e[t]="string"==typeof n?n:JSON.stringify(n),e),{}),Ql={PID:"process.pid",VPID:"process.vpid"},Zl={[yn.Go]:"Go",[yn.Java]:"Java",[yn.JavaScript]:"Node.js",[yn.Python]:"Python",[yn.DotNet]:".NET",[yn.CSharp]:"C#",[yn.CPlusPlus]:"C++",[yn.Php]:"PHP",[yn.Ruby]:"Ruby",[yn.Rust]:"Rust",[yn.Swift]:"Swift",[yn.Elixir]:"Elixir",[yn.MySql]:"MySQL",[yn.Nginx]:"Nginx",[yn.Postgres]:"PostgreSQL",[yn.Redis]:"Redis",[yn.Kafka]:"Kafka",[yn.Ignored]:"Ignored",[yn.Unknown]:"Unknown",[yn.Processing]:"Processing",[yn.NoContainers]:"No Containers",[yn.NoRunningPods]:"No Running Pods"},ec=[{id:yn.Go,label:Zl[yn.Go],icon:gs(yn.Go)},{id:yn.Java,label:Zl[yn.Java],icon:gs(yn.Java)},{id:yn.JavaScript,label:Zl[yn.JavaScript],icon:gs(yn.JavaScript)},{id:yn.Python,label:Zl[yn.Python],icon:gs(yn.Python)},{id:yn.Php,label:Zl[yn.Php],icon:gs(yn.Php)},{id:yn.Ruby,label:Zl[yn.Ruby],icon:gs(yn.Ruby)},{id:yn.Rust,label:Zl[yn.Rust],icon:gs(yn.Rust)},{id:yn.DotNet,label:Zl[yn.DotNet],icon:gs(yn.DotNet)},{id:yn.CSharp,label:Zl[yn.CSharp],icon:gs(yn.CSharp)},{id:yn.CPlusPlus,label:Zl[yn.CPlusPlus],icon:gs(yn.CPlusPlus)},{id:yn.Swift,label:Zl[yn.Swift],icon:gs(yn.Swift)},{id:yn.Elixir,label:Zl[yn.Elixir],icon:gs(yn.Elixir)}],tc={id:On.OpentelemetryEbpfInstrumentation,label:On.OpentelemetryEbpfInstrumentation,icon:ft},nc={[yn.Go]:{community:[{id:On.GolangCommunity,label:On.GolangCommunity,icon:gs(yn.Go)},tc],enterprise:[{id:On.GolangEnterprise,label:On.GolangEnterprise,icon:gs(yn.Go)}]},[yn.JavaScript]:{community:[{id:On.NodejsCommunity,label:On.NodejsCommunity,icon:gs(yn.JavaScript)},tc],enterprise:[{id:On.NodejsEnterprise,label:On.NodejsEnterprise,icon:gs(yn.JavaScript)}]},[yn.Python]:{community:[{id:On.PythonCommunity,label:On.PythonCommunity,icon:gs(yn.Python)},tc],enterprise:[{id:On.PythonEnterprise,label:On.PythonEnterprise,icon:gs(yn.Python)}]},[yn.Java]:{community:[{id:On.JavaCommunity,label:On.JavaCommunity,icon:gs(yn.Java)},tc],enterprise:[{id:On.JavaEnterprise,label:On.JavaEnterprise,icon:gs(yn.Java)},{id:On.JavaEbpfInstrumentations,label:On.JavaEbpfInstrumentations,icon:gs(yn.Java)}]},[yn.DotNet]:{community:[{id:On.DotNetCommunity,label:On.DotNetCommunity,icon:gs(yn.DotNet)},tc],enterprise:[{id:On.DotNetEnterprise,label:On.DotNetEnterprise,icon:gs(yn.DotNet)}]},[yn.Ruby]:{community:[{id:On.RubyCommunity,label:On.RubyCommunity,icon:gs(yn.Ruby)},tc],enterprise:[{id:On.RubyEnterprise,label:On.RubyEnterprise,icon:gs(yn.Ruby)}]},[yn.Php]:{community:[{id:On.PhpCommunity,label:On.PhpCommunity,icon:gs(yn.Php)},tc],enterprise:[]},[yn.CSharp]:{community:[],enterprise:[{id:On.CPlusPlusEnterprise,label:On.CPlusPlusEnterprise,icon:gs(yn.CSharp)}]},[yn.MySql]:{community:[],enterprise:[{id:On.MySqlEnterprise,label:On.MySqlEnterprise,icon:gs(yn.MySql)}]},[yn.CPlusPlus]:{community:[tc],enterprise:[]},[yn.Rust]:{community:[tc],enterprise:[]},[yn.Swift]:{community:[tc],enterprise:[]},[yn.Elixir]:{community:[tc],enterprise:[]},[yn.Nginx]:{community:[tc],enterprise:[]},[yn.Postgres]:{community:[tc],enterprise:[]},[yn.Redis]:{community:[tc],enterprise:[]},[yn.Kafka]:{community:[tc],enterprise:[]},[yn.Ignored]:{community:[],enterprise:[]},[yn.Unknown]:{community:[tc],enterprise:[]},[yn.Processing]:{community:[],enterprise:[]},[yn.NoContainers]:{community:[],enterprise:[]},[yn.NoRunningPods]:{community:[],enterprise:[]}},oc=6048e5,rc=Lt()(qt(e=>({darkMode:!0,setDarkMode:t=>e({darkMode:t})}),{name:ja.DARK_MODE,storage:"undefined"!=typeof window?Qt(()=>localStorage):void 0})),ic={dataStreamsLoading:!1,dataStreams:[],selectedStreamName:za},ac=Lt(e=>({...ic,setDataStreamsLoading:t=>e({dataStreamsLoading:t}),setDataStreams:t=>e({dataStreams:t}),addDataStreams:t=>e(e=>{const n=[...e.dataStreams,...t].map(e=>[e.name,e]);return{dataStreams:Array.from(new Map(n).values())}}),removeDataStreams:t=>e(e=>({dataStreams:e.dataStreams.filter(e=>!t.find(t=>t.name===e.name))})),setSelectedStreamName:t=>e({selectedStreamName:t}),resetDataStreamStore:()=>e(ic)}));var sc;(e=>{e.AddSource="add-source",e.EditSource="edit-source",e.AddDestination="add-destination",e.EditDestination="edit-destination",e.AddAction="add-action",e.EditAction="edit-action",e.AddInstrumentationRule="add-instrumentation-rule",e.EditInstrumentationRule="edit-instrumentation-rule",e.OnboardingDone="onboarding-done"})(sc||(sc={}));const lc=e=>`add-${Na(e).replaceAll(" ","-").toLowerCase()}`,cc=e=>`edit-${Na(e).replaceAll(" ","-").toLowerCase()}`,dc=Lt(e=>({drawerType:null,drawerEntityId:null,pendingViewSamplingRule:null,setDrawerType:t=>e({drawerType:t}),setDrawerEntityId:t=>e({drawerEntityId:t}),setPendingViewSamplingRule:t=>e({pendingViewSamplingRule:t})})),uc=()=>({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],podsAgentInjectionStatus:[],onlyErrors:!1}),pc=Lt(e=>({searchText:"",setSearchText:t=>e({searchText:t}),statuses:[],setStatuses:t=>e({statuses:t}),platformTypes:[],setPlatformTypes:t=>e({platformTypes:t}),namespaces:[],setNamespaces:t=>e({namespaces:t}),kinds:[],setKinds:t=>e({kinds:t}),monitors:[],setMonitors:t=>e({monitors:t}),languages:[],setLanguages:t=>e({languages:t}),podsAgentInjectionStatus:[],setPodsAgentInjectionStatus:t=>e({podsAgentInjectionStatus:t}),onlyErrors:!1,setOnlyErrors:t=>e({onlyErrors:t}),setAll:t=>e(t),clearAll:()=>e({searchText:"",statuses:[],platformTypes:[],namespaces:[],kinds:[],monitors:[],languages:[],podsAgentInjectionStatus:[],onlyErrors:!1}),getEmptyState:uc})),hc=Lt((e,t)=>({notifications:[],addNotification:n=>{const o=new Date,r=`${o.getTime().toString()}${n.target?`#${n.target}`:""}`,{notifications:i}=t();i.some(e=>e.type===n.type&&e.title===n.title&&e.message===n.message&&!e.dismissed)||e(e=>({notifications:[{...n,id:r,time:o.toISOString(),dismissed:!1,seen:!1},...e.notifications]}))},markAsDismissed:t=>{e(e=>{const n=e.notifications.findIndex(e=>e.id===t);return-1!==n&&(e.notifications[n].dismissed=!0),{notifications:e.notifications}})},markAsSeen:t=>{e(e=>{const n=e.notifications.findIndex(e=>e.id===t);return-1!==n&&(e.notifications[n].seen=!0),{notifications:e.notifications}})},removeNotification:t=>{e(e=>{const n=e.notifications.findIndex(e=>e.id===t);return-1!==n&&e.notifications.splice(n,1),{notifications:e.notifications}})},removeNotifications:t=>{t&&e(e=>({notifications:e.notifications.filter(e=>e.id.split("#")[1]!==t)}))}}));var gc;(e=>{e.Instrumenting="instrumenting",e.Uninstrumenting="uninstrumenting",e.BulkInstrumenting="bulk-instrumenting",e.BulkUninstrumenting="bulk-uninstrumenting",e.DownloadingDiagnose="downloading-diagnose"})(gc||(gc={}));const mc=(e,t)=>({...t?.[e]||{total:0,current:0,percentage:0}}),fc=e=>(e.total<e.current&&(e.total=e.current+1),e.percentage=Math.round(e.current/e.total*100),e),yc=Lt((e,t)=>({progress:{},setProgress:(n,o)=>{const r=t(),i=mc();return"number"==typeof o.total&&(i.total=o.total),"number"==typeof o.current&&(i.current=o.current),Array.isArray(o.list)&&(i.list=o.list),e({progress:{...r.progress,[n]:fc(i)}})},addProgress:(n,o,r)=>{const i=t(),a=mc(n,i.progress);return a.current+=o,r&&(a.list=a.list?.map(e=>e.label===r.label?{...e,status:r.status}:e)),e({progress:{...i.progress,[n]:fc(a)}})},resetProgress:t=>e({progress:{[t]:void 0}})})),bc=Lt(e=>({selectedSources:{},setSelectedSources:t=>e({selectedSources:t}),resetSelectedState:()=>e(()=>({selectedSources:{},selectedConnection:null}))})),vc={configuredSources:{},configuredFutureApps:{},configuredDestinations:[],configuredDestinationsUpdateOnly:[]},$c=(e,t)=>e.destinationType.type!==t.destinationType.type,Sc=Lt(e=>({...vc,setConfiguredSources:t=>e({configuredSources:t}),setConfiguredFutureApps:t=>e({configuredFutureApps:t}),setConfiguredDestinations:t=>e({configuredDestinations:t}),addConfiguredDestination:t=>e(e=>({configuredDestinations:[...e.configuredDestinations,t]})),removeConfiguredDestination:t=>e(e=>({configuredDestinations:e.configuredDestinations.filter(e=>$c(e,t))})),setConfiguredDestinationsUpdateOnly:t=>e({configuredDestinationsUpdateOnly:t}),addConfiguredDestinationUpdateOnly:t=>e(e=>{const n=[...e.configuredDestinationsUpdateOnly,t].map(e=>[e.id,e]);return{configuredDestinationsUpdateOnly:Array.from(new Map(n).values())}}),removeConfiguredDestinationUpdateOnly:t=>e(e=>({configuredDestinationsUpdateOnly:e.configuredDestinationsUpdateOnly.filter(e=>$c(e,t))})),clearStore:()=>e(()=>({...vc}))})),xc=e=>{function t(){return void 0===e?{}:Za(e)}const[n,o]=Mt(t()),[r,i]=Mt({}),[a,s]=Mt(t()),l=Ut((e,t)=>{const n={};if(!t||"object"!=typeof t)return e?{...e}:n;for(const[o,r]of Object.entries(e)){const e=o;if(Array.isArray(r)){const o=t[e];Array.isArray(o)&&r.length===o.length&&r.every((e,t)=>"object"==typeof e&&null!==e?0===Object.keys(l(e,o[t])).length:e===o[t])||(n[e]=t[e])}else if("object"==typeof r&&null!==r)if(null==t[e]||"object"!=typeof t[e])n[e]=t[e];else{const o=l(r,t[e]);Object.keys(o).length>0&&(n[e]=o)}else r!==t[e]&&(n[e]=t[e])}for(const o of Object.keys(t))o in e||(n[o]=t[o]);return n},[]),c=(e,t)=>0===Object.keys(l(e,t)).length,d=Bt(()=>!c(a,n),[a,n]);zt(()=>{const r=t();void 0!==e&&"{}"===JSON.stringify(n)&&"{}"!==JSON.stringify(r)&&(o(r),s(r))},[e,n]);const u=Ut((e,t)=>es("formData"===e?n:r,t.toString()),[n,r]);return{formData:n,formErrors:r,getFormDiff:l,areFormValuesEqual:c,isFormDirty:d,handleFormChange:(e,t,n)=>{if(e){const n=e.toString(),r=n.split(".");1===r.length?o(n=>({...n,[e]:t})):o(e=>{const n=Za(e);let o=n;for(let e=0;e<r.length-1;e++){const t=r[e];o[t]&&"object"==typeof o[t]||(o[t]={}),o=o[t]}return o[r[r.length-1]]=t,n}),i(e=>{const t=n,o=r[r.length-1],i=void 0!==e[t],a=o!==t&&void 0!==e[o];if(!i&&!a)return e;const s={...e};return i&&delete s[t],a&&delete s[o],s})}else n&&o({...n})},handleErrorChange:(e,t,n)=>{if(e){const n=e.toString().split(".");1===n.length?i(n=>({...n,[e]:t})):i(e=>{const o=Za(e);let r=o;for(let e=0;e<n.length-1;e++){const t=n[e];r[t]&&"object"==typeof r[t]||(r[t]={}),r=r[t]}return r[n[n.length-1]]=t,o})}else n&&i({...n})},resetFormData:e=>{const n=e||t();o(n),s(n),i({})},getNestedValue:u}},wc={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,urlTemplatizationRulesGroups:null,extractAttribute:null}},Ec=()=>{const{addNotification:e}=hc(),{formData:t,formErrors:n,handleFormChange:o,handleErrorChange:r,resetFormData:i}=xc(wc);return{formData:t,formErrors:n,handleFormChange:o,resetFormData:i,validateForm:n=>{const o={};let i=!0;if(Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":Rl(t)&&(o[e]=Ha.FIELD_IS_REQUIRED)}}),t.type===nn.URLTemplatization){const e=t.fields?.urlTemplatizationRulesGroups;if(e)for(const t of e)if(t.templatizationRules?.some(e=>!e.template?.trim())){o.fields=Ha.FIELD_IS_REQUIRED;break}}return i=!Object.values(o).length,!i&&n?.withAlert&&e({type:wn.Warning,title:n.alertTitle,message:Ha.REQUIRED_FIELDS,hideFromHistory:!0}),r(void 0,void 0,o),i},loadFormWithDrawerItem:({type:e,signals:t,name:n,notes:r,disabled:i,fields:a})=>{const s={...Za(wc),type:e,signals:t,name:n,notes:r,disabled:i};Object.entries(a).forEach(([e,t])=>{if(t)switch(e){case on.LabelsAttributes:case on.AnnotationsAttributes:s.fields||(s.fields={}),s.fields[e]=(n=t)&&Array.isArray(n)?n.map(e=>!e.fromSources?.length&&e.from?{...e,fromSources:[e.from]}:e):n;break;case on.CollectContainerAttributes:case on.CollectReplicaSetAttributes:case on.CollectWorkloadId:case on.CollectClusterId:case on.ClusterAttributes:case on.OverwriteExistingValues:case on.AttributeNamesToDelete:case on.Renames:case on.PiiCategories:case on.ExtractAttribute:case on.UrlTemplatizationRulesGroups:s.fields||(s.fields={}),s.fields[e]=t}var n}),o(void 0,void 0,s)}}},Cc=e=>{zt(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Tc=()=>{const e=jt(null),[t,n]=Mt(0),[o,r]=Mt(0);return zt(()=>{const t=()=>{if(e.current){const{width:t,height:o}=e.current.getBoundingClientRect();n(t),r(o)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:o}};var Ac;(e=>{e[e.XS=16]="XS",e[e.S=18]="S",e[e.M=24]="M",e[e.L=32]="L"})(Ac||(Ac={}));const Ic=o.div`
|
|
194
|
-
width: ${({$size:e})=>1.5*e}px;
|
|
195
|
-
height: ${({$size:e})=>1.5*e}px;
|
|
196
|
-
display: flex;
|
|
197
|
-
align-items: center;
|
|
198
|
-
justify-content: center;
|
|
199
|
-
border-radius: 100%;
|
|
200
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
201
|
-
&:hover {
|
|
202
|
-
background: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
203
|
-
}
|
|
204
|
-
`,kc=({"data-id":t,icon:n,size:o=Ac.S,onClick:r,disabled:i})=>e(Ic,{"data-id":t,$size:o,$disabled:i,onClick:e=>{r&&!i&&(e.stopPropagation(),r(e))},children:e(n,{size:o})}),Nc=({onDone:t}={})=>{const[n,o]=Mt(!1),[r,i]=Mt(-1),a=Ut(async(e,r)=>{if(!n){if(o(!0),void 0!==r&&i(r),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(e)}catch(e){}else{const t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)}t?.(),setTimeout(()=>{o(!1),i(-1)},1e3)}},[n,t]);return{CopyButton:Ut(({value:t,size:o})=>e(kc,{icon:n?yt:bt,size:o,onClick:()=>a(t)}),[n]),isCopied:n,copiedIndex:r,clickCopy:a}},Oc=e=>{const{addNotification:t}=hc(),{formData:n,handleFormChange:o,formErrors:r,handleErrorChange:i,resetFormData:a}=xc(e);return{formData:n,formErrors:r,handleFormChange:o,resetFormData:a,validateForm:e=>{const o={};let r=!0;return n.name?Dl(n.name)?o.name=void 0:(r=!1,o.name=Ha.ILLEGAL_K8S_LABEL):(r=!1,o.name=Ha.FIELD_IS_REQUIRED),!r&&e?.withAlert&&t({type:wn.Warning,title:e.alertTitle,message:Ha.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,o),r},loadFormWithDrawerItem:({name:t})=>{const n={...Za(e),name:t};o(void 0,void 0,n)}}},Rc={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1,profiles:!1},fields:[],disabled:!1},Dc=e=>{const{supportedSignals:t,preLoadedFields:n}=e||{},{addNotification:o}=hc(),{formData:r,formErrors:i,handleFormChange:a,handleErrorChange:s,resetFormData:l}=xc(Rc),[c,d]=Mt([]),[u,p]=Mt([]);return zt(()=>{var e;p(c?(e=c,e.filter(e=>!!e).map(e=>{const{name:t,componentType:n,componentProperties:o,displayName:r,initialValue:i,renderCondition:a}=e;if(n===Sn.Dropdown){const e=Cl(o,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,label:e})):Object.entries(e.values).map(([e,t])=>({id:e,label:t}));return{name:t,componentType:n,title:r,value:i,placeholder:e.placeholder||"Select an option",options:s,renderCondition:a,...e}}return{name:t,componentType:n,title:r,value:i,renderCondition:a,...Cl(o,{})}})).map(e=>{if(n){const t="string"==typeof n?Cl(n,{}):n;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[c,n]),zt(()=>{if(u){const e=u.map(e=>({key:e.name,value:e.value}));a("fields",e)}},[u]),zt(()=>{if(t&&0===Bl(r.exportedSignals).length){const{logs:e,metrics:n,traces:o}=t;a("exportedSignals",{logs:e.supported,metrics:n.supported,traces:o.supported})}},[t,r.exportedSignals]),{formData:r,formErrors:i,handleFormChange:a,resetFormData:l,validateForm:e=>{const t={};let n=!0;return u.forEach(({name:e,value:o,required:r})=>{r&&!o&&(n=!1,t[e]=Ha.FIELD_IS_REQUIRED)}),!n&&e?.withAlert&&o({type:wn.Warning,title:e.alertTitle,message:Ha.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),n},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:n,exportedSignals:o,fields:r})=>{const i={...Za(Rc),type:e,name:t,disabled:n,exportedSignals:o,fields:Object.entries(Cl(r,{})).map(([e,t])=>({key:e,value:t}))};return a(void 0,void 0,i),i},yamlFields:c,setYamlFields:d,dynamicFields:u,setDynamicFields:p}},_c={ruleName:"",notes:"",disabled:!1,workloads:null,sourceScopes:null,instrumentationLibraries:null,payloadCollection:{[Fn.HttpRequest]:null,[Fn.HttpResponse]:null,[Fn.DbQuery]:null,[Fn.Messaging]:null},codeAttributes:{[_n.Column]:null,[_n.FilePath]:null,[_n.Function]:null,[_n.LineNumber]:null,[_n.Namespace]:null,[_n.StackTrace]:null},headersCollection:null,customInstrumentations:{[Pn.Java]:null,[Pn.Golang]:null}},Lc=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:r}=xc(_c);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:r,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:o,sourceScopes:r,payloadCollection:i,codeAttributes:a,headersCollection:s,customInstrumentations:l})=>{const c={...Za(_c),ruleName:e,notes:t,disabled:o,sourceScopes:r??null};i&&(c.payloadCollection={[Fn.HttpRequest]:i[Fn.HttpRequest]?{}:null,[Fn.HttpResponse]:i[Fn.HttpResponse]?{}:null,[Fn.DbQuery]:i[Fn.DbQuery]?{}:null,[Fn.Messaging]:i[Fn.Messaging]?{}:null}),a&&(c.codeAttributes={[_n.Column]:a[_n.Column]||null,[_n.FilePath]:a[_n.FilePath]||null,[_n.Function]:a[_n.Function]||null,[_n.LineNumber]:a[_n.LineNumber]||null,[_n.Namespace]:a[_n.Namespace]||null,[_n.StackTrace]:a[_n.StackTrace]||null}),s&&(c.headersCollection=s),l&&(c.customInstrumentations={[Pn.Java]:l[Pn.Java]||null,[Pn.Golang]:l[Pn.Golang]||null}),n(void 0,void 0,c)}}},Pc=({active:e,key:t,withAltKey:n,withCtrlKey:o,withShiftKey:r,withMetaKey:i},a)=>(zt(()=>{const s=s=>{e&&t===s.key&&(!n||n&&s.altKey)&&(!o||o&&s.ctrlKey)&&(!r||r&&s.shiftKey)&&(!i||i&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),a(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,n,o,r,i,a]),null),Fc="data-ignore-outside-click",Mc=(e,t)=>{const n=jt(t);n.current=t,zt(()=>{const t=t=>{const o=t.target;e.current&&!e.current.contains(o)&&((e=>{let t=e;for(;t;){if(t instanceof Element&&t.hasAttribute(Fc))return!0;t=t.parentNode}return!1})(o)||n.current())};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}},[e])},zc=(e,{axis:t="horizontal",deps:n=[]}={})=>{const[o,r]=Mt(!1),i=e=>{const n="vertical"===t?e.scrollHeight>e.clientHeight+1:e.scrollWidth>e.clientWidth+1;r(n)};return Ht(()=>{const t=e.current;if(!t)return;i(t);const n=new ResizeObserver(()=>i(t));return n.observe(t),()=>n.disconnect()},[t,...n]),zt(()=>{if("undefined"==typeof document||!document.fonts?.ready)return;let t=!1;return document.fonts.ready.then(()=>{const n=e.current;!t&&n&&i(n)}),()=>{t=!0}},[t,...n]),o},Uc=(e,{behavior:t="smooth",block:n="center",inline:o,delayMs:r=50}={})=>{const i=jt(null);return zt(()=>{if(!e)return;const a=window.setTimeout(()=>{i.current?.scrollIntoView({behavior:t,block:n,inline:o})},r);return()=>window.clearTimeout(a)},[e,t,n,o,r]),i},Bc=({sectionNames:e,threshold:t=.4})=>{const[n,o]=Mt(e[0]||""),[r,i]=Mt(null),a=jt({}),s=jt(!1),l=jt(!1),c=Ut((e,t)=>{a.current[e]=t},[]),d=Ut(e=>{i(e)},[]),u=Ut(e=>{l.current=!0,o(e)},[]);return zt(()=>{if(!l.current)return;l.current=!1;const e=a.current[n];if(!e)return;s.current=!0,e.scrollIntoView({behavior:"smooth",block:"start"});const t=setTimeout(()=>{s.current=!1},600);return()=>clearTimeout(t)},[n]),zt(()=>{const n=a.current,i=e.map(e=>n[e]).filter(Boolean);if(!i.length)return;const l=new IntersectionObserver(e=>{if(!s.current)for(const t of e)if(t.isIntersecting){const e=t.target.getAttribute("data-section-name");e&&o(e);break}},{threshold:t,root:r});return i.forEach(e=>l.observe(e)),()=>l.disconnect()},[e,t,r]),{selectedSection:n,setSelectedSection:u,setSectionRef:c,setScrollContainerRef:d}},jc=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:n,positionMode:o="local"}={})=>{const r=jt(null),[i,a]=Mt(!1),[s,l]=Mt({top:0,left:0}),[c,d]=Mt({edge:"top",align:"left"});return Mc(r,()=>{i&&(a(!1),n?.())}),{popupRef:r,popupOpen:i,setPopupOpen:a,popupPosition:s,arrowPlacement:c,handlePosition:(n,i)=>{if("local"===o)return void l({top:i,left:n});const{innerWidth:a,innerHeight:s}=window,c=r.current?.clientWidth||t,u=r.current?.clientHeight||e,p=n/a,h=p<1/3?"left":p>2/3?"right":"center";d({edge:i<s/2?"top":"bottom",align:h});let g=i,m=n;if(g>=s/2&&(g+=-u),"center"===h){m=n-c/2;const e=8;m=Math.max(e,Math.min(m,a-c-e))}else m>=a/2&&(m=n-c);l({top:g,left:m})}}},Hc=()=>({getItemSS:(e,t)=>{const n=sessionStorage.getItem(e);return n?Cl(n,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),Gc={otelServiceName:"",currentStreamName:""},Wc=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:r}=xc(Gc);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:r,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({serviceName:e,id:t})=>{const o={...Za(Gc),otelServiceName:e||t.name||""};n(void 0,void 0,o)}}};try{Wt.addDefaultLocale(Xt)}catch(e){}const Xc=new Wt(Xt.locale),Kc=[{ms:31536e6,long:["year","years"],short:"y"},{ms:2592e6,long:["month","months"],short:"mo"},{ms:864e5,long:["day","days"],short:"d"},{ms:36e5,long:["hour","hours"],short:"h"},{ms:6e4,long:["minute","minutes"],short:"m"},{ms:1e3,long:["second","seconds"],short:"s"}],Vc=e=>"string"==typeof e?new Date(e.replace("t","T").replace("z","Z")):new Date(e),Jc=()=>{const[e,t]=Mt(0);return zt(()=>{const e=setInterval(()=>{t(e=>(e+1)%Number.MAX_SAFE_INTEGER)},1e3);return()=>clearInterval(e)},[]),{formatTimeAgo:Ut(e=>{try{return Xc.format(Vc(e))}catch(e){return"-"}},[e]),formatDurationAgo:Ut((e,{units:t=2,style:n="long",suffix:o=!0}={})=>{try{const r=Vc(e);let i=Math.max(0,Date.now()-r.getTime());if(i<1e3)return"short"===n?"0s":o?"just now":"0 seconds";const a=[];for(const e of Kc){if(a.length===t)break;const o=Math.floor(i/e.ms);if(!(o<=0&&0===a.length)){if(o<=0)break;i-=o*e.ms,a.push("short"===n?`${o}${e.short}`:`${o} ${1===o?e.long[0]:e.long[1]}`)}}const s="short"===n?a.join(""):a.join(" ");return o&&"long"===n?`${s} ago`:s}catch(e){return"-"}},[e])}},Yc=o.div`
|
|
205
|
-
width: ${({$fullWidth:e,$inline:t})=>e?"100%":t?void 0:"fit-content"};
|
|
206
|
-
position: relative;
|
|
207
|
-
display: ${({$inline:e})=>e?"inline":"flex"};
|
|
208
|
-
align-items: center;
|
|
209
|
-
gap: 4px;
|
|
210
|
-
|
|
211
|
-
${({$ellipsis:e})=>e&&r`
|
|
212
|
-
overflow: hidden;
|
|
213
|
-
text-overflow: ellipsis;
|
|
214
|
-
white-space: nowrap;
|
|
215
|
-
`}
|
|
216
|
-
`,qc=o.div`
|
|
217
|
-
position: fixed;
|
|
218
|
-
top: ${({$top:e})=>e}px;
|
|
219
|
-
left: ${({$left:e})=>e}px;
|
|
220
|
-
z-index: ${({theme:e})=>e.v2.zIndex.tooltip};
|
|
221
|
-
|
|
222
|
-
display: flex;
|
|
223
|
-
flex-direction: column;
|
|
224
|
-
align-items: stretch;
|
|
225
|
-
min-width: 0;
|
|
226
|
-
|
|
227
|
-
${({$withPointerEvents:e})=>!e&&"pointer-events: none;"}
|
|
228
|
-
`,Qc=o.div`
|
|
229
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
230
|
-
border-radius: 4px;
|
|
231
|
-
padding: 8px;
|
|
232
|
-
max-width: ${({$maxWidth:e})=>void 0!==e?e:"270px"};
|
|
233
|
-
box-sizing: border-box;
|
|
234
|
-
min-width: 0;
|
|
235
|
-
`,Zc=o.div`
|
|
236
|
-
display: flex;
|
|
237
|
-
flex-direction: column;
|
|
238
|
-
align-items: flex-start;
|
|
239
|
-
gap: 8px;
|
|
240
|
-
width: 100%;
|
|
241
|
-
min-width: 0;
|
|
242
|
-
`,ed=o.div`
|
|
243
|
-
display: flex;
|
|
244
|
-
width: 100%;
|
|
245
|
-
flex-shrink: 0;
|
|
246
|
-
box-sizing: border-box;
|
|
247
|
-
line-height: 0;
|
|
248
|
-
|
|
249
|
-
${({$align:e})=>"left"===e&&"\n justify-content: flex-start;\n padding-left: 20px;\n padding-right: 10px;\n "}
|
|
250
|
-
${({$align:e})=>"right"===e&&"\n justify-content: flex-end;\n padding-left: 10px;\n padding-right: 20px;\n "}
|
|
251
|
-
${({$align:e})=>"center"===e&&"\n justify-content: center;\n align-items: center;\n min-height: 8px;\n "}
|
|
252
|
-
`,td=o.div`
|
|
253
|
-
width: 0;
|
|
254
|
-
height: 0;
|
|
255
|
-
border-style: solid;
|
|
256
|
-
border-left: 6.5px solid transparent;
|
|
257
|
-
border-right: 6.5px solid transparent;
|
|
258
|
-
flex-shrink: 0;
|
|
259
|
-
|
|
260
|
-
${({$pointsUp:e,theme:t})=>e?`\n border-bottom: 8px solid ${t.v2.colors.black[500]};\n border-top-width: 0;\n `:`\n border-top: 8px solid ${t.v2.colors.black[500]};\n border-bottom-width: 0;\n `}
|
|
261
|
-
`,nd=({withIcon:o,titleIcon:r,title:a,text:s,timestamp:l,children:c,fullWidth:d=!1,inline:u=!1,maxWidth:p="270px",keepAlive:h=!1,ellipsis:g=!1})=>{const m=i(),f=Bt(()=>(e=>void 0===e?[]:Array.isArray(e)?e.filter(Boolean):e?[e]:[])(s),[s]),y=f.join(" "),{popupRef:b,popupOpen:v,setPopupOpen:$,popupPosition:S,arrowPlacement:x,handlePosition:w}=jc({positionMode:"viewport",defaultClientHeight:48,defaultClientwidth:Math.min(7.5*y.length,300)}),E=Bt(()=>f.some(e=>!!(e=>{const t=e.match(/<a[^>]*href="([^"]*)"[^>]*>(.*?)<\/a>/g);return t?.map(e=>{const[t,n,o]=e.split('"');return{original:e,href:n,label:o.replace("</a>","").replace(">","")}})})(e)?.length),[f]),C=e=>{const{type:t,clientX:n,clientY:o}=e;E?w(S.left||n,S.top||o):w(n,o),$("mouseleave"!==t)};if(!f.length&&!h)return e(n,{children:c});const T=v&&f.length>0;return t(Yc,{$fullWidth:d,$ellipsis:g,$inline:u,onMouseEnter:C,onMouseMove:C,onMouseLeave:C,children:[c,o&&e(Ze,{fill:m.v2.colors.white[500]}),T&&Kt.createPortal(t(qc,{ref:b,$top:S.top,$left:S.left,$withPointerEvents:E,onMouseEnter:E?C:void 0,children:["top"===x.edge&&e(ed,{$align:x.align,children:e(td,{$pointsUp:!0})}),e(Qc,{$maxWidth:p,children:t(Zc,{children:[(!!r||!!a)&&t(il,{$gap:4,style:{alignItems:"center"},children:[r&&e(r,{size:16},"icon"),a&&e(Fa,{size:Ra.XS,children:a},"title")]}),f.map((t,n)=>e(Fa,{size:Ra.XXXS,children:t},n)),!!l&&e(Fa,{size:Ra.XXXS,color:Da.Secondary,children:new Date(l).toLocaleString()})]})}),"bottom"===x.edge&&e(ed,{$align:x.align,children:e(td,{$pointsUp:!1})})]}),document.body)]})},od=o.div`
|
|
262
|
-
display: flex;
|
|
263
|
-
align-items: center;
|
|
264
|
-
justify-content: center;
|
|
265
|
-
gap: 4px;
|
|
266
|
-
min-width: ${({$minWidth:e})=>e};
|
|
267
|
-
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
268
|
-
padding: ${({$hasLabel:e})=>e?"4px 8px":"4px"};
|
|
269
|
-
border-radius: 100px;
|
|
270
|
-
background-color: ${({$backgroundColor:e})=>e};
|
|
271
|
-
`,rd=({label:n,leftIcon:o,rightIcon:r,tooltip:a,status:s=wn.Unknown,useSecondaryTone:l=!1,invertColors:c=!1,textSize:d,textColor:u,backgroundColor:p,minWidth:h="unset",fullWidth:g=!1})=>{const m=i(),f=n?.toString(),y=wn.Loading===s,b=s?[wn.Disabled,wn.Loading].includes(s)?Ps(m,s,c?"400":"700"):[wn.Unknown].includes(s)?Ps(m,s,"600"):Ps(m,s,c?l?"500":"300":l?"700":"500"):m.v2.colors.grey[200],v=u||(c&&![wn.Unknown].includes(s)?b:[wn.Disabled,wn.Loading].includes(s)?m.v2.colors.grey[400]:[wn.Error,wn.Warning,wn.Success].includes(s)?m.v2.colors.black[500]:m.v2.colors.white[500]),$=p||(c&&![wn.Unknown].includes(s)?[wn.Disabled,wn.Loading].includes(s)?m.v2.colors.grey[700]:m.v2.colors.silver[700]:b);return e(nd,{text:a,fullWidth:g,children:t(od,{$backgroundColor:$,$minWidth:h,$fullWidth:g,$hasLabel:!!f,children:[!y||f&&o?o?e(o,{fill:v,size:d?m.v2.text.size[d]+2:14}):null:e(yl,{withSpinnerOld:!0,scaleSpinnerOld:.5}),f?y?e(yl,{withGradient:!0,title:f,titleSize:d||Ra.XXS}):e(Fa,{color:v,size:d||Ra.XXS,nowrap:!0,children:f}):null,r&&e(r,{fill:v,size:d?m.v2.text.size[d]+2:14})]})})};var id,ad;(e=>{e.Primary="primary",e.Secondary="secondary",e.Text="text"})(id||(id={})),(e=>{e.S="small",e.M="medium",e.L="large"})(ad||(ad={}));const sd=o.button`
|
|
272
|
-
display: flex;
|
|
273
|
-
align-items: center;
|
|
274
|
-
justify-content: center;
|
|
275
|
-
gap: 8px;
|
|
276
|
-
${({$fullWidth:e})=>e&&r`
|
|
277
|
-
width: 100%;
|
|
278
|
-
`}
|
|
279
|
-
border: none;
|
|
280
|
-
border-radius: 6px;
|
|
281
|
-
${({$size:e,$hasLabel:t})=>e===ad.S?r`
|
|
282
|
-
height: 32px;
|
|
283
|
-
${t?r`
|
|
284
|
-
padding: 8px 16px;
|
|
285
|
-
`:r`
|
|
286
|
-
width: 32px;
|
|
287
|
-
`}
|
|
288
|
-
`:e===ad.M?r`
|
|
289
|
-
height: 38px;
|
|
290
|
-
${t?r`
|
|
291
|
-
padding: 8px 18px;
|
|
292
|
-
`:r`
|
|
293
|
-
width: 38px;
|
|
294
|
-
`}
|
|
295
|
-
`:r`
|
|
296
|
-
height: 44px;
|
|
297
|
-
${t?r`
|
|
298
|
-
padding: 8px 22px;
|
|
299
|
-
`:r`
|
|
300
|
-
width: 44px;
|
|
301
|
-
`}
|
|
302
|
-
`}
|
|
303
|
-
|
|
304
|
-
cursor: pointer;
|
|
305
|
-
&:disabled {
|
|
306
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
307
|
-
cursor: not-allowed;
|
|
308
|
-
}
|
|
309
|
-
&:enabled {
|
|
310
|
-
${({$withShadow:e})=>e?r`
|
|
311
|
-
box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.32);
|
|
312
|
-
`:""}
|
|
313
|
-
${({$variant:e})=>e===id.Primary?r`
|
|
314
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[500]};
|
|
315
|
-
&:hover {
|
|
316
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[600]};
|
|
317
|
-
}
|
|
318
|
-
&:active {
|
|
319
|
-
background-color: ${({theme:e})=>e.v2.colors.purple[700]};
|
|
320
|
-
}
|
|
321
|
-
`:e===id.Secondary?r`
|
|
322
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
323
|
-
&:hover {
|
|
324
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
325
|
-
}
|
|
326
|
-
&:active {
|
|
327
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
328
|
-
}
|
|
329
|
-
`:e===id.Text?r`
|
|
330
|
-
background-color: transparent;
|
|
331
|
-
&:hover {
|
|
332
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
333
|
-
}
|
|
334
|
-
&:active {
|
|
335
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
336
|
-
}
|
|
337
|
-
`:""}
|
|
338
|
-
}
|
|
339
|
-
`,ld=Pt(({"data-id":o,label:r,tooltip:a,hideTooltipIcon:s,leftIcon:l,rightIcon:c,variant:d=id.Primary,size:u=ad.M,iconSize:p,loading:h,fullWidth:g,withShadow:m,textColor:f,disabled:y,onClick:b,...v},$)=>{const S=i(),x=p||(u===ad.L?18:16),w=u===ad.L?Ra.S:Ra.XS,E=f||(y?S.v2.colors.grey[400]:S.v2.colors.white[500]),[C,T]=Mt(!1),A=Ut(async e=>{e.stopPropagation(),T(!0),await(b?.(e)),T(!1)},[b]);return e(sd,{ref:$,"data-id":o,$variant:d,$size:u,$fullWidth:g,$withShadow:m,$hasLabel:!!r,disabled:y,onClick:h||C?void 0:A,...v,children:e(nd,{text:a,withIcon:!s,children:h||C?e(yl,r?{withGradient:!0,titleColor:E,titleSize:w}:{withSpinnerOld:!0}):t(n,{children:[l&&e(sl,{$width:"fit-content",children:e(l,{size:x,fill:E})}),r?e(Fa,{size:w,weight:500,color:E,nowrap:!0,children:r}):null,c&&e(sl,{$width:"fit-content",children:e(c,{size:x,fill:E})})]})})})});ld.displayName=ld.name;const cd={v2:{text:{size:{xxxs:10,xxs:12,xs:14,s:16,m:20,l:24,xl:32,xxl:40,xxxl:48}},colors:{black:{500:"#151618"},white:{500:"#FFFFFF"},purple:{100:"#E1D4FF",200:"#C3AAFF",300:"#A57FFF",400:"#8855FF",500:"#6A2AFF",600:"#5925D0",700:"#4822A2",800:"#371E73",900:"#271A45"},green:{100:"#DCFDFA",200:"#B9FBF6",300:"#96FAF1",400:"#73F8ED",500:"#50F6E8",600:"#44C9BE",700:"#399D94",800:"#2D6F6A",900:"#224340"},grey:{25:"#F6F6F6",50:"#ECECED",100:"#DADADB",150:"#B8B8B8",200:"#B4B5B7",300:"#8F9093",400:"#696B6F",500:"#44464B",600:"#3A3C40",700:"#313236",800:"#282A2E",900:"#1B1B1C"},silver:{25:"#F6F6F7",50:"#EDEDEE",100:"#DADCDE",200:"#B6B8BD",300:"#91959C",400:"#6D717B",500:"#484E5A",600:"#3E424C",700:"#34383F",750:"#2C2F36",800:"#26292F",900:"#1F2125",1e3:"#1B1C1D"},red:{100:"#FFE5E7",200:"#FFCBD0",300:"#FFB0B8",400:"#FF96A1",500:"#FF7C89",600:"#D15965",700:"#962531",800:"#7B242D",900:"#4C1318",1e3:"#20060A"},blue:{100:"#EBF0FA",200:"#D6E1F4",300:"#ADC3EA",400:"#84A4DF",500:"#5C86D5",600:"#3368CA",700:"#2D57A6",800:"#274782",900:"#21375E",1e3:"#1C273A"},yellow:{100:"#FFFBF1",200:"#FFF7E2",300:"#FFEFC6",400:"#FFE7A9",500:"#FFDF8D",600:"#FFD770",700:"#D0B05E",800:"#A28A4C",900:"#73633A",1e3:"#453D28"},beige:{600:"#EEC990"},pink:{500:"#FF7CC8",600:"#FF7CA9"},orange:{600:"#F29142"}},zIndex:{base:1,island:100,drawer:1e3,modal:1e3,dropdown:1100,popover:1100,tooltip:1200}},colors:{majestic_blue:"#444AD9",majestic_blue_soft:"#6C7AE8",orange_og:"#FE9239",orange_soft:"#FFB160",dark_red:"#802828",darker_red:"#611F1F",darkest_red:"#281515",darkest_red_hover:"#351515",dark_green:"#2D4323"},text:{},font_family:{primary:"Inter, sans-serif",secondary:"Kode Mono, sans-serif",code:"IBM Plex Mono, monospace"}},dd={v2:cd.v2,darkMode:!0,colors:{...cd.colors,primary:"#111111",secondary:"#F9F9F9",border:"#525252",dark_grey:"#151515",translucent_bg:"#1A1A1A",dropdown_bg:"#242424",dropdown_bg_2:"#333333",warning:"#472300",error:"#431919",success:"#172013",info:"#242424",default:"#181944"},text:{white:"#FFFFFF",primary:"#111111",secondary:"#F9F9F9",grey:"#B8B8B8",dark_grey:"#8F8F8F",darker_grey:"#7A7A7A",light_grey:"#CCD0D2",dark_button:"#0A1824",warning:"#E9CF35",warning_secondary:"#FFA349",error:"#EF7676",error_secondary:"#DB5151",success:"#81AF65",success_secondary:"#51DB51",info:"#B8B8B8",info_secondary:"#CCDDDD",default:"#AABEF7",default_secondary:"#8CBEFF"},font_family:cd.font_family},ud={v2:cd.v2,darkMode:!1,colors:{...cd.colors,primary:"#EEEEEE",secondary:"#060606",border:"#ADADAD",dark_grey:"#EAEAEA",translucent_bg:"#E5E5E5",dropdown_bg:"#DBDBDB",dropdown_bg_2:"#CCCCCC",warning:"#F6F092",error:"#FACECE",success:"#C8DEB8",info:"#E0E0E0",default:"#CAD9FB"},text:{white:"#FFFFFF",primary:"#EEEEEE",secondary:"#060606",grey:"#474747",dark_grey:"#707070",darker_grey:"#858585",light_grey:"#332F2D",dark_button:"#F5E7DB",warning:"#A56F12",warning_secondary:"#CA9416",error:"#B63A3A",error_secondary:"#DB5151",success:"#4E763A",success_secondary:"#67964C",info:"#525252",info_secondary:"#7A7A7A",default:"#444AD9",default_secondary:"#6C7AE8"},font_family:cd.font_family},pd=e=>e?dd:ud,hd=Object.freeze(Object.defineProperty({__proto__:null,baseTheme:cd,darkModeTheme:dd,getTheme:pd,lightModeTheme:ud},Symbol.toStringTag,{value:"Module"}));((e,t)=>{void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}})('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@100;200;300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");*,:after,:before{box-sizing:border-box}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}*{animation-duration:.3s;animation-fill-mode:forwards;transition:all .3s}input{all:unset}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:all 50000s ease-in-out 0s;transition:all 50000s ease-in-out 0s}');const gd=({children:t})=>{const{darkMode:n}=rc();return e(s,{theme:pd(n),children:t})},md={100:"FF","099":"FC","098":"FA","097":"F7","096":"F5","095":"F2","094":"F0","093":"ED","092":"EB","091":"E8","090":"E6","089":"E3","088":"E0","087":"DE","086":"DB","085":"D9","084":"D6","083":"D4","082":"D1","081":"CF","080":"CC","079":"C9","078":"C7","077":"C4","076":"C2","075":"BF","074":"BD","073":"BA","072":"B8","071":"B5","070":"B3","069":"B0","068":"AD","067":"AB","066":"A8","065":"A6","064":"A3","063":"A1","062":"9E","061":"9C","060":"99","059":"96","058":"94","057":"91","056":"8F","055":"8C","054":"8A","053":"87","052":"85","051":"82","050":"80","049":"7D","048":"7A","047":"78","046":"75","045":"73","044":"70","043":"6E","042":"6B","041":"69","040":"66","039":"63","038":"61","037":"5E","036":"5C","035":"59","034":"57","033":"54","032":"52","031":"4F","030":"4D","029":"4A","028":"47","027":"45","026":"42","025":"40","024":"3D","023":"3B","022":"38","021":"36","020":"33","019":"30","018":"2E","017":"2B","016":"29","015":"26","014":"24","013":"21","012":"1F","011":"1C","010":"1A","009":"17","008":"14","007":"12","006":"0F","005":"0D","004":"0A","003":"08","002":"05","001":"03","000":"00"},fd=Object.freeze(Object.defineProperty({__proto__:null,hex:md},Symbol.toStringTag,{value:"Module"})),yd={in:{left:a`
|
|
340
|
-
from { transform: translateX(-100%); }
|
|
341
|
-
to { transform: translateX(0); }
|
|
342
|
-
`,right:a`
|
|
343
|
-
from { transform: translateX(100%); }
|
|
344
|
-
to { transform: translateX(0); }
|
|
345
|
-
`,top:a`
|
|
346
|
-
from { transform: translateY(-100%); }
|
|
347
|
-
to { transform: translateY(0); }
|
|
348
|
-
`,bottom:a`
|
|
349
|
-
from { transform: translateY(100%); }
|
|
350
|
-
to { transform: translateY(0); }
|
|
351
|
-
`,center:a`
|
|
352
|
-
from { transform: translate(-50%, 100%); }
|
|
353
|
-
to { transform: translate(-50%, -50%); }
|
|
354
|
-
`},out:{left:a`
|
|
355
|
-
from { transform: translateX(0); }
|
|
356
|
-
to { transform: translateX(-100%); }
|
|
357
|
-
`,right:a`
|
|
358
|
-
from { transform: translateX(0); }
|
|
359
|
-
to { transform: translateX(100%); }
|
|
360
|
-
`,top:a`
|
|
361
|
-
from { transform: translateY(0); }
|
|
362
|
-
to { transform: translateY(-100%); }
|
|
363
|
-
`,bottom:a`
|
|
364
|
-
from { transform: translateY(0); }
|
|
365
|
-
to { transform: translateY(100%); }
|
|
366
|
-
`,center:a`
|
|
367
|
-
from { transform: translate(-50%, -50%); }
|
|
368
|
-
to { transform: translate(-50%, 100%); }
|
|
369
|
-
`}},bd={in:a`
|
|
370
|
-
from {
|
|
371
|
-
width: 0%;
|
|
372
|
-
}
|
|
373
|
-
to {
|
|
374
|
-
width: 100%;
|
|
375
|
-
}
|
|
376
|
-
`,out:a`
|
|
377
|
-
from {
|
|
378
|
-
width: 100%;
|
|
379
|
-
}
|
|
380
|
-
to {
|
|
381
|
-
width: 0%;
|
|
382
|
-
}
|
|
383
|
-
`},vd=a`
|
|
384
|
-
0% {
|
|
385
|
-
transform: scale(1);
|
|
386
|
-
opacity: 1;
|
|
387
|
-
}
|
|
388
|
-
75%, 100% {
|
|
389
|
-
transform: scale(2);
|
|
390
|
-
opacity: 0;
|
|
391
|
-
}
|
|
392
|
-
`,$d=a`
|
|
393
|
-
0% {
|
|
394
|
-
background-position: -500px 0;
|
|
395
|
-
}
|
|
396
|
-
100% {
|
|
397
|
-
background-position: 500px 0;
|
|
398
|
-
}
|
|
399
|
-
`,Sd={in:a`
|
|
400
|
-
from {
|
|
401
|
-
opacity: 0;
|
|
402
|
-
}
|
|
403
|
-
to {
|
|
404
|
-
opacity: 1;
|
|
405
|
-
}
|
|
406
|
-
`,out:a`
|
|
407
|
-
from {
|
|
408
|
-
opacity: 1;
|
|
409
|
-
}
|
|
410
|
-
to {
|
|
411
|
-
opacity: 0;
|
|
412
|
-
}
|
|
413
|
-
`},xd=Object.freeze(Object.defineProperty({__proto__:null,fade:Sd,ping:vd,progress:bd,shimmer:$d,slide:yd},Symbol.toStringTag,{value:"Module"}));var wd,Ed;(e=>{e.S="s",e.L="l"})(wd||(wd={})),(e=>{e.Filled="filled",e.Underline="underline"})(Ed||(Ed={}));const Cd=o.div`
|
|
414
|
-
display: flex;
|
|
415
|
-
align-items: center;
|
|
416
|
-
gap: 2px;
|
|
417
|
-
padding: 3px;
|
|
418
|
-
border-radius: 8px;
|
|
419
|
-
border: 1px solid ${({theme:e})=>e.v2.colors.grey[500]};
|
|
420
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
421
|
-
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
422
|
-
`,Td=o.button`
|
|
423
|
-
flex: 1;
|
|
424
|
-
display: flex;
|
|
425
|
-
align-items: center;
|
|
426
|
-
justify-content: center;
|
|
427
|
-
gap: 8px;
|
|
428
|
-
padding: ${({$size:e})=>e===wd.S?"4px 8px":"8px 16px"};
|
|
429
|
-
border-radius: 6px;
|
|
430
|
-
border: 1px solid ${({$isSelected:e,$selectedBorderColor:t})=>e&&t?t:"transparent"};
|
|
431
|
-
box-shadow: ${({$isSelected:e})=>e?"0 0 11px 0 rgba(0, 0, 0, 0.32)":"none"};
|
|
432
|
-
|
|
433
|
-
${({$disabled:e,$isSelected:t,$selectedBgColor:n,theme:o})=>e?r`
|
|
434
|
-
cursor: not-allowed;
|
|
435
|
-
background-color: ${t?(n||o.v2.colors.black[500])+md["040"]:"transparent"};
|
|
436
|
-
`:r`
|
|
437
|
-
cursor: pointer;
|
|
438
|
-
background-color: ${t?n||o.v2.colors.black[500]:"transparent"};
|
|
439
|
-
&:hover {
|
|
440
|
-
background-color: ${t?n||o.v2.colors.black[500]:o.v2.colors.silver[800]};
|
|
441
|
-
}
|
|
442
|
-
`}
|
|
443
|
-
`,Ad=o.div`
|
|
444
|
-
display: flex;
|
|
445
|
-
align-items: stretch;
|
|
446
|
-
width: ${({$fullWidth:e})=>e?"100%":"fit-content"};
|
|
447
|
-
`,Id=o.button`
|
|
448
|
-
display: flex;
|
|
449
|
-
height: 34px;
|
|
450
|
-
padding: 8px 12px 8px 16px;
|
|
451
|
-
justify-content: center;
|
|
452
|
-
align-items: center;
|
|
453
|
-
gap: 8px;
|
|
454
|
-
border: none;
|
|
455
|
-
border-bottom: 2px solid ${({theme:e,$isSelected:t})=>t?e.v2.colors.white[500]:"transparent"};
|
|
456
|
-
border-radius: ${({$isSelected:e})=>e?"6px 6px 0 0":"0"};
|
|
457
|
-
background-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.silver[1e3]:"transparent"};
|
|
458
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
459
|
-
transition:
|
|
460
|
-
border-color 0.2s,
|
|
461
|
-
background-color 0.2s,
|
|
462
|
-
border-radius 0.2s;
|
|
463
|
-
&:hover {
|
|
464
|
-
border-bottom-color: ${({theme:e,$isSelected:t})=>t?e.v2.colors.white[500]:e.v2.colors.grey[500]};
|
|
465
|
-
}
|
|
466
|
-
`,kd=({"data-id":o,size:r=wd.S,variant:a=Ed.Filled,options:s=[],selected:l,setSelected:c,disabled:d,fullWidth:u=!1})=>{const p=i(),h=a===Ed.Underline,g=h?Id:Td;return e(h?Ad:Cd,{"data-id":o,$fullWidth:u,children:s.map(({value:o,label:i,icon:a,badge:s,tooltip:u,selectedBgColor:m,selectedBorderColor:f,disabled:y},b)=>{const v=l===o,$=y||d,S=$?p.v2.colors.grey[400]:h||v?p.v2.colors.white[500]:p.v2.colors.grey[300],x=r===wd.S?Ra.XXS:Ra.XS,w=v?500:400,E=t(n,{children:[a&&e(a,{fill:S}),i&&e(Fa,{size:x,weight:w,color:S,nowrap:!0,children:i}),s&&e(rd,{...s})]});return e(g,{onClick:()=>!$&&c(o),$disabled:$,$isSelected:v,$size:r,...!h&&{$selectedBgColor:m,$selectedBorderColor:f},children:u?e(nd,{text:u,withIcon:!0,children:E}):E},`segment-${b}-${i}-${o}`)})})},Nd=o.div`
|
|
467
|
-
box-sizing: border-box !important;
|
|
468
|
-
width: ${({$width:e})=>e??"fit-content"};
|
|
469
|
-
padding: ${({$withSegment:e})=>e?"2px 2px 2px 12px":"6px 12px"};
|
|
470
|
-
display: flex;
|
|
471
|
-
align-self: stretch;
|
|
472
|
-
align-items: center;
|
|
473
|
-
gap: 8px;
|
|
474
|
-
overflow: hidden;
|
|
475
|
-
border-radius: 6px;
|
|
476
|
-
|
|
477
|
-
border: none;
|
|
478
|
-
border-radius: 6px;
|
|
479
|
-
background: ${({$isHovered:e,$isActive:t,$idleBackgroundColor:n,$emphasizeBackgroundColor:o,theme:r})=>{const i=n??r.v2.colors.silver[800],a=o??r.v2.colors.silver[700];return e||t?a:i}};
|
|
480
|
-
`,Od=o.input`
|
|
481
|
-
min-width: 0;
|
|
482
|
-
flex: 1;
|
|
483
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
484
|
-
font-size: 14px;
|
|
485
|
-
font-weight: 400;
|
|
486
|
-
line-height: 20px;
|
|
487
|
-
|
|
488
|
-
cursor: text;
|
|
489
|
-
color: ${({$textColor:e})=>e};
|
|
490
|
-
&::placeholder {
|
|
491
|
-
color: ${({$textColor:e})=>e};
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
overflow: hidden;
|
|
495
|
-
text-overflow: ellipsis;
|
|
496
|
-
white-space: nowrap;
|
|
497
|
-
`,Rd=({"data-id":n,value:o,onChange:r,onFocus:a,onBlur:s,placeholder:l,width:c,segment:d,idleBackgroundColor:u,emphasizeBackgroundColor:p})=>{const h=i(),[g,m]=Mt(!1),[f,y]=Mt(!1),[b,v]=Mt(!1),$=g?h.v2.colors.white[500]:h.v2.colors.silver[200],S=!!d?.options?.length,x=Bt(()=>{if(S)return d?.options.find(e=>e.value===d.selected)?.label},[S,d?.options,d?.selected]),w=Bt(()=>l||(S&&x?`Search by ${x.toLowerCase()}`:"Search..."),[l,S,x]);return t(Nd,{$width:c,$withSegment:S,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),$isHovered:f&&!b,$isActive:g,$idleBackgroundColor:u,$emphasizeBackgroundColor:p,children:[e(vt,{size:18,fill:$}),e(Od,{"data-id":n??"search",name:"search",type:"text",placeholder:w,value:o,onChange:e=>{e.stopPropagation(),r(e.target.value)},onFocus:()=>{m(!0),a?.()},onBlur:()=>{m(!1),s?.()},$textColor:$}),S&&e("div",{style:{flexShrink:0},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),children:e(kd,{"data-id":d["data-id"],options:d.options,selected:d.selected,setSelected:d.setSelected})})]})},Dd=o.div`
|
|
498
|
-
display: flex;
|
|
499
|
-
align-items: center;
|
|
500
|
-
justify-content: center;
|
|
501
|
-
width: fit-content;
|
|
502
|
-
height: fit-content;
|
|
503
|
-
padding: 8px;
|
|
504
|
-
border-radius: 100%;
|
|
505
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
506
|
-
`,_d=({icon:n=$t,hideIcon:o=!1,title:r="No data",subTitle:a,button:s})=>{const l=i().v2.colors.silver[200];return t(al,{$gap:12,$alignItems:"center",children:[!o&&e(Dd,{children:e(n,{size:32,fill:l})}),t(al,{$gap:4,$alignItems:"center",children:[e(Fa,{size:Ra.S,align:"center",children:r}),a&&e(Fa,{size:Ra.XXS,align:"center",color:l,children:a})]}),s&&e(ld,{variant:id.Secondary,...s})]})},Ld=o.span`
|
|
507
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
508
|
-
font-size: ${({$smallAndDark:e})=>e?"12px":"14px"};
|
|
509
|
-
font-weight: 400;
|
|
510
|
-
color: ${({theme:e,$smallAndDark:t})=>t?e.v2.colors.grey[400]:e.v2.colors.silver[200]};
|
|
511
|
-
`,Pd=o.span`
|
|
512
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
513
|
-
font-size: 14px;
|
|
514
|
-
font-weight: 400;
|
|
515
|
-
color: ${({theme:e})=>e.v2.colors.red[500]};
|
|
516
|
-
`,Fd=({label:n,tooltip:o,required:r,badge:i,width:a,smallAndDark:s})=>n||o||r?t(il,{$width:a,$justifyContent:"space-between",children:[n&&e(Ld,{$smallAndDark:s,children:n}),t(il,{$gap:4,children:[i&&e(rd,{...i,textSize:Ra.XXXS}),r&&e(Pd,{children:"*"}),o&&e(nd,{text:o,withIcon:!0})]})]}):null,Md=({errorMessage:n,warnMessage:o,helpMessage:r})=>{const a=i(),s=n?a.v2.colors.red[500]:o?a.v2.colors.yellow[500]:a.v2.colors.silver[200],l=e(nt,{size:12,fill:s});return n||o||r?t(il,{$alignItems:"center",children:[l&&e(al,{children:l}),e(Fa,{size:Ra.XXXS,weight:400,color:s,children:n||o||r})]}):null};var zd;(e=>{e.S="small",e.L="large"})(zd||(zd={}));const Ud=o.div`
|
|
517
|
-
width: fit-content;
|
|
518
|
-
display: flex;
|
|
519
|
-
align-items: center;
|
|
520
|
-
gap: 8px;
|
|
521
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
522
|
-
`,Bd=o.div`
|
|
523
|
-
width: ${({$size:e})=>e===zd.S?"16px":"20px"};
|
|
524
|
-
height: ${({$size:e})=>e===zd.S?"16px":"20px"};
|
|
525
|
-
display: flex;
|
|
526
|
-
align-items: center;
|
|
527
|
-
justify-content: center;
|
|
528
|
-
border-radius: 4px;
|
|
529
|
-
border: 1px solid ${({$borderColor:e})=>e};
|
|
530
|
-
background-color: ${({$backgroundColor:e})=>e};
|
|
531
|
-
`,jd=({name:n,label:o,tooltip:r,badge:a,size:s=zd.L,disabled:l,partiallyChecked:c,value:d,onChange:u,errorMessage:p,warnMessage:h,helpMessage:g})=>{const m=i(),[f,y]=Mt(!1),b=c||d,v=s===zd.S?12:16,$=l?m.v2.colors.grey[400]:m.v2.colors.white[500],S=b?"transparent":l?m.v2.colors.grey[700]:f?m.v2.colors.silver[400]:m.v2.colors.silver[600],x=l?m.v2.colors.grey[600]:b?m.v2.colors.purple[500]:m.v2.colors.silver[900];return t(al,{$gap:4,children:[t(il,{$justifyContent:"space-between",children:[t(Ud,{"data-id":n||"checkbox"+(o?`-${o}`:""),onClick:e=>{e.stopPropagation(),l||u(!!c||!d)},$disabled:l,onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[e(Bd,{$size:s,$borderColor:S,$backgroundColor:x,children:c?e(St,{size:v,fill:$}):d?e(yt,{size:v,fill:$}):null}),o&&e(Fa,{size:s===zd.S?Ra.XXS:Ra.XS,nowrap:!0,children:o})]}),e(Fd,{tooltip:r,badge:a})]}),e(Md,{errorMessage:p,warnMessage:h,helpMessage:g})]})},Hd=o.div`
|
|
532
|
-
display: flex;
|
|
533
|
-
flex-direction: ${({$direction:e})=>e===un.Horizontal?"row":"column"};
|
|
534
|
-
gap: ${({$direction:e})=>e===un.Horizontal?16:8}px;
|
|
535
|
-
`,Gd=({direction:n=un.Vertical,title:o,size:r,disabled:i,withSelectAll:a,options:s,values:l,setValues:c})=>{const d=r===zd.S?Ra.XXS:Ra.XS,u=Bt(()=>s.every(e=>l[e.id]),[s,l]),p=Bt(()=>s.some(e=>l[e.id])&&s.some(e=>!l[e.id]),[s,l]),h=(e,t)=>{c(n=>{const o={...n};return e?o[e]=t:s.forEach(e=>o[e.id]=t),o})};return t(Hd,{$direction:n,children:[o&&a?e(jd,{label:o,partiallyChecked:p,value:u,onChange:e=>h("",e),size:r}):o&&!a?e(Fa,{size:d,children:o}):null,s.map(t=>e(jd,{...t,value:l[t.id],onChange:e=>h(t.id,e),disabled:i,size:r},`${o}-checkbox-${t.id}`))]})};var Wd,Xd;(e=>{e.Left="left",e.Right="right"})(Wd||(Wd={})),(e=>{e.Top="top",e.Bottom="bottom"})(Xd||(Xd={}));const Kd=o.div`
|
|
536
|
-
position: relative;
|
|
537
|
-
display: flex;
|
|
538
|
-
flex-direction: column;
|
|
539
|
-
gap: 4px;
|
|
540
|
-
`,Vd=o.div`
|
|
541
|
-
position: fixed;
|
|
542
|
-
${({$coords:e})=>null!=e.top?`top: ${e.top}px;`:""}
|
|
543
|
-
${({$coords:e})=>null!=e.bottom?`bottom: ${e.bottom}px;`:""}
|
|
544
|
-
${({$coords:e})=>null!=e.left?`left: ${e.left}px;`:""}
|
|
545
|
-
${({$coords:e})=>null!=e.right?`right: ${e.right}px;`:""}
|
|
546
|
-
${({$coords:e})=>null!=e.width?`width: ${e.width-16}px;`:""}
|
|
547
|
-
z-index: ${({theme:e})=>e.v2.zIndex.dropdown};
|
|
548
|
-
|
|
549
|
-
display: flex;
|
|
550
|
-
flex-direction: column;
|
|
551
|
-
gap: 0;
|
|
552
|
-
|
|
553
|
-
min-width: 120px;
|
|
554
|
-
padding: 8px;
|
|
555
|
-
border-radius: 6px;
|
|
556
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
557
|
-
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
|
|
558
|
-
`,Jd=o.div`
|
|
559
|
-
display: flex;
|
|
560
|
-
flex-direction: column;
|
|
561
|
-
gap: 0;
|
|
562
|
-
|
|
563
|
-
width: 100%;
|
|
564
|
-
max-height: ${({$maxHeight:e})=>e||"230px"};
|
|
565
|
-
overflow-y: auto;
|
|
566
|
-
`,Yd=o.div`
|
|
567
|
-
display: flex;
|
|
568
|
-
align-items: center;
|
|
569
|
-
gap: 8px;
|
|
570
|
-
width: 100%;
|
|
571
|
-
padding: 8px;
|
|
572
|
-
border-radius: 6px;
|
|
573
|
-
cursor: pointer;
|
|
574
|
-
${({$selected:e})=>e?r`
|
|
575
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
576
|
-
`:r`
|
|
577
|
-
background-color: transparent;
|
|
578
|
-
&:hover {
|
|
579
|
-
background-color: ${({theme:e})=>e.v2.colors.grey[700]};
|
|
580
|
-
}
|
|
581
|
-
`}
|
|
582
|
-
`,qd=o.div`
|
|
583
|
-
display: flex;
|
|
584
|
-
align-items: center;
|
|
585
|
-
gap: 8px;
|
|
586
|
-
flex: 1;
|
|
587
|
-
min-width: 0;
|
|
588
|
-
`,Qd=o.div`
|
|
589
|
-
flex: 0 1 auto;
|
|
590
|
-
min-width: 0;
|
|
591
|
-
overflow: hidden;
|
|
592
|
-
text-overflow: ellipsis;
|
|
593
|
-
white-space: nowrap;
|
|
594
|
-
`,Zd=o.span`
|
|
595
|
-
flex-shrink: 0;
|
|
596
|
-
width: 88px;
|
|
597
|
-
display: inline-flex;
|
|
598
|
-
justify-content: center;
|
|
599
|
-
padding: 1px 6px;
|
|
600
|
-
border-radius: 4px;
|
|
601
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
602
|
-
border: 1px solid ${({theme:e})=>e.v2.colors.silver[600]};
|
|
603
|
-
`,eu=o.div`
|
|
604
|
-
flex-shrink: 0;
|
|
605
|
-
display: inline-flex;
|
|
606
|
-
align-items: center;
|
|
607
|
-
gap: 4px;
|
|
608
|
-
`,tu=({defaultOpen:n,open:o,onOpenChange:r,alignX:a,alignY:s,items:l,selectedIds:c,setSelectedIds:d,label:u,withMultiSelect:p,withSearch:h,fullWidth:g,maxHeight:m,buttonProps:f,iconButtonProps:y,isLoading:b,emptyMessage:v,children:$})=>{const S=i(),x=void 0!==o,w=!!f||!!y||!!$,[E,C]=Mt(n??!w),T=x?o:E,A=Ut(e=>{x||C(e),r?.(e)},[x,r]),[I,k]=Mt({x:a||Wd.Left,y:s||Xd.Bottom}),N=jt(null);Mc(N,()=>A(!1));const[O,R]=Mt({}),D=Ut((e,t)=>{const n=N.current?.getBoundingClientRect();if(!n)return;const o=w?8:0;R({top:t===Xd.Bottom?w?n.bottom+o:n.top:void 0,bottom:t===Xd.Top?w?window.innerHeight-n.top+o:window.innerHeight-n.bottom:void 0,left:e===Wd.Left?n.left:void 0,right:e===Wd.Right?window.innerWidth-n.right:void 0,width:g?n.width:void 0})},[w,g]),_=e=>{const t=!T;if(A(t),!t)return;const n={x:a||(e.clientX>window.innerWidth/2?Wd.Right:Wd.Left),y:s||(e.clientY>window.innerHeight/2?Xd.Top:Xd.Bottom)};k(n),D(n.x,n.y)};Ht(()=>{T&&D(I.x,I.y)},[T,I.x,I.y,D]);const L=e=>{d(p?c.includes(e)?c.filter(t=>t!==e):[...c,e]:[e]),w&&!p&&A(!1)},[P,F]=Mt(""),M=Bt(()=>P?l.filter(e=>e?.label?.toLowerCase().includes(P.toLowerCase())):l,[l.length,P]);return t(Kd,{ref:N,children:[u&&e(Fd,{label:u}),f&&e(ld,{...f,fullWidth:g,rightIcon:T?xt:wt,onClick:_}),y&&e(ld,{variant:id.Text,size:ad.S,...y,onClick:_}),"function"==typeof $?$({ChevronIcon:T?xt:wt,handleClick:_}):$,T&&Vt(t(Vd,{$coords:O,"data-ignore-outside-click":"true",children:[h&&e(Rd,{value:P,onChange:F,width:"100%"}),b?e(yl,{withSpinner:!0,title:"Loading...",titleSize:Ra.XS}):M.length?e(Jd,{$maxHeight:m,children:M.map(n=>{if(!n)return null;const{id:o,label:r,icon:i,withCheckbox:a,badge:s,secondaryLabel:l}=n,d=c.includes(o);return t(Yd,{"data-id":`option-${o}`,$selected:d&&!a,onClick:()=>L(o),title:l?`${r} — ${l}`:r,children:[a&&e(jd,{value:d,onChange:()=>L(o)}),i&&e(i,{size:14,fill:n.color||S.v2.colors.white[500]}),s&&e(Zd,{children:e(Fa,{size:Ra.XXS,nowrap:!0,color:Da.Secondary,children:s})}),t(qd,{children:[e(Qd,{children:e(Fa,{size:Ra.XS,nowrap:!0,color:n.color||Da.Primary,children:r})}),l&&t(eu,{children:[e(Ke,{size:12,fill:S.v2.colors.silver[200]}),e(Fa,{size:Ra.XS,nowrap:!0,color:Da.Secondary,children:l})]})]})]},o)})}):e(rl,{$padding:"6px 0",children:e(_d,{hideIcon:!0,title:"No results",subTitle:v})}),p&&!!M.length&&e(ld,{label:"Done",onClick:()=>A(!1)})]}),document.body)]})};var nu;(e=>{e.Button="button",e.ButtonDropData="button-drop-data"})(nu||(nu={}));const ou=({onAnyClick:t,actions:n})=>e(il,{$gap:8,$alignItems:"center",children:n?.map(n=>{if(!n)return null;switch(n.type){case nu.Button:return e(ld,{...n.buttonProps,onClick:e=>{n.buttonProps?.onClick?.(e),t?.()}},n.id);case nu.ButtonDropData:return e(tu,{...n.dropDataProps,items:n.dropDataProps?.items??[],withMultiSelect:!1,selectedIds:[],setSelectedIds:e=>{n.buttonProps?.onClick?.(e[0]),t?.()},buttonProps:n.buttonProps},n.id);default:return null}})}),ru=o.div`
|
|
609
|
-
display: flex;
|
|
610
|
-
align-items: center;
|
|
611
|
-
justify-content: center;
|
|
612
|
-
padding: 8px;
|
|
613
|
-
border-radius: 8px;
|
|
614
|
-
background-color: ${({theme:e})=>e.v2.colors.white[500]+md["004"]};
|
|
615
|
-
`,iu=({icon:n,iconWithWrapper:o=!1,title:r,titleSize:i=Ra.S,titleColor:a=Da.Primary,titleWrap:s=!1,subTitle:l,subTitleSize:c=Ra.XXS,subTitleColor:d=Da.Secondary,subTitleWrap:u=!1,tooltip:p,withCopy:h,badge:g,gap:m,children:f})=>{const{CopyButton:y}=Nc();return t(il,{$gap:l?8:6,$alignItems:"center",children:[n&&(o||l?e(ru,{children:e(n,{size:24})}):e(n,{size:24})),r||g||l?t(al,{children:[r||g?t(il,{$gap:6,$alignItems:"center",children:[r&&e(Fa,{size:i,color:a,nowrap:!s,children:r}),h&&r&&e(y,{value:r,size:Ac.XS}),p&&e(nd,{text:p,withIcon:!0}),g&&e(rd,{...g})]}):null,l&&e(Fa,{size:c,color:d,nowrap:!u,children:l})]}):null,e(il,{$gap:m,$margin:`0 0 0 ${m??0}px`,$alignItems:"center",children:f})]})},au=({children:t,fullText:n,fullWidth:o=!0,...r})=>{const i=jt(null),a=!!r.maxLines&&r.maxLines>0,s=zc(i,{axis:a?"vertical":"horizontal",deps:[t]})?n??(null==t?"":String(t)):"";return e(nd,{text:s,fullWidth:o,ellipsis:!a,keepAlive:!0,children:e(Fa,{ref:i,...r,children:t})})},su=o.section`
|
|
616
|
-
display: flex;
|
|
617
|
-
flex-direction: column;
|
|
618
|
-
gap: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
619
|
-
width: ${({$width:e="100%"})=>e};
|
|
620
|
-
align-self: ${({$fullHeight:e})=>e?"stretch":"auto"};
|
|
621
|
-
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
622
|
-
padding: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
623
|
-
border-radius: ${({$moreSpacing:e})=>e?"16px":"12px"};
|
|
624
|
-
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t]};
|
|
625
|
-
`,lu=o(il)`
|
|
626
|
-
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
627
|
-
user-select: ${({$clickable:e})=>e?"none":"auto"};
|
|
628
|
-
`,cu=o.div`
|
|
629
|
-
display: flex;
|
|
630
|
-
align-items: flex-end;
|
|
631
|
-
flex-wrap: wrap;
|
|
632
|
-
width: 100%;
|
|
633
|
-
`,du=o.div`
|
|
634
|
-
width: ${({$cellsPerRow:e})=>e?`calc(${100/e}% - 16px)`:"unset"};
|
|
635
|
-
margin: 8px;
|
|
636
|
-
display: flex;
|
|
637
|
-
flex-direction: column;
|
|
638
|
-
gap: 4px;
|
|
639
|
-
min-width: 0;
|
|
640
|
-
`,uu=({item:n,cellsPerRow:o})=>{const{CopyButton:r}=Nc(),{spacer:i,title:a,titleTooltip:s,label:l,labelTooltip:c,withCopy:d,badge:u}=n;return i?e("div",{style:{flex:1}}):t(du,{$cellsPerRow:o,children:[!!a&&e(nd,{text:s,children:e(au,{size:Ra.XXXS,color:Da.Secondary,nowrap:!0,children:a})}),t(il,{$gap:4,children:[u&&e(rd,{...u}),l&&e(nd,{text:c,children:e(au,{size:Ra.XS,nowrap:!0,children:l})}),d&&e(r,{value:l||u?.label?.toString()||"",size:Ac.XS})]})]})},pu=({bgTint:n="900",width:o,fullHeight:r=!1,moreSpacing:i=!1,richTitle:a,withCollapse:s,collapseIsDefaultOpen:l,badges:c=[],actions:d=[],dropDataActions:u=[],renderOnRightSide:p,cellsPerRow:h,items:g,children:m})=>{const[f,y]=Mt(l||!1),b=()=>y(e=>!e),v=!s||s&&f,$=!!d.length,S=!!u.length,x=!!c.length;return t(su,{$width:o,$bgTint:n,$fullHeight:r,$moreSpacing:i,children:[(a||s)&&t(lu,{$gap:16,$justifyContent:"space-between",$clickable:!!s,onClick:e=>{s&&e.target.closest("section")&&b()},children:[a?e(iu,{...a}):e("div",{}),t(il,{$gap:12,children:[p,$&&v&&e(ou,{actions:d}),x&&e(il,{$gap:8,children:c.map((e,t)=>Gt(rd,{...e,key:e.key||`${e.label}-${t}`}))}),(S||s)&&t(il,{$gap:2,children:[S&&e(tu,{iconButtonProps:{"data-id":"drawer-actions",leftIcon:Et},items:u,selectedIds:[],setSelectedIds:e=>u?.find(t=>t?.id===e[0])?.onClick?.()}),s&&e(ld,{variant:id.Text,size:ad.S,leftIcon:f?xt:wt,onClick:b})]})]})]}),v&&g?e(cu,{children:g.map(t=>e(uu,{item:t,cellsPerRow:h&&h<=g.length?h:void 0},t.id))}):null,v&&m]})};var hu;(e=>{e.S="small",e.M="medium"})(hu||(hu={}));const gu=o.div`
|
|
641
|
-
display: flex;
|
|
642
|
-
flex-direction: column;
|
|
643
|
-
gap: ${({$gap:e})=>e}px;
|
|
644
|
-
width: 100%;
|
|
645
|
-
align-self: ${({$fullHeight:e})=>e?"stretch":"auto"};
|
|
646
|
-
${({$fullHeight:e})=>e?"\n flex: 1;\n min-height: 0;\n ":""}
|
|
647
|
-
padding: ${({$padding:e})=>e}px;
|
|
648
|
-
border-radius: 16px;
|
|
649
|
-
background-color: ${({theme:e,$backgroundColor:t,$bordered:n})=>t??(n?"transparent":e.v2.colors.silver[1e3])};
|
|
650
|
-
${({theme:e,$bordered:t})=>t?`border: 1px solid ${e.v2.colors.silver[500]};`:""}
|
|
651
|
-
`,mu=Pt(({id:n,size:o=hu.M,fullHeight:r=!1,richTitle:i,customTitle:a,search:s,customSearch:l,filters:c,actions:d,children:u,backgroundColor:p,padding:h,bordered:g=!1},m)=>{const f=o===hu.S?4:16,y="number"==typeof h?h:o===hu.S?12:16,b=a??(i?e(iu,{...i}):null),v=l??(s?e(Rd,{...s}):null),$=!!b||!!v,S=!!d&&d.length>0;return t(gu,{ref:m,id:n,"data-section-name":n,$padding:y,$gap:f,$fullHeight:r,$backgroundColor:p,$bordered:g,children:[$||S?t(il,{$gap:f,$justifyContent:"space-between",children:[$?t(il,{$gap:f,$alignItems:"center",children:[b,v,c]}):null,S&&e(ou,{actions:d??[]})]}):null,u]})});mu.displayName="SectionCard";const fu=o.div`
|
|
652
|
-
flex: 1;
|
|
653
|
-
align-self: stretch;
|
|
654
|
-
display: flex;
|
|
655
|
-
align-items: center;
|
|
656
|
-
gap: 8px;
|
|
657
|
-
padding: 16px;
|
|
658
|
-
border-radius: 12px;
|
|
659
|
-
background-color: ${({theme:e,$status:t})=>Ps(e,t,t===wn.Unknown?"750":"500")};
|
|
660
|
-
`,yu=o.div`
|
|
661
|
-
display: flex;
|
|
662
|
-
align-items: center;
|
|
663
|
-
justify-content: center;
|
|
664
|
-
width: fit-content;
|
|
665
|
-
height: fit-content;
|
|
666
|
-
padding: 8px;
|
|
667
|
-
border-radius: 12px;
|
|
668
|
-
background-color: ${({theme:e,$status:t})=>t===wn.Unknown?Ps(e,t,"800"):Ps(e,t,"900")+md["015"]};
|
|
669
|
-
`,bu=({status:n,icon:o,title:r,description:a})=>{const s=i(),l=o??bl(n,s),c=[wn.Default,wn.Info,wn.Disabled,wn.Unknown].includes(n)?s.v2.colors.white[500]:s.v2.colors.black[500];return t(fu,{$status:n,children:[e(yu,{$status:n,children:e(l,{size:32,fill:c})}),t(al,{$gap:2,$justifyContent:"center",children:[e(Fa,{size:Ra.M,weight:500,color:c,nowrap:!0,children:r}),e(Fa,{size:Ra.XXS,weight:300,color:c,nowrap:!0,children:a})]})]})},vu=o.div`
|
|
670
|
-
flex: 0.5;
|
|
671
|
-
display: flex;
|
|
672
|
-
flex-direction: column;
|
|
673
|
-
gap: 12px;
|
|
674
|
-
padding: 12px;
|
|
675
|
-
border-radius: 12px;
|
|
676
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
677
|
-
`,$u=["-","N/A","undefined","null","undefined/undefined","null/null"],Su=({title:n,cells:o})=>{const r=i();return t(vu,{children:[e(Fa,{size:Ra.XXS,color:r.v2.colors.grey[150],children:n}),e(il,{$gap:32,children:o.map((o,r)=>t(al,{$gap:2,children:[!o.isLoading||o.value&&!$u.includes(o.value)?e(Fa,{size:o.label?Ra.M:Ra.L,children:o.value}):e(yl,{withSpinnerOld:!0,scaleSpinnerOld:.9}),o.label&&e(Fa,{size:Ra.XXS,children:o.label})]},`${n}-${r}-${o.label}-${o.value}`))})]})},xu=o.div`
|
|
678
|
-
padding: ${({$small:e})=>e?"4px":"6px 12px"};
|
|
679
|
-
|
|
680
|
-
display: flex;
|
|
681
|
-
align-self: stretch;
|
|
682
|
-
align-items: center;
|
|
683
|
-
gap: 8px;
|
|
684
|
-
border-radius: 6px;
|
|
685
|
-
cursor: ${({$clickable:e})=>e?"pointer":"inherit"};
|
|
686
|
-
|
|
687
|
-
border: 1px solid ${({theme:e,$disabled:t,$error:n})=>t?e.v2.colors.grey[600]:n?e.v2.colors.red[500]:e.v2.colors.silver[500]};
|
|
688
|
-
background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
|
|
689
|
-
${({$disabled:e,$error:t})=>!e&&!t&&r`
|
|
690
|
-
&:hover,
|
|
691
|
-
&:active,
|
|
692
|
-
&:focus-within {
|
|
693
|
-
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
694
|
-
}
|
|
695
|
-
`}
|
|
696
|
-
`,wu=o.input`
|
|
697
|
-
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
698
|
-
width: ${({$width:e})=>e||"unset"};
|
|
699
|
-
|
|
700
|
-
flex: 1;
|
|
701
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
702
|
-
font-size: ${({$small:e})=>e?"12px":"14px"};
|
|
703
|
-
font-weight: 400;
|
|
704
|
-
|
|
705
|
-
cursor: text;
|
|
706
|
-
color: ${({theme:e})=>e.v2.colors.white[500]};
|
|
707
|
-
&::placeholder {
|
|
708
|
-
color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
&:disabled {
|
|
712
|
-
cursor: not-allowed;
|
|
713
|
-
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
714
|
-
&::placeholder {
|
|
715
|
-
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
716
|
-
}
|
|
717
|
-
}
|
|
718
|
-
|
|
719
|
-
overflow: hidden;
|
|
720
|
-
text-overflow: ellipsis;
|
|
721
|
-
white-space: nowrap;
|
|
722
|
-
|
|
723
|
-
&:read-only {
|
|
724
|
-
cursor: pointer;
|
|
725
|
-
pointer-events: none;
|
|
726
|
-
user-select: none;
|
|
727
|
-
}
|
|
728
|
-
`,Eu=o.div`
|
|
729
|
-
display: flex;
|
|
730
|
-
align-items: center;
|
|
731
|
-
justify-content: center;
|
|
732
|
-
cursor: pointer;
|
|
733
|
-
`,Cu=({label:n,required:o,tooltip:r,badge:a,leftIcon:s,rightIcon:l,hasError:c,errorMessage:d,warnMessage:u,helpMessage:p,type:h=xn.Text,name:g,value:m,onChange:f,disabled:y,maxWidth:b,width:v,small:$=!1,onClick:S,...x})=>{const w=i(),E=h===xn.Password,[C,T]=Mt(!1),[A,I]=Mt(null),k=c||!!d||!!A,N=m?w.v2.colors.white[500]:y?w.v2.colors.grey[400]:w.v2.colors.silver[200],O=$?14:18,R=jt(null),D=zc(R,{deps:[m]}),_=x.readOnly&&D&&null!=m&&""!==m?String(m):"";return t(al,{$width:v,$gap:6,children:[e(Fd,{label:n,tooltip:r,required:o,badge:a}),e(xu,{$small:$,$disabled:y,$error:k,$clickable:!!S&&!y,onClick:y?void 0:S,children:t(nd,{text:_,fullWidth:!0,keepAlive:!0,children:[s?e(s,{size:O,fill:N}):null,e(wu,{"data-id":g,type:C||h===xn.Number||h===xn.Decimal?xn.Text:h,name:g,value:m,onChange:e=>{e.stopPropagation();const t=e.target.value;if(h===xn.Number||h===xn.Decimal){const n=h===xn.Number?Gl(t):Hl(t),o=null!=x.min?Number(x.min):void 0,r=null!=x.max?Number(x.max):void 0,i=h===xn.Decimal&&n.endsWith(".");let a=n,s=!1;if(n&&!i){const e=parseFloat(n);isNaN(e)||(null!=r&&e>r?(a=String(r),s=!0):null!=o&&e<o&&(a=String(o),s=!0))}e.target.value=a,I(t&&t!==n?"Please enter a valid number":s?"Value must be "+(null!=o&&null!=r?`between ${o} and ${r}`:null!=r?`at most ${r}`:`at least ${o}`):null)}f?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},disabled:y,$maxWidth:b,$width:v,$small:$,...x,ref:R}),E?e(Eu,{onClick:()=>T(e=>!e),children:e(C?Ct:Tt,{size:O,fill:N})}):l?e(l,{size:O,fill:N}):null]})}),e(Md,{errorMessage:A||d,warnMessage:u,helpMessage:p})]})},Tu=t=>{const{"data-id":n,options:o,placeholder:r="Search...",isLoading:i}=t,a=!0===t.multiple,[s,l]=Mt(""),[c,d]=Mt(!1),u=Bt(()=>a?t.value:t.value?[t.value]:[],[a,t.value]),p=Bt(()=>{if(a){const e=u.length;return e?1===e?o.find(e=>e.id===u[0])?.label??"":`${e} selected`:""}return t.value?o.find(e=>e.id===t.value)?.label??"":""},[a,t,o,u]),h=c?s:p,g=Bt(()=>{const e=a?o.map(e=>({...e,withCheckbox:!0})):o;if(!s)return e;const t=s.toLowerCase();return e.filter(e=>[e.label,e.badge,e.secondaryLabel].some(e=>e?.toLowerCase().includes(t)))},[a,o,s]),m=Ut(()=>{l(""),d(!0)},[]),f=Ut(e=>{l(e.target.value),c||d(!0),a||e.target.value||!t.value||t.onSelect(null)},[c,a,t]),y=Ut(e=>{d(e),e||l("")},[]),b=Ut(e=>{if(a)return void t.onSelect(e);const n=o.find(t=>t.id===e[0]);n&&(t.onSelect(n),l(""),d(!1))},[a,t,o]),v=c&&(i||g.length>0||s.length>0);return e(tu,{open:v,onOpenChange:y,items:g,selectedIds:u,setSelectedIds:b,withMultiSelect:a,isLoading:i,emptyMessage:`No results matched the filter '${s}'`,fullWidth:!0,alignY:Xd.Bottom,children:e(Cu,{name:n,leftIcon:vt,placeholder:r,value:h,onChange:f,onFocus:m})})},Au=o.button`
|
|
734
|
-
width: 100%;
|
|
735
|
-
padding: 0;
|
|
736
|
-
padding-right: 12px;
|
|
737
|
-
display: flex;
|
|
738
|
-
align-items: center;
|
|
739
|
-
justify-content: flex-start;
|
|
740
|
-
gap: 12px;
|
|
741
|
-
border-radius: 8px;
|
|
742
|
-
border: none;
|
|
743
|
-
${({$hovered:e})=>e?r`
|
|
744
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
745
|
-
`:r`
|
|
746
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
747
|
-
`}
|
|
748
|
-
overflow: hidden;
|
|
749
|
-
cursor: pointer;
|
|
750
|
-
&:disabled {
|
|
751
|
-
cursor: not-allowed;
|
|
752
|
-
opacity: 0.5;
|
|
753
|
-
}
|
|
754
|
-
`,Iu=o.div`
|
|
755
|
-
width: ${({$hasIcon:e})=>e?"56px":"0"};
|
|
756
|
-
height: 56px;
|
|
757
|
-
display: flex;
|
|
758
|
-
align-items: center;
|
|
759
|
-
justify-content: center;
|
|
760
|
-
${({$hovered:e})=>e?r`
|
|
761
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
762
|
-
`:r`
|
|
763
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[700]};
|
|
764
|
-
`}
|
|
765
|
-
`,ku=o.div`
|
|
766
|
-
width: ${({$hasIcon:e})=>e?"calc(100% - 56px)":"100%"};
|
|
767
|
-
display: flex;
|
|
768
|
-
justify-content: space-between;
|
|
769
|
-
align-items: center;
|
|
770
|
-
gap: 8px;
|
|
771
|
-
`,Nu=({label:n,icon:o,loading:r,disabled:i,onClick:a})=>{const[s,l]=Mt(!1);return t(Au,{$hovered:s,type:"button",disabled:i||r,onClick:a,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[e(Iu,{$hovered:s,$hasIcon:!!o,children:o&&e(o,{size:36})}),t(ku,{$hasIcon:!!o,children:[r?e(yl,{withGradient:!0,titleSize:Ra.S}):e(Fa,{variant:Oa.Span,align:"center",children:n}),e(At,{rotate:90,size:24})]})]})},Ou=({buttons:t})=>e(al,{$gap:12,children:t.map((t,n)=>e(Nu,{...t},`${t.label}-${n}`))});var Ru;(e=>{e.CurrentOfMax="currentOfMax",e.GoodAgainstBad="goodAgainstBad"})(Ru||(Ru={}));const Du=o.div`
|
|
772
|
-
display: flex;
|
|
773
|
-
align-items: flex-end;
|
|
774
|
-
justify-content: space-between;
|
|
775
|
-
gap: 24px;
|
|
776
|
-
width: fit-content;
|
|
777
|
-
`,_u=o.div`
|
|
778
|
-
position: relative;
|
|
779
|
-
display: flex;
|
|
780
|
-
flex-direction: column;
|
|
781
|
-
align-items: center;
|
|
782
|
-
width: ${({$width:e})=>e??150}px;
|
|
783
|
-
flex-shrink: 0;
|
|
784
|
-
`,Lu=o.svg`
|
|
785
|
-
display: block;
|
|
786
|
-
width: 100%;
|
|
787
|
-
height: auto;
|
|
788
|
-
overflow: visible;
|
|
789
|
-
`,Pu=o(al)`
|
|
790
|
-
position: absolute;
|
|
791
|
-
left: 0;
|
|
792
|
-
right: 0;
|
|
793
|
-
bottom: 4px;
|
|
794
|
-
align-items: center;
|
|
795
|
-
gap: 2px;
|
|
796
|
-
pointer-events: none;
|
|
797
|
-
`,Fu=o.span`
|
|
798
|
-
display: inline-block;
|
|
799
|
-
flex-shrink: 0;
|
|
800
|
-
width: 9px;
|
|
801
|
-
height: 9px;
|
|
802
|
-
border-radius: 50%;
|
|
803
|
-
background-color: ${({$color:e})=>e};
|
|
804
|
-
`,Mu=e=>{if(null==e||""===e)return{number:0,prefix:"",suffix:""};if("number"==typeof e)return{number:e,prefix:"",suffix:""};const t=e.match(/^(\D*)(-?\d*\.?\d+)(.*)$/);return t?{number:parseFloat(t[2]),prefix:t[1]??"",suffix:(t[3]??"").trim()}:{number:0,prefix:"",suffix:""}},zu=(e,t,n,o)=>{const r=o*Math.PI/180;return{x:e+n*Math.cos(r),y:t-n*Math.sin(r)}},Uu=(e,t,n,o,r)=>{const i=zu(e,t,n,o),a=zu(e,t,n,r),s=o>r?1:0,l=Math.abs(o-r)>180?1:0;return`M ${i.x} ${i.y} A ${n} ${n} 0 ${l} ${s} ${a.x} ${a.y}`},Bu=({variant:n=Ru.CurrentOfMax,gaugeWidth:o,title:r,min:a=0,max:s,current:l,primaryLabel:c,primaryColor:d,secondaryLabel:u,secondaryColor:p})=>{const{number:h}=Mu(a),{number:g}=Mu(s),{number:m,prefix:f,suffix:y}=Mu(l),b=i(),v=(P=(m-h)/Math.max(g-h,1),Math.min(Math.max(P,0),1)),$=180-180*v,S=v>0?Uu(60,60,55,180,$):null,x=v<1?Uu(60,60,55,$,0):null,w=zu(60,60,55,180),E=zu(60,60,55,0),C=d??(n===Ru.GoodAgainstBad?b.v2.colors.green[500]:b.v2.colors.purple[400]),T=p??(n===Ru.GoodAgainstBad?b.v2.colors.red[500]:b.v2.colors.silver[500]),[A,I]=Mt(null),k=e=>`${f}${e}${y}`,N=n===Ru.GoodAgainstBad?Math.max(g-m,0):g,O="primary"===A?c:"secondary"===A?u:"",R="primary"===A?k(m):"secondary"===A?k(N):"",D=()=>I("primary"),_=()=>I("secondary"),L=()=>I(null);var P;return t(Du,{children:[t(_u,{$width:o,children:[e(nd,{keepAlive:!0,fullWidth:!0,title:O,text:R,children:t(Lu,{viewBox:"0 0 120 65",role:"img","aria-label":`${r}: ${m} of ${g}`,children:[S&&e("path",{d:S,fill:"none",stroke:C,strokeWidth:10,strokeLinecap:1===v?"round":"butt",onMouseEnter:D,onMouseLeave:L}),x&&e("path",{d:x,fill:"none",stroke:T,strokeWidth:10,strokeLinecap:0===v?"round":"butt",onMouseEnter:_,onMouseLeave:L}),v>0&&e("circle",{cx:w.x,cy:w.y,r:5,fill:C,onMouseEnter:D,onMouseLeave:L}),v<1&&e("circle",{cx:E.x,cy:E.y,r:5,fill:T,onMouseEnter:_,onMouseLeave:L})]})}),r&&t(Pu,{children:[e(Fa,{size:Ra.XXXS,color:b.v2.colors.grey[150],align:"center",children:r}),e(Fa,{size:Ra.L,weight:500,align:"center",children:`${f}${m}${y}`})]})]}),t(al,{$gap:7,children:[t(il,{$gap:8,$alignItems:"center",children:[e(Fu,{$color:C}),e(Fa,{size:Ra.XXXS,color:b.v2.colors.grey[150],nowrap:!0,children:c})]}),t(il,{$gap:8,$alignItems:"center",children:[e(Fu,{$color:T}),e(Fa,{size:Ra.XXXS,color:b.v2.colors.grey[150],nowrap:!0,children:u})]})]})]})},ju=o(il)`
|
|
805
|
-
width: 100%;
|
|
806
|
-
padding: 8px 12px;
|
|
807
|
-
border-radius: 6px;
|
|
808
|
-
background-color: ${({theme:e,$bgTint:t})=>e.v2.colors.silver[t||"800"]};
|
|
809
|
-
display: flex;
|
|
810
|
-
align-items: center;
|
|
811
|
-
justify-content: space-between;
|
|
812
|
-
gap: 12px;
|
|
813
|
-
`,Hu=o.div`
|
|
814
|
-
position: relative;
|
|
815
|
-
width: ${({$hideCopy:e})=>e?"100%":"calc(100% - 24px - 12px)"};
|
|
816
|
-
display: flex;
|
|
817
|
-
align-items: center;
|
|
818
|
-
gap: 4px;
|
|
819
|
-
`,Gu=o.pre`
|
|
820
|
-
flex: 1;
|
|
821
|
-
margin: 0;
|
|
822
|
-
padding: 0;
|
|
823
|
-
font-size: 12px;
|
|
824
|
-
color: #5ffb98; // TODO: add to theme
|
|
825
|
-
overflow-x: auto;
|
|
826
|
-
`,Wu=o.span`
|
|
827
|
-
flex-shrink: 0;
|
|
828
|
-
font-size: 14px;
|
|
829
|
-
color: #5ffb98; // TODO: add to theme
|
|
830
|
-
`,Xu=({bgTint:n,label:o,value:r,hideCopy:i=!1,onDone:a})=>{const{CopyButton:s}=Nc({onDone:a}),l=jt(null),[c,d]=Mt(!1);return zt(()=>{const e=()=>{if(l.current){const{scrollWidth:e,clientWidth:t}=l.current;d(e>t)}};e();const t=new ResizeObserver(e);return l.current&&t.observe(l.current),()=>{t.disconnect()}},[r]),t(al,{$gap:4,children:[o&&e(Fa,{size:Ra.XXXS,color:Da.Secondary,children:o}),t(ju,{$bgTint:n,children:[t(Hu,{$hideCopy:i,children:[e(Gu,{ref:l,children:r.toLowerCase()}),c&&e(Wu,{children:"..."})]}),!i&&e(s,{value:r.toLowerCase(),size:Ac.XS})]})]})},Ku=o(il)`
|
|
831
|
-
gap: 0;
|
|
832
|
-
`,Vu=o.button`
|
|
833
|
-
padding: 4px 8px;
|
|
834
|
-
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
835
|
-
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
836
|
-
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
837
|
-
display: flex;
|
|
838
|
-
align-items: center;
|
|
839
|
-
justify-content: center;
|
|
840
|
-
cursor: pointer;
|
|
841
|
-
&:hover {
|
|
842
|
-
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
843
|
-
}
|
|
844
|
-
`,Ju=({isPrettyMode:n,setIsPrettyMode:o})=>t(Ku,{children:[e(Vu,{$position:"left",$selected:n,onClick:()=>o(!0),children:e(It,{})}),e(Vu,{$position:"right",$selected:!n,onClick:()=>o(!1),children:e(kt,{})})]}),Yu=o.table`
|
|
845
|
-
border-collapse: collapse;
|
|
846
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
847
|
-
`,qu=o.tbody``,Qu=o.tr`
|
|
848
|
-
td:first-child {
|
|
849
|
-
padding-left: 0 !important;
|
|
850
|
-
}
|
|
851
|
-
td:last-child {
|
|
852
|
-
padding-right: 0 !important;
|
|
853
|
-
}
|
|
854
|
-
`,Zu=o.td`
|
|
855
|
-
vertical-align: top;
|
|
856
|
-
padding: 4px 6px;
|
|
857
|
-
`,ep=o.span`
|
|
858
|
-
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
859
|
-
overflow-wrap: break-word;
|
|
860
|
-
word-break: break-word;
|
|
861
|
-
word-wrap: break-word;
|
|
862
|
-
/* Fallback for older browsers */
|
|
863
|
-
-ms-word-break: break-all;
|
|
864
|
-
font-size: 12px;
|
|
865
|
-
`,tp=({language:t,code:n,theme:o,flatten:r,pretty:a})=>{const{darkMode:s}=i(),l=o?Yt[o]:s?Yt.palenight:Yt.vsLight;let c="";if("json"===t){const e=Cl(n,{}),t=Vl(e);c=Jl(r?ss(t):t)}else c=n;return a&&"json"===t?e(np,{darkMode:s,str:c}):e(Jt,{theme:l||(s?Yt.palenight:Yt.vsLight),language:t,code:c,children:({getLineProps:t,getTokenProps:n,tokens:o})=>e("pre",{children:o.map((o,r)=>e("div",{...t({line:o}),children:o.map((t,o)=>e(ep,{...n({token:t})},`line-${r}-token-${o}`))},`line-${r}`))})})},np=({darkMode:n,str:o})=>{const r=i(),a=(n,o)=>{const i=new Array(n).fill(n=>t(Qu,{...n,children:[e(Zu,{}),e(Zu,{})]}));return e(Ft,{children:i.map((t,n)=>e(t,{style:0===n?{borderBottom:`1px solid ${r.colors.border}`}:{}},`empty-row-${o}-${n}`))})};return e(Jt,{theme:n?Yt.palenight:Yt.vsLight,language:"json",code:o,children:({getLineProps:n,getTokenProps:o,tokens:i})=>e(Yu,{children:e(qu,{children:i.map((i,s)=>{const l=(e=>{const t=["punctuation","plain","operator"];return e.filter(e=>!t.includes(e.types[0])).map(({types:e,content:t})=>{const n=[...e],o=["property","string"].includes(n[0])?t.replace(/"/g,""):t;return"string"===n[0]&&(["true","false"].includes(o.split("@")[0])&&(n[0]="boolean"),o.split("@")[0].match(/^[0-9]+$/)&&(n[0]="number")),{types:n,content:o}})})(i),c=n({line:l});return 1===l.length&&"property"===l[0].types[0]?t(Ft,{children:[a(2,s),t(Qu,{...c,children:[e(Zu,{children:e(Fa,{nowrap:!0,children:l[0].content})}),e(Zu,{})]})]},`line-${s}`):2===l.length?e(Qu,{...c,children:l.map((n,i)=>{const{text:a,components:l}=((t,n)=>{const[o,...r]=t.split("@");return{text:o,components:r?.map((t,o)=>{if(!t.includes("="))return null;const[r,i]=t.split("=");switch(r){case"tooltip":return e(nd,{withIcon:!0,text:i},`${r}-${i}-${o}`);case"status":if("none"===i)return e("div",{style:{width:16,height:16}},`${r}-${i}-${o}`);let t=bl(i,n);return t||(t=bl(wn.Warning,n)),e(t,{},`${r}-${i}-${o}`);default:return null}})?.filter(e=>!!e)||[]}})(n.content,r),c=0===i;return e(Zu,{children:t(il,{children:[e(il,{children:l}),e(ep,{$noWrap:c,...o({token:n}),children:a})]})},`line-${s}-token-${i}`)})},`line-${s}`):(l.length,null)})})})})},op=o.div`
|
|
866
|
-
display: flex;
|
|
867
|
-
align-items: center;
|
|
868
|
-
gap: 8px;
|
|
869
|
-
padding: ${({$hideBackground:e,$slim:t})=>e?"0":t?"8px":"16px"};
|
|
870
|
-
width: ${({$width:e})=>e||"auto"};
|
|
871
|
-
border-radius: ${({$isExtended:e})=>e?"12px 12px 0 0":"12px"};
|
|
872
|
-
background-color: ${({$hideBackground:e,$backgroundColor:t})=>e?"transparent":t};
|
|
873
|
-
|
|
874
|
-
${({$withHover:e,$hideBackground:t,$hoverBackgroundColor:n})=>e&&r`
|
|
875
|
-
cursor: pointer;
|
|
876
|
-
transition: background 0.2s;
|
|
877
|
-
&:hover {
|
|
878
|
-
background-color: ${t?"transparent":n};
|
|
879
|
-
}
|
|
880
|
-
`}
|
|
881
|
-
`,rp=o.div`
|
|
882
|
-
display: flex;
|
|
883
|
-
align-items: center;
|
|
884
|
-
justify-content: center;
|
|
885
|
-
flex-shrink: 0;
|
|
886
|
-
width: ${({$slim:e})=>e?"32px":"42px"};
|
|
887
|
-
height: ${({$slim:e})=>e?"32px":"42px"};
|
|
888
|
-
border-radius: 11px;
|
|
889
|
-
background-color: ${({$backgroundColor:e,$slim:t})=>t?"transparent":e};
|
|
890
|
-
${({$withClick:e})=>e&&r`
|
|
891
|
-
cursor: pointer;
|
|
892
|
-
& * {
|
|
893
|
-
cursor: pointer;
|
|
894
|
-
}
|
|
895
|
-
&:hover {
|
|
896
|
-
transform: scale(1.2);
|
|
897
|
-
}
|
|
898
|
-
`}
|
|
899
|
-
`,ip=o(al)`
|
|
900
|
-
flex: 1;
|
|
901
|
-
min-width: 0;
|
|
902
|
-
`,ap=o.div`
|
|
903
|
-
display: flex;
|
|
904
|
-
align-items: center;
|
|
905
|
-
justify-content: center;
|
|
906
|
-
flex-shrink: 0;
|
|
907
|
-
width: 24px;
|
|
908
|
-
height: 24px;
|
|
909
|
-
`,sp=({status:n,title:o,subTitle:r,badgeLabel:a,loading:s,action:l,isExtended:c=!1,toggleExtended:d,invertColors:u=!1,hideIcon:p=!1,hideBackground:h=!1,width:g,slim:m=!1})=>{const f=i(),y=bl(n,f),b=d?c?xt:wt:void 0,v=n===wn.Unknown,$=n===wn.Disabled,S=n===wn.Loading||s,x=[wn.Error,wn.Warning,wn.Success].includes(n),w=Ps(f,n,$?u?"400":"700":v?"600":u?"300":"500"),E=$?f.v2.colors.grey[400]:u?f.v2.colors.white[500]:x?f.v2.colors.black[500]:f.v2.colors.white[500],C=u&&!v?w:E,T=!u||v||$?"rgba(0, 0, 0, 0.13)":Ps(f,n,"800"),A=$?f.v2.colors.grey[900]:u||v?f.v2.colors.silver[800]:w,I=$?f.v2.colors.grey[800]:u||v?f.v2.colors.silver[700]:Ps(f,n,"600");return t(op,{$width:g,$withHover:!!d,$isExtended:c,$hideBackground:h,$backgroundColor:A,$hoverBackgroundColor:I,$slim:m,onClick:d,children:[!p&&e(rp,{$backgroundColor:T,$slim:m,children:S?e(yl,{withSpinnerOld:!0,scaleSpinnerOld:1.2}):e(y,{size:32,fill:C})}),t(ip,{$gap:4,$justifyContent:"center",children:[t(il,{$gap:10,$alignItems:"center",children:[e(Fa,{size:m?Ra.XS:Ra.S,weight:500,color:C,children:o}),a&&e(rd,{label:a,backgroundColor:f.v2.colors.silver[600],textColor:f.v2.colors.white[500],textSize:Ra.XXXS})]}),r&&e(Fa,{size:Ra.XXXS,color:E,children:r})]}),l&&e(rp,{"data-id":l["data-id"],$backgroundColor:f.v2.colors.silver[750],$slim:m,$withClick:!!l.onClick,onClick:l.onClick,children:e(nd,{text:l.tooltip,children:e(l.icon,{size:32,fill:E})})}),b&&e(ap,{children:e(b,{size:24,fill:E})})]})},lp=o.div`
|
|
910
|
-
display: flex;
|
|
911
|
-
flex-direction: column;
|
|
912
|
-
width: 100%;
|
|
913
|
-
border-radius: 12px;
|
|
914
|
-
overflow: hidden;
|
|
915
|
-
`,cp=o.div`
|
|
916
|
-
display: flex;
|
|
917
|
-
flex-direction: column;
|
|
918
|
-
gap: 8px;
|
|
919
|
-
padding: 8px 12px 16px 12px;
|
|
920
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[900]};
|
|
921
|
-
`,dp=o.div`
|
|
922
|
-
display: flex;
|
|
923
|
-
align-items: center;
|
|
924
|
-
gap: 8px;
|
|
925
|
-
`,up=o.div`
|
|
926
|
-
display: flex;
|
|
927
|
-
align-items: center;
|
|
928
|
-
justify-content: center;
|
|
929
|
-
flex-shrink: 0;
|
|
930
|
-
width: 18px;
|
|
931
|
-
height: 18px;
|
|
932
|
-
`,pp=({conditions:n,title:o,subTitle:r})=>{const a=i(),[s,l]=Mt(!1),c=Ut(()=>l(e=>!e),[]),d=Bt(()=>zl(n),[n]),{errors:u,hasErrors:p,warnings:h,hasWarnings:g,hasDisableds:m,hasLoadings:f}=Bt(()=>us(d),[d]);zt(()=>{l(p||g||m)},[p,g,m]);const y=Bt(()=>(!d.length||f)&&!p&&!g&&!m,[d.length,f,p,g,m]),b=Bt(()=>p?wn.Error:g?wn.Warning:m?wn.Info:wn.Success,[p,g,m]),v=Bt(()=>o||(1===d.length?Na(d[0].reason||d[0].type):void 0)||(({hasErrors:e,hasWarnings:t,hasDisableds:n,loading:o})=>e?"Something Failed":t||n?"Something isn't right":o?"Loading...":"Everything Successful")({hasErrors:p,hasWarnings:g,hasDisableds:m,loading:y}),[o,d,p,g,m,y]),$=Bt(()=>r||1===d.length&&d[0].message||void 0,[r,d]),S=Bt(()=>`${p?u.length:g?h.length:d.length}/${d.length}`,[p,u.length,g,h.length,d.length]);return t(lp,{children:[e(sp,{status:b,invertColors:!0,title:v,subTitle:$,badgeLabel:S,loading:y,isExtended:s,toggleExtended:c}),s&&e(cp,{children:d.map(({status:n,type:o,reason:r,message:i},s)=>{const l=n===wn.Loading,c=n===wn.Disabled?wn.Info:n,d=l?null:bl(c,a),u=n===wn.Error?Ps(a,wn.Error,"500"):n===wn.Warning?Ps(a,wn.Warning,"500"):a.v2.colors.white[500],p=[o,i||r].filter(Boolean).join(" - ");return t(dp,{children:[e(up,{children:l||!d?e(yl,{withSpinnerOld:!0,scaleSpinnerOld:.8}):e(d,{size:18})}),e(Fa,{size:Ra.XXXS,color:u,lineHeight:"16px",children:p})]},`condition-${s}`)})})]})},hp=o.div`
|
|
933
|
-
width: ${({$orientation:e,$thickness:t,$length:n})=>e===un.Vertical?`${t}px`:n||"100%"};
|
|
934
|
-
height: ${({$orientation:e,$thickness:t,$length:n})=>e===un.Horizontal?`${t}px`:n||"100%"};
|
|
935
|
-
margin: ${({$orientation:e,$margin:t})=>t||(e===un.Horizontal?"8px 0":"0 8px")};
|
|
936
|
-
background-color: ${({$type:e,theme:t})=>(e?Ps(t,e):t.v2.colors.grey[400])+md["050"]};
|
|
937
|
-
opacity: ${({$opacity:e})=>e||1};
|
|
938
|
-
`,gp=({orientation:t=un.Horizontal,type:n,thickness:o=1,length:r,margin:i,opacity:a})=>e(hp,{$orientation:t,$type:n,$thickness:o,$length:r,$margin:i,$opacity:a});var mp,fp,yp;(e=>{e.Default="default",e.SuccessError="successError"})(mp||(mp={})),(e=>{e.S="small",e.L="large"})(fp||(fp={})),(e=>{e.Left="left",e.Right="right"})(yp||(yp={}));const bp=o.div`
|
|
939
|
-
display: flex;
|
|
940
|
-
align-items: center;
|
|
941
|
-
gap: ${({$gap:e})=>e}px;
|
|
942
|
-
`,vp=o.div`
|
|
943
|
-
position: relative;
|
|
944
|
-
display: flex;
|
|
945
|
-
align-items: center;
|
|
946
|
-
justify-content: space-between;
|
|
947
|
-
box-sizing: content-box;
|
|
948
|
-
|
|
949
|
-
width: ${({$size:e})=>2*e+2}px;
|
|
950
|
-
height: ${({$size:e})=>e}px;
|
|
951
|
-
padding: ${4}px;
|
|
952
|
-
border-radius: ${({$size:e})=>2*e}px;
|
|
953
|
-
background-color: ${({$disabled:e,$onBgColor:t,$offBgColor:n,$variant:o,$value:r,theme:i})=>{if(e)return i.v2.colors.grey[800];if(t&&r)return t;if(n&&!r)return n;switch(o){case mp.SuccessError:return r?i.v2.colors.green[500]:i.v2.colors.red[500];case mp.Default:default:return r?i.v2.colors.purple[500]:i.v2.colors.grey[400]}}};
|
|
954
|
-
|
|
955
|
-
border: 1px solid ${({$disabled:e,theme:t})=>e?t.v2.colors.grey[600]:"transparent"};
|
|
956
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
957
|
-
`,$p=o.div`
|
|
958
|
-
position: absolute;
|
|
959
|
-
top: 50%;
|
|
960
|
-
left: ${({$value:e,$size:t})=>e?`calc(100% - ${t}px - 4px)`:"4px"};
|
|
961
|
-
transform: translateY(-50%);
|
|
962
|
-
width: ${({$size:e})=>e}px;
|
|
963
|
-
height: ${({$size:e})=>e}px;
|
|
964
|
-
border-radius: 100%;
|
|
965
|
-
background-color: ${({$color:e})=>e};
|
|
966
|
-
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)"};
|
|
967
|
-
`,Sp=({variant:o=mp.Default,size:r=fp.L,name:a,label:s,labelAlign:l=yp.Right,labelColor:c,tooltip:d,badge:u,value:p,onChange:h,disabled:g,withIcon:m,onIcon:f=yt,offIcon:y=$t,onBgColor:b,offBgColor:v,errorMessage:$,warnMessage:S,helpMessage:x})=>{const w=i(),E=g?w.v2.colors.grey[400]:w.v2.colors.white[500],C=r===fp.S?10:16,T=c||w.v2.colors.silver[200],A=r===fp.S?Ra.XXXS:Ra.XS,I=r===fp.S?8:12;return t(al,{$gap:4,children:[t(il,{$justifyContent:"space-between",children:[t(bp,{"data-id":a||"toggle"+(s?`-${s}`:""),"data-toggle-value":p?"true":"false",$gap:I,children:[s&&l===yp.Left&&e(Fa,{color:T,size:A,nowrap:!0,children:s}),t(vp,{$onBgColor:b,$offBgColor:v,$variant:o,$size:C,$value:p,$disabled:g,onClick:e=>{e.stopPropagation(),g||h(!p)},children:[e($p,{$color:E,$size:C,$value:p,$disabled:g}),m&&t(n,{children:[e(f,{size:C,fill:E}),e(y,{size:C,fill:E})]})]}),s&&l===yp.Right&&e(Fa,{color:T,size:A,nowrap:!0,children:s})]}),e(Fd,{tooltip:d,badge:u})]}),e(Md,{errorMessage:$,warnMessage:S,helpMessage:x})]})},xp=o.div`
|
|
968
|
-
display: flex;
|
|
969
|
-
flex-direction: ${({$direction:e})=>e===un.Horizontal?"row":"column"};
|
|
970
|
-
gap: ${({$direction:e})=>e===un.Horizontal?16:8}px;
|
|
971
|
-
`,wp=({direction:n=un.Vertical,title:o,size:r,disabled:i,options:a,values:s,setValues:l})=>{const c=r===fp.S?Ra.XS:Ra.S;return t(xp,{$direction:n,children:[o&&e(Fa,{size:c,children:o}),a.map(t=>e(Sp,{...t,labelAlign:yp.Right,value:s[t.id],onChange:e=>{return n=t.id,o=e,void l(e=>{const t={...e};return n?t[n]=o:a.forEach(e=>t[e.id]=o),t});var n,o},disabled:i,size:r},`${o}-toggle-${t.id}`))]})},Ep=o.div`
|
|
972
|
-
display: flex;
|
|
973
|
-
align-items: center;
|
|
974
|
-
justify-content: space-between;
|
|
975
|
-
width: 100%;
|
|
976
|
-
overflow: hidden;
|
|
977
|
-
`,Cp=o.div`
|
|
978
|
-
display: flex;
|
|
979
|
-
align-items: center;
|
|
980
|
-
gap: 16px;
|
|
981
|
-
padding: 6px 0;
|
|
982
|
-
min-width: 0;
|
|
983
|
-
flex: 1;
|
|
984
|
-
overflow: hidden;
|
|
985
|
-
`,Tp=o.div`
|
|
986
|
-
display: flex;
|
|
987
|
-
align-items: center;
|
|
988
|
-
justify-content: center;
|
|
989
|
-
flex: 0 0 36px;
|
|
990
|
-
width: 36px;
|
|
991
|
-
height: 36px;
|
|
992
|
-
border-radius: 8px;
|
|
993
|
-
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
994
|
-
`,Ap=o.img`
|
|
995
|
-
width: 24px;
|
|
996
|
-
height: 24px;
|
|
997
|
-
`,Ip=o.div`
|
|
998
|
-
display: flex;
|
|
999
|
-
align-items: center;
|
|
1000
|
-
gap: 16px;
|
|
1001
|
-
flex-shrink: 0;
|
|
1002
|
-
`,kp=({icon:n,iconSrc:o,title:r,titleBadges:i,subTitle:a,toggleProps:s,actions:l,onClose:c,onCloseDisabled:d})=>t(Ep,{children:[t(Cp,{children:[n?e(Tp,{children:e(n,{size:24})}):o?e(Tp,{children:e(Ap,{src:o,alt:r||"icon"})}):null,(r||i?.length||a)&&t(al,{$gap:6,children:[(r||i?.length)&&t(il,{$gap:16,children:[r&&e(Fa,{size:Ra.S,weight:500,children:r}),i?.length&&e(il,{$gap:4,children:i?.map((t,n)=>e(rd,{...t},`${t.label}-${n}`))})]}),a&&e(Fa,{size:Ra.XXS,children:a})]})]}),t(Ip,{children:[s&&e(Sp,{...s}),l?.length?e(tu,{iconButtonProps:{"data-id":"drawer-actions",leftIcon:Et},items:l,selectedIds:l?.filter(e=>e?.active)?.map(e=>e?.id)??[],setSelectedIds:e=>l?.find(t=>t?.id===e[0])?.onClick?.()}):null,c&&e(kc,{"data-id":"drawer-close",icon:$t,size:Ac.M,onClick:c,disabled:d})]})]}),Np=o.div`
|
|
1003
|
-
position: relative;
|
|
1004
|
-
&.animated {
|
|
1005
|
-
overflow: hidden;
|
|
1006
|
-
padding-bottom: 1px;
|
|
1007
|
-
border-radius: 8px;
|
|
1008
|
-
animation: ${({$isLeaving:e})=>e?yd.out.bottom:yd.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
1009
|
-
}
|
|
1010
|
-
`,Op=o.div`
|
|
1011
|
-
position: absolute;
|
|
1012
|
-
bottom: -1px;
|
|
1013
|
-
left: 0;
|
|
1014
|
-
z-index: -1;
|
|
1015
|
-
width: 100%;
|
|
1016
|
-
height: 100%;
|
|
1017
|
-
border-radius: 8px;
|
|
1018
|
-
background-color: ${({theme:e,$status:t})=>Ps(e,t,t===wn.Default?"300":t===wn.Info?"400":"500")};
|
|
1019
|
-
animation: ${bd.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
1020
|
-
`,Rp=o.div`
|
|
1021
|
-
display: flex;
|
|
1022
|
-
align-items: center;
|
|
1023
|
-
gap: 10px;
|
|
1024
|
-
${({$fullWidth:e})=>e&&r`
|
|
1025
|
-
width: 100%;
|
|
1026
|
-
`}
|
|
1027
|
-
padding: 4px 12px 4px 4px;
|
|
1028
|
-
border-radius: 8px;
|
|
1029
|
-
background-color: ${({theme:e,$status:t})=>Ps(e,t,[wn.Info,wn.Warning].includes(t)?"1000":"900")};
|
|
1030
|
-
`,Dp=o.div`
|
|
1031
|
-
width: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
1032
|
-
height: ${({$smallIcon:e})=>e?"24px":"32px"};
|
|
1033
|
-
display: flex;
|
|
1034
|
-
align-items: center;
|
|
1035
|
-
justify-content: center;
|
|
1036
|
-
border-radius: 6px;
|
|
1037
|
-
background-color: ${({theme:e,$status:t})=>Ps(e,t,[wn.Info].includes(t)?"900":"800")};
|
|
1038
|
-
`,_p=o.div`
|
|
1039
|
-
margin-left: auto;
|
|
1040
|
-
display: flex;
|
|
1041
|
-
align-items: center;
|
|
1042
|
-
gap: 4px;
|
|
1043
|
-
`,Lp=o.div`
|
|
1044
|
-
margin-right: 8px;
|
|
1045
|
-
cursor: pointer;
|
|
1046
|
-
&:hover {
|
|
1047
|
-
transform: scale(1.2);
|
|
1048
|
-
}
|
|
1049
|
-
`,Pp=({status:n,message:o,action:r,fullWidth:a,smallIcon:s,onClose:l,duration:c=5e3,zIndex:d})=>{const u=i(),p=bl(n,u),h=Ps(u,n,n===wn.Default?"300":n===wn.Info?"400":"500"),[g,m]=Mt(!1),f=jt(null),y=jt(null),b=c/10,v=c-b,$=e=>{l&&(f.current&&clearTimeout(f.current),m(!0),setTimeout(()=>l({asSeen:e?.asSeen}),b))};return zt(()=>{if(l)return f.current=setTimeout(()=>$({asSeen:!1}),v),()=>{f.current&&clearTimeout(f.current)}},[c]),t(Np,{className:l?"animated":"",$duration:c,$isLeaving:g,onMouseEnter:()=>{l&&(f.current&&clearTimeout(f.current),y.current&&(y.current.style.animationPlayState="paused"))},onMouseLeave:()=>{if(l&&y.current){const e=y.current.offsetWidth/y.current.parentElement.offsetWidth*v;f.current=setTimeout(()=>$({asSeen:!1}),e),y.current.style.animationPlayState="running"}},style:{zIndex:d},children:[t(Rp,{$status:n,$fullWidth:a,children:[e("div",{children:e(Dp,{$status:n,$smallIcon:s,children:e(p,{size:s?18:24})})}),e(Fa,{color:h,size:Ra.XXXS,weight:400,children:o}),(r||l)&&t(_p,{children:[r&&e(Lp,{"data-id":r["data-id"],onClick:r.onClick,children:e(Fa,{color:h,size:Ra.XXS,weight:500,underline:!0,nowrap:!0,children:r.label})}),l&&e(kc,{"data-id":"note-close",icon:$t,size:Ac.XS,onClick:()=>$({asSeen:!0})})]})]}),l&&e(Op,{ref:y,$status:n,$duration:c})]})},Fp=o.div`
|
|
1050
|
-
display: flex;
|
|
1051
|
-
align-items: center;
|
|
1052
|
-
gap: 8px;
|
|
1053
|
-
padding: 4px 12px;
|
|
1054
|
-
`,Mp=o.div`
|
|
1055
|
-
flex: 1;
|
|
1056
|
-
`,zp=o.div`
|
|
1057
|
-
width: 150px;
|
|
1058
|
-
`,Up=({note:n,actions:o,children:r})=>r?e(Fp,{children:r}):t(Fp,{children:[n&&e(Pp,{...n}),e(Mp,{}),o?.map((t,n)=>e(zp,{children:e(ld,{fullWidth:!0,...t})},t["data-id"]||`drawer-footer-button-${n}`))]}),Bp=o.div`
|
|
1059
|
-
position: fixed;
|
|
1060
|
-
top: 0;
|
|
1061
|
-
bottom: 0;
|
|
1062
|
-
${({$position:e})=>e}: 0;
|
|
1063
|
-
z-index: ${({theme:e})=>e.v2.zIndex.drawer};
|
|
1064
|
-
|
|
1065
|
-
display: flex;
|
|
1066
|
-
flex-direction: column;
|
|
1067
|
-
gap: 12px;
|
|
1068
|
-
|
|
1069
|
-
width: ${({$width:e})=>e};
|
|
1070
|
-
min-width: ${({$minWidth:e})=>e||"unset"};
|
|
1071
|
-
padding: 12px;
|
|
1072
|
-
border-radius: ${({$position:e})=>"left"===e?"0 20px 20px 0":"20px 0 0 20px"};
|
|
1073
|
-
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1074
|
-
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1075
|
-
overflow: hidden;
|
|
1076
|
-
|
|
1077
|
-
${({$disableAnimation:e,$position:t})=>!e&&r`
|
|
1078
|
-
animation-name: ${yd.in[t]};
|
|
1079
|
-
`}
|
|
1080
|
-
`,jp=o.div`
|
|
1081
|
-
display: flex;
|
|
1082
|
-
flex-direction: column;
|
|
1083
|
-
gap: 12px;
|
|
1084
|
-
|
|
1085
|
-
height: calc(100% - ${56}px);
|
|
1086
|
-
overflow-y: auto;
|
|
1087
|
-
`,Hp=({isOpen:o,hideOverlay:r=!1,disableAnimation:i=!1,position:a="right",width:s="600px",minWidth:l,header:c,footer:d,children:u})=>(Cc(o),o?Vt(t(n,{children:[!r&&e(cl,{onClick:c?.onCloseDisabled?void 0:c?.onClose}),t(Bp,{"data-id":"drawer",$position:a,$width:s,$minWidth:l,$disableAnimation:i,children:[c&&e(kp,{...c}),e(jp,{children:u}),d&&e(Up,{...d})]})]}),document.body):null),Gp=({options:t,values:n,setValues:o,withMultiSelect:r,withSearch:i,...a})=>{const s=Bt(()=>t.filter(e=>n.includes(e.id)),[t,n]),l=Bt(()=>s.map(e=>e.label).join(", "),[s]);return e(tu,{withMultiSelect:r,withSearch:i,fullWidth:!0,alignX:Wd.Left,items:t,selectedIds:n,setSelectedIds:o,children:({ChevronIcon:t,handleClick:n})=>e(Cu,{placeholder:"Select options...",width:"100%",...a,rightIcon:t,leftIcon:1===s.length?s[0].icon:void 0,value:l,onChange:()=>{},onClick:n,readOnly:!0,tabIndex:-1})})},Wp=({error:n})=>{const o=i(),r={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:o.text.error,fontFamily:o.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:o.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:o.text.secondary,fontSize:"14px"}};return t("div",{style:r.container,children:[e("h2",{children:"Something went wrong!"}),e("pre",{style:r.errorMessage,children:n?.message||"Unknown Error"}),t("details",{style:r.errorStackWrapper,children:[e("summary",{children:"Stack Trace"}),e("pre",{style:r.errorStack,children:n?.stack||"Unknown Stack"})]}),e("p",{style:r.infoText,children:"Try refreshing the page or contact support"}),e(ld,{variant:id.Secondary,onClick:()=>window.location.reload(),label:"Reload Page"})]})},Xp=({children:t})=>e(Zt,{FallbackComponent:({error:t,...n})=>e(gd,{children:e(Wp,{...n,error:t})}),children:t}),Kp=o.header`
|
|
1088
|
-
position: relative;
|
|
1089
|
-
width: 100%;
|
|
1090
|
-
padding: 12px 18px;
|
|
1091
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1092
|
-
display: flex;
|
|
1093
|
-
align-items: center;
|
|
1094
|
-
justify-content: space-between;
|
|
1095
|
-
`,Vp=o(il)`
|
|
1096
|
-
position: absolute;
|
|
1097
|
-
left: 50%;
|
|
1098
|
-
transform: translateX(-50%);
|
|
1099
|
-
gap: 16px;
|
|
1100
|
-
`,Jp=({left:n=[],center:o=[],right:r=[]})=>t(Kp,{children:[e(il,{$gap:16,children:n}),e(Vp,{children:o}),e(il,{$gap:16,children:r})]}),Yp=o.div`
|
|
1101
|
-
display: flex;
|
|
1102
|
-
align-items: center;
|
|
1103
|
-
gap: 2px;
|
|
1104
|
-
width: fit-content;
|
|
1105
|
-
padding: 4px;
|
|
1106
|
-
border-radius: 8px;
|
|
1107
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1108
|
-
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
|
|
1109
|
-
|
|
1110
|
-
position: absolute;
|
|
1111
|
-
right: ${({$right:e,$left:t})=>e||(t?"unset":"12px")};
|
|
1112
|
-
left: ${({$left:e})=>e||"unset"};
|
|
1113
|
-
top: 50%;
|
|
1114
|
-
transform: translateY(-50%);
|
|
1115
|
-
`,qp=({isOpen:t,actions:n,positionRight:o,positionLeft:r})=>t?e(Yp,{$right:o,$left:r,children:n.map(t=>{if(!t)return null;const{tooltip:n,...o}=t;return e(nd,{text:n||"",children:e(ld,{...o,variant:id.Secondary,size:ad.S})},o.id)})}):null,Qp=o.div`
|
|
1116
|
-
display: flex;
|
|
1117
|
-
align-items: center;
|
|
1118
|
-
justify-content: center;
|
|
1119
|
-
width: ${({$size:e,$padding:t})=>e+t}px;
|
|
1120
|
-
height: ${({$size:e,$padding:t})=>e+t}px;
|
|
1121
|
-
aspect-ratio: 1 / 1;
|
|
1122
|
-
border-radius: 8px;
|
|
1123
|
-
background-color: ${({theme:e,$noBackground:t,$status:n})=>t?"transparent":n?Ps(e,n,n===wn.Warning?"1000":"900"):e.v2.colors.silver[800]};
|
|
1124
|
-
`,Zp=({icons:n,icon:o,iconSrc:r,status:a,size:s=28,padding:l=4})=>{const c=i(),d=s/2.7,u=s/1.3,p=Os(d,c.v2.text.size);if(n&&n.length>1){const o=n.slice(0,3),r=n.length-o.length,i=o.slice(0,2),c=o.slice(2),u=c.length>0,h=Math.round(s/16);return e("div",{style:{width:"fit-content"},children:e(Qp,{$size:s,$padding:l,$status:a,children:t(al,{$gap:h,$alignItems:"center",$justifyContent:"center",children:[e(il,{$gap:h,$alignItems:"center",$justifyContent:"center",children:i.map((t,n)=>e(t,{size:d},`top-${n}`))}),u&&t(il,{$gap:h,$alignItems:"center",$justifyContent:"center",children:[c.map((t,n)=>e(t,{size:d},`bottom-${n}`)),r>0&&e(Fa,{size:p,weight:500,children:`+${r}`})]})]})})})}const h=n?.[0]||o;return e("div",{style:{width:"fit-content"},children:e(Qp,{$size:s,$padding:l,$status:a,children:h?e(h,{size:u}):e("img",{src:r,alt:"",width:u,height:u})})})},eh=o.div`
|
|
1125
|
-
width: 100%;
|
|
1126
|
-
border-radius: 8px;
|
|
1127
|
-
padding: ${({$plain:e})=>e?"4px 0":"4px 8px"};
|
|
1128
|
-
background: ${({theme:e,$plain:t})=>t?"transparent":e.v2.colors.silver[800]};
|
|
1129
|
-
`,th=({values:n,setValues:o,name:r,label:a,tooltip:s,badge:l,required:c,errorMessage:d,warnMessage:u,helpMessage:p,placeholder:h,disabled:g,plain:m})=>{const f=i(),y=n.length<=1,b=g,v=g||y&&b,$=n.length?n:[""];return e(eh,{$plain:m,children:t(al,{"data-id":r,$gap:6,children:[e(Fd,{label:a,tooltip:s,required:c,badge:l}),e(al,{$gap:8,children:$.map((r,i)=>{const a=i===$.length-1;return t(il,{$gap:8,$alignItems:"center",children:[e(Cu,{width:"100%",autoFocus:Rl(r)&&!y&&a,value:r,onChange:e=>((e,t)=>{const r=[...n||[]];r[t]=e,o(r)})(e.target.value,i),disabled:g,placeholder:h,hasError:!!d}),a&&e(ld,{leftIcon:Nt,variant:id.Secondary,size:ad.S,disabled:b,onClick:()=>(()=>{const e=n.length?Za(n):[Za("")];e.push(""),o(e)})()}),e(ld,{leftIcon:v?Ot:()=>e(Ot,{fill:f.v2.colors.red[500]}),variant:id.Secondary,size:ad.S,disabled:v,onClick:()=>(e=>{const t=[...n||[]].filter((t,n)=>n!==e);t.length||t.push(""),o(t)})(i)})]},`input-list-${i}`)})}),e(Md,{errorMessage:d,warnMessage:u,helpMessage:p})]})})};var nh;(e=>{e.S="small",e.L="large"})(nh||(nh={}));const oh=o.div`
|
|
1130
|
-
width: fit-content;
|
|
1131
|
-
display: flex;
|
|
1132
|
-
align-items: center;
|
|
1133
|
-
gap: 8px;
|
|
1134
|
-
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1135
|
-
`,rh=o.div`
|
|
1136
|
-
width: ${({$size:e})=>e===nh.S?"16px":"20px"};
|
|
1137
|
-
height: ${({$size:e})=>e===nh.S?"16px":"20px"};
|
|
1138
|
-
display: flex;
|
|
1139
|
-
align-items: center;
|
|
1140
|
-
justify-content: center;
|
|
1141
|
-
border-radius: 100%;
|
|
1142
|
-
border: 1px solid ${({$borderColor:e})=>e};
|
|
1143
|
-
background-color: ${({$backgroundColor:e})=>e};
|
|
1144
|
-
`,ih=({"data-id":n,label:o,value:r,onChange:a,disabled:s,size:l=nh.L})=>{const c=i(),[d,u]=Mt(!1),p=r,h=l===nh.S?6:8,g=s?c.v2.colors.grey[400]:c.v2.colors.white[500],m=p?"transparent":s?c.v2.colors.grey[700]:d?c.v2.colors.silver[400]:c.v2.colors.silver[600],f=s?c.v2.colors.grey[600]:p?c.v2.colors.purple[500]:c.v2.colors.silver[900];return t(oh,{"data-id":n??"radio"+(o?`-${o}`:""),onClick:e=>{e.stopPropagation(),s||a(!r)},$disabled:s,onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),children:[e(rh,{$size:l,$borderColor:m,$backgroundColor:f,children:r?e(Rt,{size:h,fill:g}):null}),o&&e(Fa,{size:l===nh.S?Ra.XXS:Ra.XS,children:o})]})},ah=o.div`
|
|
1145
|
-
display: flex;
|
|
1146
|
-
flex-direction: ${({$flexDirection:e})=>e};
|
|
1147
|
-
gap: ${({$gap:e})=>e}px;
|
|
1148
|
-
`,sh=({label:n,direction:o,disabled:r,size:i,options:a,values:s,setValues:l})=>t(ah,{$flexDirection:o===un.Horizontal?"row":"column",$gap:o===un.Horizontal?16:8,children:[n&&e(Fa,{children:n}),a.map(t=>e(ih,{...t,value:s[t.id],onChange:e=>{return n=t.id,o=e,void l(e=>{const t={...e};return Object.keys(t).forEach(e=>t[e]=!1),t[n]=o,t});var n,o},disabled:r,size:i},`${n}-radio-${t.id}`))]}),lh=({col:n,colIdx:o,row:r,rowIdx:i,rowsLength:a,handleChange:s,errorMessage:l,disabled:c,hideLabel:d,onTestRegex:u})=>{const{keyName:p,componentType:h,inputType:g,label:m,placeholder:f,options:y,renderCondition:b,helpMessage:v,min:$,max:S}=n,x=r[p];if(b&&!b(r))return null;const w=d?void 0:m||void 0,E=f;switch(h){case"radioGroup":{const t=null!=x?String(x):"",n=Object.fromEntries((y||[]).map(e=>[e.id,e.id===t]));return e(sh,{direction:un.Horizontal,options:(y||[]).map(e=>({id:e.id,label:e.label})),values:n,setValues:e=>{const t="function"==typeof e?e(n):e,o=Object.keys(t).find(e=>t[e])??"";s(p,o,i)},disabled:c},p)}case Sn.Dropdown:case"multi-dropdown":{const t="multi-dropdown"===h,n=Array.isArray(x)?x:null!=x&&""!==x?[String(x)]:[],o=y?.filter(e=>n.includes(e.id)).map(e=>e.id)||[];return e(Gp,{name:p,label:w,placeholder:E,options:y||[],withMultiSelect:t,withSearch:t,values:o,setValues:e=>s(p,t?e:e[0]??"",i),disabled:c,hasError:!!l},p)}default:const r=a>1&&0===i&&0===o&&Rl(x),d=e(Cu,{name:p,label:w,placeholder:E,autoFocus:r,type:g,min:$,max:S,value:x,onChange:({target:{value:e}})=>s(p,e,i),disabled:c,hasError:!!l,helpMessage:v,width:n.withRegexTester?"100%":void 0});return n.withRegexTester?t(il,{$gap:8,$alignItems:"center",$width:"100%",children:[e("div",{style:{flex:1,minWidth:0},children:d}),e(ld,{variant:id.Secondary,size:ad.S,label:"Test",disabled:c||!String(x??"").trim(),onClick:()=>u?.(String(x??""))})]}):d}},ch=o.div`
|
|
1149
|
-
width: 100%;
|
|
1150
|
-
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1151
|
-
border-radius: 8px;
|
|
1152
|
-
padding: 8px;
|
|
1153
|
-
display: flex;
|
|
1154
|
-
flex-direction: column;
|
|
1155
|
-
gap: 8px;
|
|
1156
|
-
`,dh=o.div`
|
|
1157
|
-
flex: 1;
|
|
1158
|
-
min-width: 0;
|
|
1159
|
-
`,uh=o.div`
|
|
1160
|
-
padding-top: 24px;
|
|
1161
|
-
`,ph=({columns:n,values:o,setValues:r,name:a,label:s,tooltip:l,required:c,disabled:d,errorMessage:u,onTestRegex:p,limitFieldsPerRow:h})=>{const g=i(),m=n.find(e=>"segment"===e.componentType),f=m?.keyName,y=m?.options??[],b=e=>{const t={};return n.forEach(({keyName:e,defaultValue:n})=>t[e]=n??""),f&&(t[f]=e),t},v=m?.defaultValue||y[0]?.id||"",$=o.length?o:[b(v)],S=(f?$[0]?.[f]:"")||v,x=(e,t,n)=>{r($.map((o,r)=>r===e?{...o,[t]:n}:o))},w=()=>r([...$,b(S)]),E=y.find(e=>e.id===S);return t(al,{"data-id":a,$gap:16,$width:"100%",children:[s&&e(Fd,{label:s,tooltip:l,required:c}),m&&e(kd,{"data-id":`${a}-mode`,size:wd.S,fullWidth:!0,options:y.map(e=>({value:e.id,label:e.label,tooltip:e.tooltip,selectedBgColor:e.selectedBgColor||g.v2.colors.purple[500]})),selected:S,setSelected:e=>!d&&(e=>r([b(e)]))(String(e))}),t(al,{$gap:8,$width:"100%",children:[$.map((o,i)=>{const s=i===$.length-1,l=f?{...o,[f]:S}:o,c=n.filter(e=>"segment"!==e.componentType&&(!e.renderCondition||e.renderCondition(l))),m=c.filter(e=>"radioGroup"===e.componentType),y=c.filter(e=>"radioGroup"!==e.componentType),v=c.find(e=>e.withRegexTester),C=((e,t)=>{const n=t||e.length||1,o=[];let r=[];const i=()=>{r.length&&(o.push(r),r=[])};return e.forEach(e=>{if(e.fullRow)return i(),void o.push([e]);r.push(e),r.length>=n&&i()}),i(),o})(y,h),T=E?.rowTitle?`${E.rowTitle} ${i+1}`:void 0;return t(ch,{"data-id":`${a}-card-${i}`,children:[t(il,{$gap:10,$alignItems:"flex-start",$width:"100%",$justifyContent:"space-between",children:[t(al,{$gap:10,children:[T&&e(Fd,{label:T}),m.map(t=>e(il,{$gap:24,children:(t.options??[]).map(n=>e(ih,{size:nh.L,label:n.label,value:String(o[t.keyName]??"")===String(n.id),disabled:d,onChange:e=>e&&x(i,t.keyName,n.id)},`${a}-card-${i}-${t.keyName}-${n.id}`))},`${a}-card-${i}-${t.keyName}`))]}),t(il,{$gap:4,$alignItems:"center",children:[v&&e(ld,{"data-id":`${a}-card-${i}-test-regex`,label:"Test Regex",variant:id.Secondary,size:ad.S,disabled:d||!String(o[v.keyName]??"").trim(),onClick:()=>p?.(String(o[v.keyName]??""))}),e(ld,{"data-id":`${a}-card-${i}-delete`,leftIcon:d?Ot:()=>e(Ot,{fill:g.v2.colors.red[500]}),variant:id.Secondary,size:ad.S,disabled:d,onClick:()=>(e=>{const t=$.filter((t,n)=>n!==e);r(t.length?t:[b(S)])})(i)}),s&&e(ld,{"data-id":`${a}-card-${i}-add`,leftIcon:Nt,variant:id.Secondary,size:ad.S,disabled:d,onClick:w})]})]}),C.map((n,r)=>e(il,{$gap:8,$alignItems:"flex-start",$width:"100%",children:n.map((n,r)=>{const s=((e,t)=>{let{label:n,placeholder:o,helpMessage:r}=e;if(e.copyByColumn){const i=e.copyByColumn.map?.[String(t?.[e.copyByColumn.column]??"")];i&&(n=i.label??n,o=i.placeholder??o,r=i.helpMessage??r)}return{label:n,placeholder:o,helpMessage:r}})(n,o);return t(Ft,{children:["arrow"===n.separator&&r>0&&e(uh,{children:e(Dt,{size:24,fill:g.v2.colors.silver[200]})}),e(dh,{children:e(Cu,{name:`${a}-card-${i}-${n.keyName}`,label:s.label,placeholder:s.placeholder,helpMessage:s.helpMessage,type:n.inputType,min:n.min,max:n.max,width:"100%",value:o[n.keyName]??"",disabled:d,hasError:!!u,onChange:e=>x(i,n.keyName,e.target.value)})})]},`${a}-card-${i}-${n.keyName}`)})},`${a}-card-${i}-row-${r}`))]},`${a}-card-${i}`)}),e(Md,{errorMessage:u})]})]})},hh=o.div`
|
|
1162
|
-
width: 100%;
|
|
1163
|
-
background: ${({theme:e})=>e.v2.colors.silver[800]};
|
|
1164
|
-
border-radius: 8px;
|
|
1165
|
-
padding: 4px 8px;
|
|
1166
|
-
`,gh=o.table`
|
|
1167
|
-
width: 100%;
|
|
1168
|
-
border-collapse: separate;
|
|
1169
|
-
border-spacing: 0 8px;
|
|
1170
|
-
`,mh=o.td`
|
|
1171
|
-
padding: 0 8px 0 0;
|
|
1172
|
-
vertical-align: top;
|
|
1173
|
-
`,fh=o.td`
|
|
1174
|
-
width: 72px;
|
|
1175
|
-
vertical-align: ${({$center:e})=>e?"middle":"top"};
|
|
1176
|
-
padding-top: ${({$center:e,$topOffset:t})=>e?0:t}px;
|
|
1177
|
-
`,yh=({columns:n,values:o,setValues:r,name:a,label:s,tooltip:l,badge:c,required:d,disabled:u,errorMessage:p,warnMessage:h,helpMessage:g,limitFieldsPerRow:m,onTestRegex:f})=>{const y=i(),b=Bt(()=>{const e={};return n.forEach(({keyName:t,defaultValue:n})=>e[t]=n??""),e},[n]),v=(e,t,n)=>{const i=o.length?Za(o):[Za(b)];i[n][e]=t,r(i)},$=o.length?o:[b];return e(hh,{children:t(al,{"data-id":a,$gap:0,children:[e(Fd,{label:s,tooltip:l,required:d,badge:c}),e(gh,{children:e("tbody",{children:$.map((i,a)=>{const s=a===$.length-1,l=((e,t)=>{const n=t||e.length||1,o=[];let r=[];const i=()=>{r.length&&(o.push(r),r=[])};return e.forEach(e=>{if(e.fullRow)return i(),void o.push([e]);r.push(e),r.length>=n&&i()}),i(),o})(n.filter(e=>!e.renderCondition||e.renderCondition(i)),m),c=l.map(e=>e.some(e=>!!e.label)),d=l.reduce((e,t)=>Math.max(e,t.length),1),h=1===l[0]?.length&&!!l[0][0]?.fullRow;return t(Ft,{children:[l.length>1&&a>0?e("tr",{children:e(mh,{colSpan:d+1})}):null,l.map((n,l)=>{const g=c[l],m=g?22:0;return t("tr",{children:[n.map((o,r)=>{if(o.renderCondition&&!o.renderCondition(i))return null;const s=r===n.length-1,c=0===l&&s?d-n.length+1:1;return e(mh,{colSpan:c>1?c:void 0,children:t(al,{$gap:6,children:[g&&(o.label?e(Fd,{label:o.label,tooltip:o.tooltip}):e(Fd,{label:"\\u00A0"})),e(lh,{col:o,colIdx:r,row:i,rowIdx:a,rowsLength:$.length,handleChange:v,disabled:u,errorMessage:p,hideLabel:g,onTestRegex:f})]})},`input-table-row-${a}-col-${l}-${r}`)}),0===l&&e(fh,{$topOffset:m,$center:h,children:t(il,{$gap:8,$justifyContent:"flex-end",$alignItems:"center",children:[s&&e(ld,{leftIcon:Nt,variant:id.Secondary,size:ad.S,disabled:u,onClick:()=>(()=>{const e=o.length?Za(o):[Za(b)];e.push(Za(b)),r(e)})()}),e(ld,{leftIcon:u?Ot:()=>e(Ot,{fill:y.v2.colors.red[500]}),variant:id.Secondary,size:ad.S,disabled:u,onClick:()=>(e=>{const t=o.filter((t,n)=>n!==e);t.length||t.push(Za(b)),r(t)})(a)})]})})]},`input-table-matrix-${a}-${l}`)})]},`input-table-row-${a}`)})})}),e(Md,{errorMessage:p,warnMessage:h,helpMessage:g})]})})},bh=o.div`
|
|
1178
|
-
display: flex;
|
|
1179
|
-
align-items: center;
|
|
1180
|
-
justify-content: space-between;
|
|
1181
|
-
gap: 32px;
|
|
1182
|
-
|
|
1183
|
-
padding: 18px 16px;
|
|
1184
|
-
border-radius: 18px;
|
|
1185
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]+md["095"]};
|
|
1186
|
-
box-shadow: 0 4px 16.7px 0 rgba(0, 0, 0, 0.83);
|
|
1187
|
-
|
|
1188
|
-
position: fixed;
|
|
1189
|
-
bottom: 0;
|
|
1190
|
-
left: 50%;
|
|
1191
|
-
z-index: ${({theme:e})=>e.v2.zIndex.island};
|
|
1192
|
-
animation-name: ${yd.in.center};
|
|
1193
|
-
`,vh=({isOpen:n,onClose:o,richTitle:r,actions:i})=>n?t(bh,{children:[e(iu,{...r}),e(ou,{onAnyClick:o,actions:i})]}):null,$h=o.div`
|
|
1194
|
-
position: ${({$relativeToParent:e})=>e?"absolute":"fixed"};
|
|
1195
|
-
top: 50%;
|
|
1196
|
-
left: 50%;
|
|
1197
|
-
transform: translate(-50%, -50%);
|
|
1198
|
-
z-index: ${({theme:e})=>e.v2.zIndex.modal};
|
|
1199
|
-
width: fit-content;
|
|
1200
|
-
border-radius: 20px;
|
|
1201
|
-
background: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1202
|
-
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.7);
|
|
1203
|
-
overflow: hidden;
|
|
1204
|
-
|
|
1205
|
-
/* Promote to its own composited layer and isolate paint/layout so descendant
|
|
1206
|
-
re-renders during the slide animation can't trigger reflows of the rest of
|
|
1207
|
-
the page. Without this, the global \`* { transition: all 300ms }\` rule plus
|
|
1208
|
-
a heavy modal body (forms, etc.) make the close visibly stutter. */
|
|
1209
|
-
will-change: transform;
|
|
1210
|
-
contain: layout paint;
|
|
1211
|
-
|
|
1212
|
-
animation-name: ${({$closing:e})=>e?yd.out.center:yd.in.center};
|
|
1213
|
-
/* Snappier close: shorter duration with an ease-in curve. The slide-in keeps
|
|
1214
|
-
the global 300ms default which pairs with the fade-in for a soft entrance. */
|
|
1215
|
-
animation-duration: ${({$closing:e})=>e?"180ms":"300ms"};
|
|
1216
|
-
animation-timing-function: ${({$closing:e})=>e?"cubic-bezier(0.4, 0, 1, 1)":"cubic-bezier(0, 0, 0.2, 1)"};
|
|
1217
|
-
|
|
1218
|
-
/* Block hover/click work on form children mid-close so their transitions
|
|
1219
|
-
don't compete with the slide-out. */
|
|
1220
|
-
${({$closing:e})=>e&&"pointer-events: none;"}
|
|
1221
|
-
`,Sh=o(cl)`
|
|
1222
|
-
will-change: opacity;
|
|
1223
|
-
animation-name: ${({$closing:e})=>e?Sd.out:Sd.in};
|
|
1224
|
-
animation-duration: ${({$closing:e})=>e?"180ms":"300ms"};
|
|
1225
|
-
|
|
1226
|
-
/* The blurred backdrop is the most expensive thing on screen during the close
|
|
1227
|
-
— animating opacity on a backdrop-filtered element forces a full GPU
|
|
1228
|
-
recomposite per frame. Drop the blur while closing; visually identical
|
|
1229
|
-
because the overlay is fading to 0. */
|
|
1230
|
-
${({$closing:e})=>e&&"backdrop-filter: none; pointer-events: none;"}
|
|
1231
|
-
`,xh=o.div`
|
|
1232
|
-
position: relative;
|
|
1233
|
-
`,wh=o.div`
|
|
1234
|
-
position: absolute;
|
|
1235
|
-
top: 16px;
|
|
1236
|
-
left: 16px;
|
|
1237
|
-
`,Eh=({isOpen:o,hideOverlay:r=!1,relativeToParent:i=!1,onBack:a,onClose:s,onCloseEnd:l,children:c})=>{const[d,u]=Mt(o),[p,h]=Mt(!1);if(zt(()=>{o?(u(!0),h(!1)):d&&h(!0)},[o]),Cc(d),!d)return null;const g=t(n,{children:[!r&&e(Sh,{$relativeToParent:i,$closing:p,onClick:p?void 0:s}),e($h,{"data-id":"modal",$relativeToParent:i,$closing:p,onAnimationEnd:e=>{e.target===e.currentTarget&&p&&(u(!1),h(!1),l?.())},children:t(xh,{children:[a&&e(wh,{children:e(kc,{icon:t=>e(At,{rotate:-90,...t}),size:Ac.L,onClick:a})}),c]})})]});return i?g:Vt(g,document.body)},Ch=o.div`
|
|
1238
|
-
position: relative;
|
|
1239
|
-
width: ${64}px;
|
|
1240
|
-
height: ${({$height:e})=>e};
|
|
1241
|
-
flex-shrink: 0;
|
|
1242
|
-
`,Th=o.aside`
|
|
1243
|
-
position: absolute;
|
|
1244
|
-
top: 0;
|
|
1245
|
-
left: 0;
|
|
1246
|
-
bottom: 0;
|
|
1247
|
-
display: flex;
|
|
1248
|
-
flex-direction: column;
|
|
1249
|
-
gap: 8px;
|
|
1250
|
-
width: ${({$expanded:e})=>e?"220px":"64px"};
|
|
1251
|
-
padding: 16px ${12}px;
|
|
1252
|
-
box-sizing: border-box;
|
|
1253
|
-
background-color: ${({theme:e})=>e.v2.colors.black[500]};
|
|
1254
|
-
overflow-x: hidden;
|
|
1255
|
-
overflow-y: auto;
|
|
1256
|
-
z-index: 10;
|
|
1257
|
-
transition:
|
|
1258
|
-
width 200ms ease,
|
|
1259
|
-
padding 200ms ease;
|
|
1260
|
-
`,Ah=o.button`
|
|
1261
|
-
display: flex;
|
|
1262
|
-
align-items: center;
|
|
1263
|
-
width: 100%;
|
|
1264
|
-
min-width: 0;
|
|
1265
|
-
height: ${40}px;
|
|
1266
|
-
padding: 0;
|
|
1267
|
-
margin: 0;
|
|
1268
|
-
border: none;
|
|
1269
|
-
border-radius: 6px;
|
|
1270
|
-
box-sizing: border-box;
|
|
1271
|
-
cursor: pointer;
|
|
1272
|
-
font: inherit;
|
|
1273
|
-
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[500]:"transparent"};
|
|
1274
|
-
&:hover {
|
|
1275
|
-
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[600]:e.v2.colors.silver[800]};
|
|
1276
|
-
}
|
|
1277
|
-
&:active {
|
|
1278
|
-
background-color: ${({theme:e,$selected:t})=>t?e.v2.colors.purple[700]:e.v2.colors.silver[900]};
|
|
1279
|
-
}
|
|
1280
|
-
`,Ih=o.div`
|
|
1281
|
-
width: ${40}px;
|
|
1282
|
-
height: ${40}px;
|
|
1283
|
-
display: flex;
|
|
1284
|
-
align-items: center;
|
|
1285
|
-
justify-content: center;
|
|
1286
|
-
flex-shrink: 0;
|
|
1287
|
-
`,kh=o.div`
|
|
1288
|
-
flex: 1 1 0;
|
|
1289
|
-
min-width: 0;
|
|
1290
|
-
overflow: hidden;
|
|
1291
|
-
padding-right: 12px;
|
|
1292
|
-
pointer-events: none;
|
|
1293
|
-
`,Nh=({height:n,icons:o})=>{const r=i(),[a,s]=Mt(!1);return e(Ch,{$height:n,children:e(Th,{$expanded:a,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:o.map(({id:n,label:o,selected:i,icon:s,onClick:l})=>t(Ah,{$selected:i,onClick:l,"aria-label":o,title:a?void 0:o,children:[e(Ih,{children:e(s,{size:24,fill:r.v2.colors.white[500]})}),a&&e(kh,{children:e(Fa,{size:Ra.S,weight:500,color:Da.Primary,nowrap:!0,children:o})})]},n))})})},Oh=o.div`
|
|
1294
|
-
width: 100%;
|
|
1295
|
-
height: 100%;
|
|
1296
|
-
|
|
1297
|
-
* {
|
|
1298
|
-
animation: none !important;
|
|
1299
|
-
transition: none !important;
|
|
1300
|
-
}
|
|
1301
|
-
`,Rh=({width:t="100%",height:n="100%",gap:o=0,elements:r,noAnimation:i=!1,onTopIndexChange:a,scrollToIndex:s,scrollSignal:l})=>{const c=jt(null),d=Bt(()=>o?r.map((t,n)=>e("div",{style:{paddingBottom:o},children:t},`scroll-y-item-${n}`)):r,[r,o]),u=Ut(e=>{if(!a||!c.current)return;const t=c.current.findItemIndex(e);a(t)},[a]);zt(()=>{null==s||s<0||!c.current||c.current.scrollToIndex(s,{align:"center"})},[s,l]);const p=e(en,{ref:c,style:{width:t,height:n},onScroll:a?u:void 0,children:d});return i?e(Oh,{children:p}):p},Dh=o.div`
|
|
1302
|
-
display: flex;
|
|
1303
|
-
flex-direction: column;
|
|
1304
|
-
gap: 16px;
|
|
1305
|
-
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
1306
|
-
`,_h=o.div`
|
|
1307
|
-
display: flex;
|
|
1308
|
-
align-items: center;
|
|
1309
|
-
gap: 16px;
|
|
1310
|
-
`,Lh=o.div`
|
|
1311
|
-
width: 50px;
|
|
1312
|
-
height: 50px;
|
|
1313
|
-
border-radius: 8px;
|
|
1314
|
-
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1315
|
-
background-size: 200% 100%;
|
|
1316
|
-
animation: ${$d} 10s infinite linear;
|
|
1317
|
-
`,Ph=o(al)`
|
|
1318
|
-
flex: 1;
|
|
1319
|
-
gap: 12px;
|
|
1320
|
-
`,Fh=o.div`
|
|
1321
|
-
width: ${({$width:e})=>e};
|
|
1322
|
-
height: 16px;
|
|
1323
|
-
background: ${({theme:e})=>`linear-gradient(90deg, ${e.v2.colors.grey[600]} 25%, ${e.v2.colors.grey[600]} 50%, ${e.v2.colors.silver[500]} 75%)`};
|
|
1324
|
-
background-size: 200% 100%;
|
|
1325
|
-
animation: ${$d} 1.5s infinite linear;
|
|
1326
|
-
border-radius: 4px;
|
|
1327
|
-
`,Mh=({size:n=5,maxWidth:o})=>e(Dh,{$maxWidth:o,children:[...Array(n)].map((n,o)=>t(_h,{children:[e(Lh,{}),t(Ph,{children:[e(Fh,{$width:"80%"}),e(Fh,{$width:"100%"})]})]},o))}),zh=({currentStep:n,data:o,gap:r=12})=>e(al,{$gap:r,children:o.map(o=>{const r=o.step<n,i=o.step===n;return t(il,{$gap:8,children:[r||o.forceDoneBadge?e(rd,{status:wn.Success,label:"",leftIcon:yt}):e(rd,{status:wn.Default,label:o.step.toString()}),e(Fa,{size:i?Ra.M:Ra.XS,weight:i?500:400,opacity:i?1:.7,children:o.label})]},`stepper-item-${o.step}`)})});var Uh;(e=>{e.Data="data",e.Pretty="pretty"})(Uh||(Uh={}));const Bh=o.div`
|
|
1328
|
-
${({$maxHeight:e})=>e?`\n height: ${e};\n flex: 0 0 auto;\n `:"\n flex: 1;\n min-height: 0;\n height: 100%;\n "}
|
|
1329
|
-
width: 100%;
|
|
1330
|
-
display: flex;
|
|
1331
|
-
flex-direction: column;
|
|
1332
|
-
overflow: hidden;
|
|
1333
|
-
`,jh=o.div`
|
|
1334
|
-
width: 100%;
|
|
1335
|
-
flex: 1;
|
|
1336
|
-
display: flex;
|
|
1337
|
-
flex-direction: column;
|
|
1338
|
-
`,Hh=o.div`
|
|
1339
|
-
flex-shrink: 0;
|
|
1340
|
-
position: relative;
|
|
1341
|
-
z-index: 2;
|
|
1342
|
-
`,Gh=o.div`
|
|
1343
|
-
position: relative;
|
|
1344
|
-
display: flex;
|
|
1345
|
-
width: 100%;
|
|
1346
|
-
`,Wh=o.div`
|
|
1347
|
-
position: relative;
|
|
1348
|
-
min-width: ${({$minWidth:e})=>e?`${e}px`:"auto"};
|
|
1349
|
-
flex: ${({$flex:e,$autoWidth:t,$resolvedWidth:n})=>null!=n?`0 0 ${n}px`:e??(t?"0 0 auto":1)};
|
|
1350
|
-
|
|
1351
|
-
/* See the matching rule on Td below for the full explanation. The header
|
|
1352
|
-
* needs the same flex-grow override so its column shares any empty row
|
|
1353
|
-
* width even when the caller wrote 'flex: 0 0 Xpx'. */
|
|
1354
|
-
${({$autoWidth:e,$resolvedWidth:t})=>!e&&null==t&&r`
|
|
1355
|
-
flex-grow: 1;
|
|
1356
|
-
`}
|
|
1357
|
-
|
|
1358
|
-
padding: 18px 24px;
|
|
1359
|
-
border: none;
|
|
1360
|
-
border-radius: ${({$isFirst:e,$isLast:t})=>e?"4px 0 0 0":t?"0 4px 0 0":"0"};
|
|
1361
|
-
box-sizing: border-box;
|
|
1362
|
-
|
|
1363
|
-
${({$variant:e,$backgroundColor:t})=>{if(t)return r`
|
|
1364
|
-
background-color: ${t};
|
|
1365
|
-
`;switch(e){case Uh.Data:return r`
|
|
1366
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[750]};
|
|
1367
|
-
`;case Uh.Pretty:return r`
|
|
1368
|
-
background-color: transparent;
|
|
1369
|
-
`;default:return""}}}
|
|
1370
|
-
`,Xh=o.div`
|
|
1371
|
-
position: absolute;
|
|
1372
|
-
top: 50%;
|
|
1373
|
-
right: 0;
|
|
1374
|
-
transform: translateY(-50%);
|
|
1375
|
-
width: 1px;
|
|
1376
|
-
height: 18px;
|
|
1377
|
-
background: ${({theme:e})=>e.v2.colors.silver[500]};
|
|
1378
|
-
`,Kh=o.div`
|
|
1379
|
-
min-width: ${({$minWidth:e})=>e?`${e}px`:"auto"};
|
|
1380
|
-
flex: ${({$flex:e,$autoWidth:t,$resolvedWidth:n})=>null!=n?`0 0 ${n}px`:e??(t?"0 0 auto":1)};
|
|
1381
|
-
|
|
1382
|
-
/* Always let text columns grow into empty row space, even when the caller
|
|
1383
|
-
* wrote an explicit flex value with grow=0 (e.g. 'flex: 0 0 160px'). The
|
|
1384
|
-
* 'flex' shorthand above sets all three flex sub-properties from the
|
|
1385
|
-
* caller's value; this longhand 'flex-grow: 1' is declared after it so it
|
|
1386
|
-
* wins and the column still consumes any leftover width.
|
|
1387
|
-
*
|
|
1388
|
-
* Without this, a column pinned with 'flex: 0 0 160px' stays at 160px even
|
|
1389
|
-
* when the row has hundreds of pixels of empty space — and the text inside
|
|
1390
|
-
* gets ellipsised (or in extreme cases clipped without indication) when it
|
|
1391
|
-
* could comfortably fit a few more pixels. Combined with the cell's
|
|
1392
|
-
* 'overflow: hidden', a column that's STILL too narrow after consuming all
|
|
1393
|
-
* available space then truncates cleanly via TruncatableTypography's
|
|
1394
|
-
* ellipsis + tooltip.
|
|
1395
|
-
*
|
|
1396
|
-
* Component (auto-width) columns and JS-measured columns
|
|
1397
|
-
* ('resolvedColumnWidths') keep their exact pixel width — they're already
|
|
1398
|
-
* sized to fit their content and shouldn't steal leftover space from text
|
|
1399
|
-
* columns. The withCheckboxes column passes 'flex' via an inline style,
|
|
1400
|
-
* which takes precedence over class styles, so it stays pinned too. */
|
|
1401
|
-
${({$autoWidth:e,$resolvedWidth:t})=>!e&&null==t&&r`
|
|
1402
|
-
flex-grow: 1;
|
|
1403
|
-
`}
|
|
1404
|
-
|
|
1405
|
-
overflow: ${({$autoWidth:e})=>e?"visible":"hidden"};
|
|
1406
|
-
display: flex;
|
|
1407
|
-
align-items: center;
|
|
1408
|
-
|
|
1409
|
-
padding: 18px 24px;
|
|
1410
|
-
cursor: ${({$withClick:e})=>e?"pointer":"default"};
|
|
1411
|
-
box-sizing: border-box;
|
|
1412
|
-
|
|
1413
|
-
${({$variant:e,$selected:t,$highlighted:n,$hovered:o,$isLastRow:i,$isFirstCell:a,$isLastCell:s})=>{switch(e){case Uh.Data:return r`
|
|
1414
|
-
border-bottom: ${({theme:e})=>i?"none":`1px solid ${e.v2.colors.silver[500]}`};
|
|
1415
|
-
border-radius: ${i?a?"0 0 0 4px":s?"0 0 4px 0":"0":"0"};
|
|
1416
|
-
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:n||o?e.v2.colors.silver[700]:e.v2.colors.silver[800]};
|
|
1417
|
-
`;case Uh.Pretty:return r`
|
|
1418
|
-
border: none;
|
|
1419
|
-
border-radius: ${a?"12px 0 0 12px":s?"0 12px 12px 0":"0"};
|
|
1420
|
-
background-color: ${({theme:e})=>t?e.v2.colors.blue[1e3]:n||o?e.v2.colors.silver[700]:e.v2.colors.silver[900]};
|
|
1421
|
-
`;default:return""}}}
|
|
1422
|
-
`,Vh=o.div`
|
|
1423
|
-
position: absolute;
|
|
1424
|
-
top: 0;
|
|
1425
|
-
left: 0;
|
|
1426
|
-
visibility: hidden;
|
|
1427
|
-
pointer-events: none;
|
|
1428
|
-
height: 0;
|
|
1429
|
-
overflow: hidden;
|
|
1430
|
-
white-space: nowrap;
|
|
1431
|
-
`,Jh=o.div`
|
|
1432
|
-
display: inline-flex;
|
|
1433
|
-
align-items: center;
|
|
1434
|
-
padding: 18px 24px;
|
|
1435
|
-
box-sizing: border-box;
|
|
1436
|
-
white-space: nowrap;
|
|
1437
|
-
`,Yh=o.div`
|
|
1438
|
-
display: inline-flex;
|
|
1439
|
-
align-items: center;
|
|
1440
|
-
gap: 4px;
|
|
1441
|
-
white-space: nowrap;
|
|
1442
|
-
`,qh=o.div`
|
|
1443
|
-
width: 100%;
|
|
1444
|
-
height: 100%;
|
|
1445
|
-
display: flex;
|
|
1446
|
-
align-items: center;
|
|
1447
|
-
justify-content: ${({$textAlign:e})=>"right"===e?"flex-end":"left"===e?"flex-start":"center"===e?"center":"unset"};
|
|
1448
|
-
gap: 4px;
|
|
1449
|
-
text-align: ${({$textAlign:e})=>e||"left"};
|
|
1450
|
-
`,Qh=({variant:n,columns:o,rows:r,autoWidthColumnKeys:i,resolvedColumnWidths:a,getRowActions:s,rowActionsPushRightPosition:l,rowActionsPushLeftPosition:c,withCheckboxes:d,activeRowId:u,scrollToIndex:p,scrollSignal:h})=>{const[g,m]=Mt(null),f=Bt(()=>r.map((p,h)=>{const{cells:f,onClick:y,isSelected:b=!1,onSelect:v,onDeselect:$,hideCheckbox:S,checkboxDisabled:x,checkboxTooltip:w}=p,E=g===h,C=null!=u&&p.id===u,T=s(p),A=(e,t)=>({$isLastRow:h===r.length-1,$isFirstCell:e,$isLastCell:t,$selected:b,$highlighted:C,$withClick:!!y,onClick:()=>y?.(),$hovered:!!y&&E,onMouseEnter:()=>m(h),onMouseLeave:()=>m(null)});return t(Gh,{children:[d&&e(Kh,{$variant:n,style:{flex:"0 0 68px"},...A(!0,!1),children:!S&&(w?e(nd,{text:w,children:e(jd,{value:b,disabled:x,onChange:()=>b?$?.():v?.()})}):e(jd,{value:b,disabled:x,onChange:()=>b?$?.():v?.()}))},"checkbox-column"),o.map(({key:r,withTooltip:s,textAlign:u,flex:p,minWidth:g},m)=>{const y=f.find(e=>e.key===r),b=0===m&&!d,v=m===o.length-1,$=T.length&&(l&&v||c&&b||!l&&!c&&v),S="right"===u?"flex-end":"center"===u?"center":"flex-start",x=y?.component?e(y.component,{}):s?e(Fa,{size:Ra.XS,align:u,nowrap:!0,children:y?.rawValue||"-"}):e(au,{size:Ra.XS,align:u,nowrap:!0,fullWidth:!1,children:y?.rawValue||"-"}),w=e(il,{$width:"100%",$justifyContent:S,children:x});return t(Kh,{$variant:n,$flex:p,$minWidth:g,$autoWidth:i.has(r),$resolvedWidth:a[r],...A(b,v),children:[s?e(nd,{text:y?.rawValue?.toString()||"",ellipsis:!0,children:w}):w,$?e(qp,{isOpen:E,actions:T,positionRight:l,positionLeft:c}):null]},`row-${h}-cell-${m}`)})]},`row-${h}`)}),[r,g,u,s,l,c,d,o,i,a]);return e(Rh,{gap:n===Uh.Pretty?8:0,elements:f,scrollToIndex:p,scrollSignal:h})},Zh=({columnKey:t,sortDirection:n,sortByKey:o,onSort:r})=>{const a=i(),s=o===t?a.v2.colors.white[500]:a.v2.colors.grey[400],l=n===pn.Ascending?0:180;return e(ld,{variant:id.Text,size:ad.S,leftIcon:()=>e(At,{fill:s,rotate:l}),onClick:()=>r(t)})},eg=({columnKey:t,filters:n,onFilter:o,rowsUnfiltered:r,filterOverride:a})=>{const s=i(),l=n[t]?.length?s.v2.colors.white[500]:s.v2.colors.grey[400],c=Bt(()=>a?a.options.map(({id:e,label:t})=>({id:e,label:t,withCheckbox:!0})):Array.from(new Set(r.map(e=>e.cells.find(e=>e.key===t)?.rawValue?.toString()).filter(e=>!!e))).sort((e,t)=>e.localeCompare(t)).map(e=>({id:e,label:e,withCheckbox:!0})),[r,t,a]);return e(tu,{items:c,withMultiSelect:!0,selectedIds:n[t]?.map(e=>e.toString())??[],setSelectedIds:e=>o(t,e),defaultOpen:!1,iconButtonProps:{leftIcon:t=>e(_t,{fill:l,...t})}})},tg=({variant:n,backgroundColor:o,columns:r,rowsUnfiltered:i,autoWidthColumnKeys:a,resolvedColumnWidths:s,sortDirection:l,sortByKey:c,onSort:d,filters:u,onFilter:p,withCheckboxes:h,partiallySelected:g,allSelected:m,onSelectAll:f})=>t(Gh,{children:[h&&e(Wh,{$variant:n,$backgroundColor:o,$isFirst:!0,$isLast:!1,style:{flex:"0 0 68px",display:"flex",alignItems:"center"},children:e(jd,{partiallyChecked:g&&!m,value:m||!1,onChange:f})},"checkbox-column"),r.map(({key:g,label:m,withTooltip:f,tooltip:y,noSort:b,noFilter:v,filterOverride:$,flex:S,minWidth:x,textAlign:w},E)=>{const C=0===E&&!h,T=E===r.length-1,A=!(!y&&!f),I=A?e(Fa,{size:Ra.XS,align:w,nowrap:!0,children:m}):e(au,{size:Ra.XS,align:w,nowrap:!0,fullWidth:!1,children:m});return t(Wh,{$variant:n,$backgroundColor:o,$flex:S,$minWidth:x,$isFirst:C,$isLast:T,$autoWidth:a.has(g),$resolvedWidth:s[g],children:[t(qh,{$textAlign:w,children:[A?e(nd,{text:y||m,children:I}):I,!b&&e(Zh,{columnKey:g,sortDirection:l,sortByKey:c,onSort:d}),!v&&e(eg,{columnKey:g,filters:u,onFilter:p,rowsUnfiltered:i,filterOverride:$})]}),!T&&n===Uh.Data&&e(Xh,{})]},`column-${g}`)})]}),ng=()=>{},og={},rg=[],ig=({variant:n,maxHeight:o,headerBackgroundColor:r,hideHeader:i=!1,isLoading:a,noDataProps:s,columns:l,rows:c,getRowActions:d,rowActionsPushRightPosition:u,rowActionsPushLeftPosition:p,withCheckboxes:h,filters:g,onFiltersChange:m,activeRowId:f,scrollSignal:y})=>{const[b,v]=Mt(pn.Ascending),[$,S]=Mt(""),[x,w]=Mt({}),E=g??x,C=Ut(e=>{S(e),v(e=>e===pn.Ascending?pn.Descending:pn.Ascending)},[]),T=Ut((e,t)=>{const n={...E,[e]:t};m&&m(n),void 0===g&&w(n)},[E,m,g]),A=Bt(()=>{const e=(e,t)=>{const n=e.cells.find(e=>e.key===t);return n&&(n.rawValue?.toString()||n.component?.({})?.props?.children?.toString())||""};return($?[...c].sort((t,n)=>{const o=e(t,$),r=e(n,$);return(b===pn.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)))(o,r)}):c).filter(t=>{for(const[n,o]of Object.entries(E)){if(!o.length)continue;const r=l.find(e=>e.key===n)?.filterOverride;if(r){if(!r.filterRow(t,o))return!1}else if(!o.includes(e(t,n)))return!1}return!0})},[c,$,b,E,l]),I=Bt(()=>null==f?-1:A.findIndex(e=>e.id===f),[A,f]),{partiallySelected:k,allSelected:N}=Bt(()=>{const e=A.filter(e=>!e.hideCheckbox&&!e.checkboxDisabled);return{partiallySelected:e.length>0&&e.some(e=>e.isSelected),allSelected:e.length>0&&e.every(e=>e.isSelected)}},[A]),O=Bt(()=>{const e=new Set;for(const t of l)null!=t.flex&&e.add(t.key);const t=new Set;for(const n of c)for(const o of n.cells)o.component&&!e.has(o.key)&&t.add(o.key);return t},[c,l]),R=jt(null),[D,_]=Mt({}),L=Bt(()=>0===O.size?[]:l.filter(e=>O.has(e.key)).map(n=>{const o=[t(Yh,{children:[e(Fa,{size:Ra.XS,align:n.textAlign,children:n.label}),!n.noSort&&e(Zh,{columnKey:n.key,sortDirection:pn.Ascending,sortByKey:"",onSort:ng}),!n.noFilter&&e(eg,{columnKey:n.key,filters:og,onFilter:ng,rowsUnfiltered:rg,filterOverride:n.filterOverride})]},`mw-${n.key}-header`)];return c.forEach((t,r)=>{const i=t.cells.find(e=>e.key===n.key);i&&o.push(i.component?e(i.component,{},`mw-${n.key}-${r}`):e(Fa,{size:Ra.XS,children:i.rawValue||"-"},`mw-${n.key}-${r}`))}),{key:n.key,nodes:o}}),[l,c,O]);return Ht(()=>{if(!R.current||0===O.size)return void _(e=>0===Object.keys(e).length?e:{});const e={};R.current.querySelectorAll("[data-mw-key]").forEach(t=>{const n=t.dataset.mwKey;if(!n)return;const o=Math.ceil(t.getBoundingClientRect().width);(!e[n]||o>e[n])&&(e[n]=o)}),_(t=>Object.keys(t).length===Object.keys(e).length&&Object.keys(t).every(n=>t[n]===e[n])?t:e)},[L,O]),t(Bh,{$maxHeight:o,children:[L.length>0&&e(Vh,{ref:R,"aria-hidden":!0,children:L.flatMap(({key:t,nodes:n})=>n.map((n,o)=>e(Jh,{"data-mw-key":t,children:n},`mw-${t}-${o}`)))}),t(jh,{$variant:n,children:[!i&&e(Hh,{children:e(tg,{variant:n,backgroundColor:r,columns:l,rowsUnfiltered:c,autoWidthColumnKeys:O,resolvedColumnWidths:D,sortDirection:b,sortByKey:$,onSort:C,filters:E,onFilter:T,withCheckboxes:h,partiallySelected:k,allSelected:N,onSelectAll:e=>{e?A.forEach(e=>!e.hideCheckbox&&!e.checkboxDisabled&&e.onSelect?.()):A.forEach(e=>!e.hideCheckbox&&!e.checkboxDisabled&&e.onDeselect?.())}})}),A.length?e(Qh,{variant:n,columns:l,rows:A,autoWidthColumnKeys:O,resolvedColumnWidths:D,getRowActions:d||(()=>[]),rowActionsPushRightPosition:u,rowActionsPushLeftPosition:p,withCheckboxes:h,activeRowId:f,scrollToIndex:I,scrollSignal:y}):e(sl,{$height:o,$fullHeight:!o,children:a?e(yl,{withSpinner:!0}):e(_d,{...s})})]})]})};var ag;(e=>{e.Default="default",e.Purple="purple",e.Yellow="yellow",e.Blue="blue",e.Pink="pink",e.Green="green",e.Loader="loader"})(ag||(ag={}));const sg=(e,t,n)=>{switch(t){case ag.Purple:return e.v2.colors.purple[n?"300":"900"];case ag.Yellow:return e.v2.colors.yellow[n?"300":"1000"];case ag.Blue:return e.v2.colors.blue[n?"300":"1000"];case ag.Pink:return e.v2.colors.red[n?"300":"1000"];case ag.Green:return e.v2.colors.green[n?"300":"900"];case ag.Loader:return e.v2.colors.grey[n?"600":"800"];default:return e.v2.colors.grey[n?"300":"500"]}},lg=o.div`
|
|
1451
|
-
display: flex;
|
|
1452
|
-
align-items: center;
|
|
1453
|
-
justify-content: center;
|
|
1454
|
-
gap: 8px;
|
|
1455
|
-
padding: 4px 8px;
|
|
1456
|
-
border-radius: 6px;
|
|
1457
|
-
border: 1px solid transparent;
|
|
1458
|
-
|
|
1459
|
-
${({$flex:e})=>e?r`
|
|
1460
|
-
flex: ${e};
|
|
1461
|
-
`:r`
|
|
1462
|
-
width: fit-content;
|
|
1463
|
-
`}
|
|
1464
|
-
|
|
1465
|
-
${({$disabled:e,$variant:t,$withClick:n})=>e?r`
|
|
1466
|
-
background-color: ${({theme:e})=>e.v2.colors.grey[800]};
|
|
1467
|
-
cursor: not-allowed;
|
|
1468
|
-
`:r`
|
|
1469
|
-
background-color: ${({theme:e})=>sg(e,t)};
|
|
1470
|
-
${n&&r`
|
|
1471
|
-
cursor: pointer;
|
|
1472
|
-
&:hover,
|
|
1473
|
-
&:active {
|
|
1474
|
-
border: 1px solid ${({theme:e})=>sg(e,t,!0)};
|
|
1475
|
-
}
|
|
1476
|
-
`}
|
|
1477
|
-
`}
|
|
1478
|
-
`,cg=({variant:n=ag.Default,label:o,leftIcon:r,rightIcon:a,onClick:s,disabled:l,flex:c})=>{const d=i(),u=l?d.v2.colors.grey[400]:n===ag.Default?d.v2.colors.white[500]:sg(d,n,!0),p=n===ag.Loader;return t(lg,{$variant:n,$disabled:l,$withClick:!!s,onClick:()=>!l&&s?.(),$flex:c,children:[r&&e(r,{fill:u,size:16}),p?e(yl,{withGradient:!0,title:o,titleSize:Ra.XXS}):e(Fa,{color:u,size:Ra.XXS,nowrap:!0,children:o}),a&&e(a,{fill:u,size:16})]})},dg=o.div`
|
|
1479
|
-
padding: 6px 12px;
|
|
1480
|
-
|
|
1481
|
-
display: flex;
|
|
1482
|
-
align-self: stretch;
|
|
1483
|
-
align-items: flex-start;
|
|
1484
|
-
gap: 8px;
|
|
1485
|
-
border-radius: 6px;
|
|
1486
|
-
|
|
1487
|
-
border: 1px solid ${({theme:e,$disabled:t,$error:n})=>t?e.v2.colors.grey[600]:n?e.v2.colors.red[500]:e.v2.colors.silver[500]};
|
|
1488
|
-
background: ${({theme:e,$disabled:t})=>t?e.v2.colors.grey[800]:e.v2.colors.black[500]};
|
|
1489
|
-
${({$disabled:e,$error:t})=>!e&&!t&&r`
|
|
1490
|
-
&:hover,
|
|
1491
|
-
&:active,
|
|
1492
|
-
&:focus-within {
|
|
1493
|
-
border: 1px solid ${({theme:e})=>e.v2.colors.silver[300]};
|
|
1494
|
-
}
|
|
1495
|
-
`}
|
|
1496
|
-
`,ug=o.textarea`
|
|
1497
|
-
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
1498
|
-
min-height: ${({$minHeight:e})=>e||"50px"};
|
|
1499
|
-
flex: 1;
|
|
1500
|
-
font-family: ${({theme:e})=>e.font_family.primary};
|
|
1501
|
-
font-size: 14px;
|
|
1502
|
-
font-weight: 400;
|
|
1503
|
-
resize: none;
|
|
1504
|
-
|
|
1505
|
-
background: transparent;
|
|
1506
|
-
border: none;
|
|
1507
|
-
outline: none;
|
|
1508
|
-
cursor: text;
|
|
1509
|
-
color: ${({theme:e})=>e.v2.colors.white[500]};
|
|
1510
|
-
&::placeholder {
|
|
1511
|
-
color: ${({theme:e})=>e.v2.colors.silver[600]};
|
|
1512
|
-
}
|
|
1513
|
-
|
|
1514
|
-
&:disabled {
|
|
1515
|
-
cursor: not-allowed;
|
|
1516
|
-
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
1517
|
-
&::placeholder {
|
|
1518
|
-
color: ${({theme:e})=>e.v2.colors.grey[400]};
|
|
1519
|
-
}
|
|
1520
|
-
}
|
|
1521
|
-
`,pg=({label:n,required:o,tooltip:r,badge:i,errorMessage:a,warnMessage:s,helpMessage:l,name:c,value:d,onChange:u,disabled:p,maxWidth:h,minHeight:g,...m})=>{const f=jt(null),y=()=>{f.current&&(f.current.style.height="auto",f.current.style.height=`${f.current.scrollHeight}px`)};return t(al,{$gap:6,children:[e(Fd,{label:n,tooltip:r,required:o,badge:i}),e(dg,{$disabled:p,$error:!!a,children:e(ug,{ref:f,"data-id":c,name:c,value:d,onChange:e=>{e.stopPropagation(),y(),u?.(e)},onKeyDown:e=>{e.stopPropagation()},onFocus:y,onBlur:y,disabled:p,$maxWidth:h,$minHeight:g,...m})}),e(Md,{errorMessage:a,warnMessage:s,helpMessage:l})]})},hg=[{id:"ms",label:"milliseconds"},{id:"s",label:"seconds"},{id:"m",label:"minutes"},{id:"h",label:"hours"}],gg=o.div`
|
|
1522
|
-
flex: 1;
|
|
1523
|
-
min-width: 0;
|
|
1524
|
-
`,mg=o.div`
|
|
1525
|
-
flex: 0 0 auto;
|
|
1526
|
-
min-width: 140px;
|
|
1527
|
-
`,fg=({name:n,label:o,tooltip:r,badge:i,placeholder:a,required:s,disabled:l,value:c,setValue:d,units:u=hg,defaultUnit:p,errorMessage:h,warnMessage:g,helpMessage:m,hasError:f,width:y})=>{const b=Bt(()=>p&&u.some(e=>e.id===p)?p:u[0]?.id||"s",[p,u]),{num:v,unit:$}=Bt(()=>((e,t,n)=>{if(null==e||""===e)return{num:"",unit:n};const o=[...t.map(e=>e.id)].sort((e,t)=>t.length-e.length),r=new RegExp(`^\\s*(\\d+)\\s*(${o.join("|")})\\s*$`,"i"),i=String(e).match(r);if(i)return{num:i[1],unit:i[2].toLowerCase()};const a=String(e).match(/^\s*(\d+)\s*$/);return a?{num:a[1],unit:n}:{num:"",unit:n}})(c,u,b),[c,u,b]),S=(e,t)=>{d(""!==e?`${e}${t}`:"")};return t(al,{$width:y,$gap:6,children:[e(Fd,{label:o,tooltip:r,required:s,badge:i}),t(il,{$gap:8,$alignItems:"center",children:[e(gg,{children:e(Cu,{name:n,placeholder:a,disabled:l,hasError:f||!!h,inputMode:"numeric",value:v,onChange:e=>S(Gl(e.target.value),$)})}),e(mg,{children:e(Gp,{name:`${n}-unit`,disabled:l,hasError:f||!!h,withSearch:!1,options:u,values:[$],setValues:e=>S(v,e[0]||$)})})]}),e(Md,{errorMessage:h,warnMessage:g,helpMessage:m})]})},yg=o.div`
|
|
1528
|
-
min-width: 500px;
|
|
1529
|
-
`,bg=o.div`
|
|
1530
|
-
display: flex;
|
|
1531
|
-
flex-direction: column;
|
|
1532
|
-
align-items: center;
|
|
1533
|
-
gap: 16px;
|
|
1534
|
-
padding: 24px;
|
|
1535
|
-
width: 100%;
|
|
1536
|
-
`,vg=o.div`
|
|
1537
|
-
display: flex;
|
|
1538
|
-
justify-content: center;
|
|
1539
|
-
gap: 16px;
|
|
1540
|
-
padding: 16px 24px;
|
|
1541
|
-
width: 100%;
|
|
1542
|
-
background-color: ${({theme:e})=>e.v2.colors.silver[1e3]};
|
|
1543
|
-
`,$g=({visual:n,title:o,description:r,isOpen:i,onClose:a,denyButton:s,approveButton:l,children:c,...d})=>e(Eh,{isOpen:i,onClose:a,...d,children:t(yg,{children:[t(bg,{children:[n&&e(n,{}),e(Fa,{size:Ra.M,weight:500,color:Da.Primary,children:o}),e(al,{$alignItems:"center",$gap:4,children:r.split("\n").map(t=>e(Fa,{size:Ra.XS,weight:400,color:Da.Secondary,children:t},t))}),c]}),(s||l)&&t(vg,{children:[s&&e(ld,{"data-id":"deny",...s}),l&&e(ld,{"data-id":"approve",...l})]})]})});export{hr as $,nu as A,id as B,jd as C,Gp as D,tr as E,Sn as F,Wn as G,Ln as H,yh as I,Gn as J,Fa as K,Ko as L,Ro as M,Da as N,Ra as O,gn as P,ar as Q,iu as R,kd as S,nd as T,Xo as U,er as V,$g as W,ir as X,mr as Y,Vo as Z,ih as _,ou as a,hc as a$,Ho as a0,ko as a1,Go as a2,jo as a3,tu as a4,No as a5,Wo as a6,Ir as a7,Bo as a8,$r as a9,cg as aA,Zo as aB,wr as aC,Er as aD,br as aE,yn as aF,gs as aG,rr as aH,Tu as aI,gr as aJ,zd as aK,Cr as aL,Tr as aM,Qo as aN,Za as aO,ka as aP,Md as aQ,Vs as aR,Rh as aS,sl as aT,_d as aU,Hp as aV,yl as aW,Rd as aX,Nc as aY,ds as aZ,tp as a_,kr as aa,Ar as ab,Nr as ac,Or as ad,dr as ae,Oo as af,_o as ag,Lo as ah,Mo as ai,Uo as aj,zo as ak,Yo as al,So as am,xo as an,Io as ao,ur as ap,pr as aq,fr as ar,Ia as as,wo as at,qo as au,pu as av,Pp as aw,yr as ax,wn as ay,xr as az,hn as b,pp as b$,Ha as b0,Ga as b1,Ls as b2,bn as b3,vn as b4,ac as b5,yc as b6,Sc as b7,gc as b8,Ts as b9,au as bA,wd as bB,Ma as bC,Kl as bD,rd as bE,Zl as bF,Hr as bG,Jo as bH,or as bI,Gr as bJ,cr as bK,jr as bL,To as bM,Ao as bN,Po as bO,md as bP,Zn as bQ,rl as bR,Mh as bS,kc as bT,Ac as bU,no as bV,$s as bW,Oa as bX,Ba as bY,Ua as bZ,Wa as b_,eo as ba,xs as bb,Ol as bc,io as bd,Nl as be,xc as bf,Yn as bg,on as bh,nn as bi,Rl as bj,Dl as bk,to as bl,jl as bm,jn as bn,Bl as bo,ro as bp,Nn as bq,rn as br,ao as bs,so as bt,dn as bu,lo as bv,nh as bw,gp as bx,Qa as by,ph as bz,Sp as c,Si as c$,Jn as c0,Ul as c1,rs as c2,Tl as c3,oo as c4,Jc as c5,Uc as c6,Va as c7,Rn as c8,sp as c9,fo as cA,po as cB,mo as cC,Ca as cD,Aa as cE,Ta as cF,Jr as cG,Kr as cH,Xr as cI,Vr as cJ,ti as cK,ei as cL,ri as cM,oi as cN,Qr as cO,qr as cP,uo as cQ,Fr as cR,Pc as cS,_l as cT,Xd as cU,Wd as cV,Eh as cW,sc as cX,Ea as cY,si as cZ,$i as c_,Ka as ca,Ql as cb,ms as cc,ag as cd,Xu as ce,dc as cf,El as cg,wl as ch,vs as ci,Zp as cj,cc as ck,ls as cl,vl as cm,Mc as cn,nc as co,ec as cp,Ml as cq,fs as cr,Ed as cs,ig as ct,Uh as cu,vh as cv,Fo as cw,go as cx,ys as cy,co as cz,yp as d,Gi as d$,xi as d0,wi as d1,Ci as d2,Ei as d3,Ti as d4,tl as d5,ba as d6,va as d7,$a as d8,Sa as d9,Pi as dA,Fi as dB,Li as dC,Bi as dD,ji as dE,Ui as dF,ci as dG,ca as dH,da as dI,ua as dJ,la as dK,ha as dL,ga as dM,ma as dN,fa as dO,ya as dP,pa as dQ,aa as dR,sa as dS,qi as dT,oa as dU,ra as dV,ia as dW,Zi as dX,ta as dY,ea as dZ,Hi as d_,xa as da,wa as db,li as dc,di as dd,ui as de,pi as df,gi as dg,hi as dh,fi as di,mi as dj,bi as dk,yi as dl,vi as dm,ii as dn,ai as dp,Ai as dq,Ii as dr,_i as ds,Ri as dt,Di as du,Ni as dv,Oi as dw,ki as dx,Mi as dy,zi as dz,fp as e,Un as e$,Wi as e0,Xi as e1,Ki as e2,Vi as e3,Ji as e4,Yi as e5,Qi as e6,na as e7,nl as e8,zh as e9,bo as eA,$o as eB,Wr as eC,Pr as eD,_r as eE,Lr as eF,Dr as eG,Rr as eH,Ur as eI,Br as eJ,zr as eK,Mr as eL,Bc as eM,An as eN,ln as eO,Cn as eP,kn as eQ,mn as eR,fn as eS,En as eT,cn as eU,Vn as eV,un as eW,sn as eX,On as eY,$n as eZ,Bn as e_,pc as ea,as as eb,ja as ec,Hc as ed,lc as ee,bc as ef,bl as eg,Es as eh,us as ei,Cs as ej,ws as ek,Ss as el,Tc as em,is as en,os as eo,ns as ep,za as eq,Fs as er,Mn as es,bu as et,Bu as eu,Su as ev,ol as ew,Sr as ex,vo as ey,yo as ez,fg as f,jc as f$,zn as f0,In as f1,Kn as f2,Xn as f3,Hn as f4,pn as f5,an as f6,Tn as f7,Ys as f8,Js as f9,Wl as fA,Xl as fB,Vl as fC,Jl as fD,ts as fE,Yl as fF,ql as fG,vr as fH,ni as fI,Zr as fJ,Yr as fK,sr as fL,lr as fM,Co as fN,Eo as fO,tc as fP,oc as fQ,qn as fR,Qn as fS,rc as fT,Fc as fU,Ec as fV,Cc as fW,Oc as fX,Dc as fY,Lc as fZ,zc as f_,Zs as fa,Ja as fb,Ya as fc,Hl as fd,ss as fe,cs as ff,hs as fg,es as fh,bs as fi,Xa as fj,Is as fk,ks as fl,Ns as fm,Os as fn,Rs as fo,Ds as fp,_s as fq,Ps as fr,$l as fs,Al as ft,Il as fu,kl as fv,Ll as fw,Pl as fx,zl as fy,Gl as fz,pg as g,Wc as g0,gd as g1,xd as g2,fd as g3,hd as g4,Nu as g5,Ou as g6,Gd as g7,hg as g8,Xp as g9,Ru as ga,Jp as gb,qp as gc,dl as gd,Nh as ge,cl as gf,sh as gg,hu as gh,ul as gi,pl as gj,hl as gk,Ju as gl,wp as gm,mp as gn,ll as go,La as gp,th as h,Cu as i,xn as j,ld as k,ad as l,ho as m,Dn as n,Pn as o,Fn as p,_n as q,Na as r,Cl as s,tn as t,al as u,Fd as v,il as w,mu as x,nr as y,Do as z};
|