@odigos/ui-kit 0.0.115 → 0.0.116
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/{ui-components-f1517f30.js → ui-components-1cfa212a.js} +216 -216
- package/lib/components.js +1 -1
- package/lib/constants.js +1 -1
- package/lib/containers.js +3 -3
- package/lib/functions.js +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/useBodyScroll.d.ts +6 -0
- package/lib/hooks/useSourceSelectionFormData.d.ts +2 -2
- package/lib/hooks.js +1 -1
- package/lib/icons.js +1 -1
- package/lib/snippets.js +1 -1
- package/lib/store.js +1 -1
- package/lib/theme.js +1 -1
- package/lib/types.js +1 -1
- package/package.json +1 -1
|
@@ -263,7 +263,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
263
263
|
}
|
|
264
264
|
`:""}
|
|
265
265
|
`}
|
|
266
|
-
`,Mi=({children:e,variant:t="primary",onClick:n,...o})=>{const i=gt(null);return ct.createElement(Fi,{$variant:t},ct.createElement(Pi,{ref:i,$variant:t,onClick:e=>{n&&n(e),i.current?.blur()},...o},e))},Bi=({isOpen:e,noOverlay:t,name:n,onApprove:o,onDeny:i})=>ct.createElement(
|
|
266
|
+
`,Mi=({children:e,variant:t="primary",onClick:n,...o})=>{const i=gt(null);return ct.createElement(Fi,{$variant:t},ct.createElement(Pi,{ref:i,$variant:t,onClick:e=>{n&&n(e),i.current?.blur()},...o},e))},Bi=({isOpen:e,noOverlay:t,name:n,onApprove:o,onDeny:i})=>ct.createElement(np,{isOpen:e,noOverlay:t,title:"Cancel"+(n?` ${n}`:""),description:"Are you sure you want to cancel?",approveButton:{text:"Confirm",variant:rn.Warning,onClick:o},denyButton:{text:"Go Back",onClick:i}}),ji=Et.div`
|
|
267
267
|
position: absolute;
|
|
268
268
|
${({$top:e})=>void 0!==e&&`top: ${e}px;`}
|
|
269
269
|
${({$bottom:e})=>void 0!==e&&`bottom: ${e}px;`}
|
|
@@ -286,35 +286,35 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
286
286
|
`,Vi=Et.div`
|
|
287
287
|
padding: ${({$padding:e})=>void 0!==e?e:"12px"};
|
|
288
288
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
289
|
-
`,Hi=xt(({isOpen:e,asPortal:t,...n},o)=>{const i=ut(()=>{const{children:e,top:i,bottom:a,left:r,right:s,borderRadius:l,padding:d,maxWidth:c,width:p,header:u,footer:m,withPointerEvents:h,...g}=n;return ct.createElement(ji,{ref:o,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:d,$maxWidth:c,$width:p,$asPortal:t,$withPointerEvents:h,...g},u&&ct.createElement(Ui,{$padding:d},u),ct.createElement(Wi,{$padding:d},e),m&&ct.createElement(Vi,{$padding:d},m))},[o,n,t]);return e?t?Ft.createPortal(i,document.body):i:null});Hi.displayName=Hi.name;const qi=e=>{function t(){return void 0===e?{}:Rn(e)}const[n,o]=mt(t()),[i,a]=mt({}),r=ut(()=>void 0!==e&&JSON.stringify(n)!==JSON.stringify(e),[e,n]);return ht(()=>{void 0!==e&&"{}"===JSON.stringify(n)&&o(t())},[e,n]),{formData:n,formErrors:i,isFormDirty:r,handleFormChange:(e,t,n)=>{if(e){const n=e.toString().split(".");1===n.length?o(n=>({...n,[e]:t})):o(e=>{const o=Rn(e);let i=o;for(let e=0;e<n.length-1;e++){const t=n[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[n[n.length-1]]=t,o})}else n&&o({...n})},handleErrorChange:(e,t,n)=>{e?a(n=>({...n,[e]:t})):n&&a({...n})},resetFormData:()=>{o(t()),a({})}}},Gi={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},Yi=()=>{const{addNotification:e}=Jo(),{formData:t,formErrors:n,handleFormChange:o,handleErrorChange:i,resetFormData:a}=qi(Gi);return{formData:t,formErrors:n,handleFormChange:o,resetFormData:a,validateForm:n=>{const o={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":ho(t)&&(o[e]=Fo.FIELD_IS_REQUIRED)}}),a=!Object.values(o).length,!a&&n?.withAlert&&e({type:rn.Warning,title:n.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,o),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const n={...Rn(Gi),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":n.name=t;break;case"type":case"notes":case"signals":case"disabled":n[e]=t;break;case Vt.CollectContainerAttributes:case Vt.CollectReplicaSetAttributes:case Vt.CollectWorkloadId:case Vt.CollectClusterId:case Vt.LabelsAttributes:case Vt.AnnotationsAttributes:case Vt.ClusterAttributes:case Vt.OverwriteExistingValues:case Vt.AttributeNamesToDelete:case Vt.Renames:case Vt.PiiCategories:case Vt.FallbackSamplingRatio:case Vt.SamplingPercentage:case Vt.EndpointsFilters:case Vt.ServicesNameFilters:case Vt.AttributeFilters:n.fields||(n.fields={}),n.fields[e]=t}}),o(void 0,void 0,n)}}},Ji=()=>{const{setCurrentModal:e}=Yo(),{setDrawerType:t,setDrawerEntityId:n}=Wo(),{setActiveNodeType:o,setActiveNodeId:i,activeNodeId:a}=jt();return{onClickNode:(r,s)=>{const{id:l,type:d,data:{id:c,type:p}}=s;switch(a===l?(o(null),i(null)):(o(d),i(l)),p){case tn.Source:case tn.Destination:case tn.Action:case tn.InstrumentationRule:t(p),n(c);break;case gn.AddSource:e(tn.Source);break;case gn.AddDestination:e(tn.Destination);break;case gn.AddAction:e(tn.Action);break;case gn.AddRule:e(tn.InstrumentationRule)}}}},Ki=()=>{const{setDrawerType:e,setDrawerEntityId:t}=Wo(),{markAsDismissed:n,markAsSeen:o}=Jo();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:d}=a||{};if(s&&l)switch(s){case tn.InstrumentationRule:e(tn.InstrumentationRule),t(Qn(l,tn.InstrumentationRule));break;case tn.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(tn.Source),t(Qn(l,tn.Source));break;case tn.Action:e(tn.Action),t(Qn(l,tn.Action));break;case tn.Destination:case"Destination":e(tn.Destination),t(Qn(l,tn.Destination))}o(r),d&&n(r)}}},Xi=()=>{const e=gt(null),[t,n]=mt(0),[o,i]=mt(0);return ht(()=>{const t=()=>{if(e.current){const{width:t,height:o}=e.current.getBoundingClientRect();n(t),i(o)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:o}},Qi=()=>{const[e,t]=mt(!1),[n,o]=mt(-1);return{isCopied:e,copiedIndex:n,clickCopy:async(n,i)=>{if(!e){if(t(!0),void 0!==i&&o(i),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}setTimeout(()=>{t(!1),o(-1)},1e3)}}}},Zi=e=>{const{addNotification:t}=Jo(),{formData:n,handleFormChange:o,formErrors:i,handleErrorChange:a,resetFormData:r}=qi(e);return{formData:n,formErrors:i,handleFormChange:o,resetFormData:r,validateForm:e=>{const o={};let i=!0;return n.name?go(n.name)?o.name=void 0:(i=!1,o.name=Fo.ILLEGAL_K8S_LABEL):(i=!1,o.name=Fo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:rn.Warning,title:e.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,o),i},loadFormWithDrawerItem:({name:t})=>{const n={...Rn(e),name:t};o(void 0,void 0,n)}}},ea={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},ta=e=>{const{supportedSignals:t,preLoadedFields:n}=e||{},{addNotification:o}=Jo(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=qi(ea),[d,c]=mt([]),[p,u]=mt([]);return ht(()=>{var e;u(d?(e=d,e.filter(e=>!!e).map(e=>{const{name:t,componentType:n,componentProperties:o,displayName:i,initialValue:a,renderCondition:r}=e;if(n===on.Dropdown){const e=po(o,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:n,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:n,title:i,value:a,renderCondition:r,...po(o,{})}})).map(e=>{if(n){const t="string"==typeof n?po(n,{}):n;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[d,n]),ht(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),ht(()=>{if(t&&0===Eo(i.exportedSignals).length){const{logs:e,metrics:n,traces:o}=t;r("exportedSignals",{logs:e.supported,metrics:n.supported,traces:o.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let n=!0;return p.forEach(({name:e,value:o,required:i})=>{i&&!o&&(n=!1,t[e]=Fo.FIELD_IS_REQUIRED)}),!n&&e?.withAlert&&o({type:rn.Warning,title:e.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),n},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:n,exportedSignals:o,fields:i})=>{const a={...Rn(ea),type:e,name:t,disabled:n,exportedSignals:o,fields:Object.entries(po(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:d,setYamlFields:c,dynamicFields:p,setDynamicFields:u}},na={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[wn.HttpRequest]:null,[wn.HttpResponse]:null,[wn.DbQuery]:null,[wn.Messaging]:null},codeAttributes:{[$n.Column]:null,[$n.FilePath]:null,[$n.Function]:null,[$n.LineNumber]:null,[$n.Namespace]:null,[$n.StackTrace]:null},headersCollection:null,customInstrumentations:{[bn.Java]:null,[bn.Golang]:null}},oa=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:i}=qi(na);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:i,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:o,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...Rn(na),ruleName:e,notes:t,disabled:o};i&&(l.payloadCollection={[wn.HttpRequest]:i[wn.HttpRequest]?{}:null,[wn.HttpResponse]:i[wn.HttpResponse]?{}:null,[wn.DbQuery]:i[wn.DbQuery]?{}:null,[wn.Messaging]:i[wn.Messaging]?{}:null}),a&&(l.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}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[bn.Java]:s[bn.Java]||null,[bn.Golang]:s[bn.Golang]||null}),n(void 0,void 0,l)}}},ia=({active:e,key:t,withAltKey:n,withCtrlKey:o,withShiftKey:i,withMetaKey:a},r)=>(ht(()=>{const s=s=>{e&&t===s.key&&(!n||n&&s.altKey)&&(!o||o&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,n,o,i,a,r]),null),aa=(e,t)=>{ht(()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t()};return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}},[e,t])},ra=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:n}={})=>{const o=gt(null),[i,a]=mt(!1),[r,s]=mt({top:0,left:0});return aa(o,()=>{i&&(a(!1),n?.())}),{popupRef:o,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(n,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,d=n;l>=r/2&&(l+=-(o.current?.clientHeight||e)),d>=a/2&&(d+=-(o.current?.clientWidth||t)),s({top:l,left:d})}}},sa=()=>({getItemSS:(e,t)=>{const n=sessionStorage.getItem(e);return n?po(n,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),la={otelServiceName:"",currentStreamName:""},da=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:i}=qi(la);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:i,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const o={...Rn(la),otelServiceName:e||t||""};n(void 0,void 0,o)}}},ca=(e,t,n)=>{const o="boolean"==typeof n,i=e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(o?n:e.selected)||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:!(!i&&!o)&&a,numberOfInstances:e.numberOfInstances}},pa=(e,t,n)=>({...ca(e,t,n),currentStreamName:t}),ua=(e,t,n)=>{const o="boolean"==typeof n,i=e.dataStreamNames?.includes(t),a=(o?n:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!o)&&a,currentStreamName:t}},ma=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:n}=Vo(),{selectedStreamName:o}=Uo(),i=gt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s}=ti(),[l,d]=mt(s),[c,p]=mt(!1),[u,m]=mt(!1),[h,g]=mt([]),[x,f]=mt(""),[$,y]=mt(r),[b,w]=mt(((e,t,n)=>{const o={};return Object.entries(e).forEach(([e,t])=>{o[e]=t.map(e=>pa(e,n))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=o[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=pa(t,n);-1!==i?o[e][i]=a:o[e].push(a)})}),o})(s,a,o)),k=async(e,n)=>{if(t)if(h.includes(e.name))w(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof n?n:e.selected,currentStreamName:o}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;g(e=>[...e,a]),d(e=>({...e,[a]:r.map(e=>ca(e,o))})),w(e=>({...e,[a]:"boolean"!=typeof n&&e[a]?.length?e[a]:r.map(e=>pa(e,o,n))}))}};ht(()=>(i.current=!0,n?.length&&(d(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),y(e=>{const t={...e};return n.forEach(e=>t[e.name]=t[e.name]||ua(e,o)),t}),(async()=>{p(!0);for await(const e of n)i.current&&await k(e);p(!1)})()),()=>{i.current=!1}),[n,o]);const[v,E]=mt(""),[S,C]=mt(tn.Source),[T,A]=mt(!1),[D,N]=mt(!1),I=ut(()=>{const e=(e,t)=>!v||S!==t||S===t&&e.toLowerCase().includes(v),t={};return Object.entries(b).filter(([t])=>e(t,tn.Namespace)).forEach(([n,o])=>{const i=o.filter(t=>e(t.name,tn.Source)&&(!T||t.selected)&&(e=>!D||(e.numberOfInstances||0)>0)(t));i.length&&(t[n]=i)}),t},[b,v,S,T,D]);return{isFetchingEachNamespace:c,fetchedNamespaces:h,availableSources:l,filteredNamespacesAndSources:I,getApiSourcesPayload:()=>{const e={};return Object.entries(b).forEach(([t,n])=>{n.forEach(n=>{const o=l[t]?.find(e=>e.name===n.name&&e.kind===n.kind);o?.selected!==n.selected&&(e[t]||(e[t]=[]),e[t].push(n))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries($).forEach(([t,i])=>{const a=n?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(o)||!i.selected&&a?.dataStreamNames?.includes(o))&&(e[t]=i)}),e},selectedNamespace:x,onSelectNamespace:(e,t)=>{const o=n.find(t=>t.name===e);if(o){const n="boolean"==typeof t;f(t=>t!==e||n?e:""),k(o,t),n&&m(!1)}},selectedAllNamespaces:u,onSelectAllNamespaces:e=>{m(e),n.forEach(t=>k(t,e))},selectedSources:b,onSelectSource:(e,t)=>{const n=t||x;if(!n)return;const i=[...b[n]||[]],a=i.findIndex(({name:t,kind:n})=>t===e.name&&n===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:o};i[a]=e}else i.push({...e,selected:!0,currentStreamName:o});w(e=>({...e,[n]:i})),m(!1)},selectedFutureApps:$,onSelectFutureApps:(e,t)=>{const i=t||x;if(!i)return;const a=n.find(e=>e.name===t);a&&y(t=>({...t,[i]:ua(a,o,e)}))},searchText:v,setSearchText:E,searchBy:S,setSearchBy:C,showSelectedOnly:T,setShowSelectedOnly:A,showRunningOnly:D,setShowRunningOnly:N}};yt.addDefaultLocale(vt);const ha=()=>new yt("en-US"),ga=({container:e,animateIn:t,animateOut:n,duration:o=300})=>{const i=Et(e)`
|
|
289
|
+
`,Hi=xt(({isOpen:e,asPortal:t,...n},o)=>{const i=ut(()=>{const{children:e,top:i,bottom:a,left:r,right:s,borderRadius:l,padding:d,maxWidth:c,width:p,header:u,footer:m,withPointerEvents:h,...g}=n;return ct.createElement(ji,{ref:o,$top:i,$bottom:a,$left:r,$right:s,$borderRadius:l,$padding:d,$maxWidth:c,$width:p,$asPortal:t,$withPointerEvents:h,...g},u&&ct.createElement(Ui,{$padding:d},u),ct.createElement(Wi,{$padding:d},e),m&&ct.createElement(Vi,{$padding:d},m))},[o,n,t]);return e?t?Ft.createPortal(i,document.body):i:null});Hi.displayName=Hi.name;const qi=e=>{function t(){return void 0===e?{}:Rn(e)}const[n,o]=mt(t()),[i,a]=mt({}),r=ut(()=>void 0!==e&&JSON.stringify(n)!==JSON.stringify(e),[e,n]);return ht(()=>{void 0!==e&&"{}"===JSON.stringify(n)&&o(t())},[e,n]),{formData:n,formErrors:i,isFormDirty:r,handleFormChange:(e,t,n)=>{if(e){const n=e.toString().split(".");1===n.length?o(n=>({...n,[e]:t})):o(e=>{const o=Rn(e);let i=o;for(let e=0;e<n.length-1;e++){const t=n[e];i[t]&&"object"==typeof i[t]||(i[t]={}),i=i[t]}return i[n[n.length-1]]=t,o})}else n&&o({...n})},handleErrorChange:(e,t,n)=>{e?a(n=>({...n,[e]:t})):n&&a({...n})},resetFormData:()=>{o(t()),a({})}}},Gi={type:"",name:"",notes:"",signals:[],disabled:!1,fields:{clusterAttributes:null,overwriteExistingValues:null,renames:null,attributeNamesToDelete:null,piiCategories:null,fallbackSamplingRatio:null,samplingPercentage:null,endpointsFilters:null,servicesNameFilters:null,attributeFilters:null}},Yi=()=>{const{addNotification:e}=Jo(),{formData:t,formErrors:n,handleFormChange:o,handleErrorChange:i,resetFormData:a}=qi(Gi);return{formData:t,formErrors:n,handleFormChange:o,resetFormData:a,validateForm:n=>{const o={};let a=!0;return Object.entries(t).forEach(([e,t])=>{switch(e){case"type":case"signals":ho(t)&&(o[e]=Fo.FIELD_IS_REQUIRED)}}),a=!Object.values(o).length,!a&&n?.withAlert&&e({type:rn.Warning,title:n.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),i(void 0,void 0,o),a},loadFormWithDrawerItem:({type:e,fields:t})=>{const n={...Rn(Gi),type:e};Object.entries(t).forEach(([e,t])=>{if(t)switch(e){case"actionName":n.name=t;break;case"type":case"notes":case"signals":case"disabled":n[e]=t;break;case Vt.CollectContainerAttributes:case Vt.CollectReplicaSetAttributes:case Vt.CollectWorkloadId:case Vt.CollectClusterId:case Vt.LabelsAttributes:case Vt.AnnotationsAttributes:case Vt.ClusterAttributes:case Vt.OverwriteExistingValues:case Vt.AttributeNamesToDelete:case Vt.Renames:case Vt.PiiCategories:case Vt.FallbackSamplingRatio:case Vt.SamplingPercentage:case Vt.EndpointsFilters:case Vt.ServicesNameFilters:case Vt.AttributeFilters:n.fields||(n.fields={}),n.fields[e]=t}}),o(void 0,void 0,n)}}},Ji=e=>{ht(()=>{if(e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}},[e])},Ki=()=>{const{setCurrentModal:e}=Yo(),{setDrawerType:t,setDrawerEntityId:n}=Wo(),{setActiveNodeType:o,setActiveNodeId:i,activeNodeId:a}=jt();return{onClickNode:(r,s)=>{const{id:l,type:d,data:{id:c,type:p}}=s;switch(a===l?(o(null),i(null)):(o(d),i(l)),p){case tn.Source:case tn.Destination:case tn.Action:case tn.InstrumentationRule:t(p),n(c);break;case gn.AddSource:e(tn.Source);break;case gn.AddDestination:e(tn.Destination);break;case gn.AddAction:e(tn.Action);break;case gn.AddRule:e(tn.InstrumentationRule)}}}},Xi=()=>{const{setDrawerType:e,setDrawerEntityId:t}=Wo(),{markAsDismissed:n,markAsSeen:o}=Jo();return{onClickNotification:(i,a)=>{const{id:r,crdType:s,target:l}=i,{dismissToast:d}=a||{};if(s&&l)switch(s){case tn.InstrumentationRule:e(tn.InstrumentationRule),t(Qn(l,tn.InstrumentationRule));break;case tn.Source:case"InstrumentationConfig":case"InstrumentationInstance":e(tn.Source),t(Qn(l,tn.Source));break;case tn.Action:e(tn.Action),t(Qn(l,tn.Action));break;case tn.Destination:case"Destination":e(tn.Destination),t(Qn(l,tn.Destination))}o(r),d&&n(r)}}},Qi=()=>{const e=gt(null),[t,n]=mt(0),[o,i]=mt(0);return ht(()=>{const t=()=>{if(e.current){const{width:t,height:o}=e.current.getBoundingClientRect();n(t),i(o)}};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),{containerRef:e,containerWidth:t,containerHeight:o}},Zi=()=>{const[e,t]=mt(!1),[n,o]=mt(-1);return{isCopied:e,copiedIndex:n,clickCopy:async(n,i)=>{if(!e){if(t(!0),void 0!==i&&o(i),navigator?.clipboard&&navigator.clipboard.writeText)try{await navigator.clipboard.writeText(n)}catch(e){}else{const e=document.createElement("textarea");e.value=n,document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(e)}setTimeout(()=>{t(!1),o(-1)},1e3)}}}},ea=e=>{const{addNotification:t}=Jo(),{formData:n,handleFormChange:o,formErrors:i,handleErrorChange:a,resetFormData:r}=qi(e);return{formData:n,formErrors:i,handleFormChange:o,resetFormData:r,validateForm:e=>{const o={};let i=!0;return n.name?go(n.name)?o.name=void 0:(i=!1,o.name=Fo.ILLEGAL_K8S_LABEL):(i=!1,o.name=Fo.FIELD_IS_REQUIRED),!i&&e?.withAlert&&t({type:rn.Warning,title:e.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),a(void 0,void 0,o),i},loadFormWithDrawerItem:({name:t})=>{const n={...Rn(e),name:t};o(void 0,void 0,n)}}},ta={type:"",name:"",exportedSignals:{logs:!1,metrics:!1,traces:!1},fields:[],disabled:!1},na=e=>{const{supportedSignals:t,preLoadedFields:n}=e||{},{addNotification:o}=Jo(),{formData:i,formErrors:a,handleFormChange:r,handleErrorChange:s,resetFormData:l}=qi(ta),[d,c]=mt([]),[p,u]=mt([]);return ht(()=>{var e;u(d?(e=d,e.filter(e=>!!e).map(e=>{const{name:t,componentType:n,componentProperties:o,displayName:i,initialValue:a,renderCondition:r}=e;if(n===on.Dropdown){const e=po(o,{}),s=Array.isArray(e.values)?e.values.map(e=>({id:e,value:e})):Object.entries(e.values).map(([e,t])=>({id:e,value:t}));return{name:t,componentType:n,title:i,value:a,placeholder:e.placeholder||"Select an option",options:s,renderCondition:r,...e}}return{name:t,componentType:n,title:i,value:a,renderCondition:r,...po(o,{})}})).map(e=>{if(n){const t="string"==typeof n?po(n,{}):n;if(e.name in t)return{...e,value:t[e.name]}}return e}):[])},[d,n]),ht(()=>{if(p){const e=p.map(e=>({key:e.name,value:e.value}));r("fields",e)}},[p]),ht(()=>{if(t&&0===Eo(i.exportedSignals).length){const{logs:e,metrics:n,traces:o}=t;r("exportedSignals",{logs:e.supported,metrics:n.supported,traces:o.supported})}},[t,i]),{formData:i,formErrors:a,handleFormChange:r,resetFormData:l,validateForm:e=>{const t={};let n=!0;return p.forEach(({name:e,value:o,required:i})=>{i&&!o&&(n=!1,t[e]=Fo.FIELD_IS_REQUIRED)}),!n&&e?.withAlert&&o({type:rn.Warning,title:e.alertTitle,message:Fo.REQUIRED_FIELDS,hideFromHistory:!0}),s(void 0,void 0,t),n},loadFormWithDrawerItem:({destinationType:{type:e},name:t,disabled:n,exportedSignals:o,fields:i})=>{const a={...Rn(ta),type:e,name:t,disabled:n,exportedSignals:o,fields:Object.entries(po(i,{})).map(([e,t])=>({key:e,value:t}))};return r(void 0,void 0,a),a},yamlFields:d,setYamlFields:c,dynamicFields:p,setDynamicFields:u}},oa={ruleName:"",notes:"",disabled:!1,workloads:null,instrumentationLibraries:null,payloadCollection:{[wn.HttpRequest]:null,[wn.HttpResponse]:null,[wn.DbQuery]:null,[wn.Messaging]:null},codeAttributes:{[$n.Column]:null,[$n.FilePath]:null,[$n.Function]:null,[$n.LineNumber]:null,[$n.Namespace]:null,[$n.StackTrace]:null},headersCollection:null,customInstrumentations:{[bn.Java]:null,[bn.Golang]:null}},ia=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:i}=qi(oa);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:i,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({ruleName:e,notes:t,disabled:o,payloadCollection:i,codeAttributes:a,headersCollection:r,customInstrumentations:s})=>{const l={...Rn(oa),ruleName:e,notes:t,disabled:o};i&&(l.payloadCollection={[wn.HttpRequest]:i[wn.HttpRequest]?{}:null,[wn.HttpResponse]:i[wn.HttpResponse]?{}:null,[wn.DbQuery]:i[wn.DbQuery]?{}:null,[wn.Messaging]:i[wn.Messaging]?{}:null}),a&&(l.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}),r&&(l.headersCollection=r),s&&(l.customInstrumentations={[bn.Java]:s[bn.Java]||null,[bn.Golang]:s[bn.Golang]||null}),n(void 0,void 0,l)}}},aa=({active:e,key:t,withAltKey:n,withCtrlKey:o,withShiftKey:i,withMetaKey:a},r)=>(ht(()=>{const s=s=>{e&&t===s.key&&(!n||n&&s.altKey)&&(!o||o&&s.ctrlKey)&&(!i||i&&s.shiftKey)&&(!a||a&&s.metaKey)&&(s.preventDefault(),s.stopPropagation(),r(s))};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[t,e,n,o,i,a,r]),null),ra=(e,t)=>{ht(()=>{const n=n=>{e.current&&!e.current.contains(n.target)&&t()};return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}},[e,t])},sa=({defaultClientHeight:e=0,defaultClientwidth:t=0,onClickOutside:n}={})=>{const o=gt(null),[i,a]=mt(!1),[r,s]=mt({top:0,left:0});return ra(o,()=>{i&&(a(!1),n?.())}),{popupRef:o,popupOpen:i,setPopupOpen:a,popupPosition:r,handlePosition:(n,i)=>{const{innerWidth:a,innerHeight:r}=window;let l=i,d=n;l>=r/2&&(l+=-(o.current?.clientHeight||e)),d>=a/2&&(d+=-(o.current?.clientWidth||t)),s({top:l,left:d})}}},la=()=>({getItemSS:(e,t)=>{const n=sessionStorage.getItem(e);return n?po(n,t):t},setItemSS:(e,t)=>{sessionStorage.setItem(e,JSON.stringify(t))},removeItemSS:e=>{sessionStorage.removeItem(e)}}),da={otelServiceName:"",currentStreamName:""},ca=()=>{const{formData:e,formErrors:t,handleFormChange:n,handleErrorChange:o,resetFormData:i}=qi(da);return{formData:e,formErrors:t,handleFormChange:n,resetFormData:i,validateForm:()=>(o(void 0,void 0,{}),!0),loadFormWithDrawerItem:({otelServiceName:e,name:t})=>{const o={...Rn(da),otelServiceName:e||t||""};n(void 0,void 0,o)}}},pa=(e,t,n)=>{const o="boolean"==typeof n,i=e.dataStreamNames?.includes(t)||e.currentStreamName===t,a=(o?n:e.selected)||!1;return{namespace:e.namespace,name:e.name,kind:e.kind,selected:!(!i&&!o)&&a,numberOfInstances:e.numberOfInstances}},ua=(e,t,n)=>({...pa(e,t,n),currentStreamName:t}),ma=(e,t,n)=>{const o="boolean"==typeof n,i=e.dataStreamNames?.includes(t),a=(o?n:e.selected)||!1;return{namespace:e.name,selected:!(!i&&!o)&&a,currentStreamName:t}},ha=e=>{const{fetchSingleNamespace:t}=e||{},{namespaces:n}=Vo(),{selectedStreamName:o}=Uo(),i=gt(!1),{configuredSources:a,configuredFutureApps:r,availableSources:s}=ti(),[l,d]=mt(s),[c,p]=mt(""),[u,m]=mt(!1),[h,g]=mt([]),[x,f]=mt(""),[$,y]=mt(r),[b,w]=mt(((e,t,n)=>{const o={};return Object.entries(e).forEach(([e,t])=>{o[e]=t.map(e=>ua(e,n))}),Object.entries(t).forEach(([e,t])=>{t.forEach(t=>{const i=o[e].findIndex(e=>e.name===t.name&&e.kind===t.kind),a=ua(t,n);-1!==i?o[e][i]=a:o[e].push(a)})}),o})(s,a,o)),k=async(e,n)=>{if(t){if(p(e.name),h.includes(e.name))w(t=>({...t,[e.name]:t[e.name].map(e=>({...e,selected:"boolean"==typeof n?n:e.selected,currentStreamName:o}))}));else{const{data:i}=await t({variables:{namespaceName:e.name}}),{name:a,sources:r=[]}=i?.computePlatform?.k8sActualNamespace||{};if(!a)return;g(e=>[...e,a]),d(e=>({...e,[a]:r.map(e=>pa(e,o))})),w(e=>({...e,[a]:"boolean"!=typeof n&&e[a]?.length?e[a]:r.map(e=>ua(e,o,n))}))}p("")}};ht(()=>(i.current=!0,n?.length&&(d(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),w(e=>{const t={...e};return n.forEach(({name:e})=>t[e]=t[e]||[]),t}),y(e=>{const t={...e};return n.forEach(e=>t[e.name]=t[e.name]||ma(e,o)),t}),(async()=>{for await(const e of n)i.current&&await k(e)})()),()=>{i.current=!1}),[n,o]);const[v,E]=mt(""),[S,C]=mt(tn.Source),[T,A]=mt(!1),[D,N]=mt(!1),I=ut(()=>{const e=(e,t)=>!v||S!==t||S===t&&e.toLowerCase().includes(v),t={};return Object.entries(b).filter(([t])=>e(t,tn.Namespace)).forEach(([n,o])=>{const i=o.filter(t=>e(t.name,tn.Source)&&(!T||t.selected)&&(e=>!D||(e.numberOfInstances||0)>0)(t));t[n]=i}),t},[b,v,S,T,D]);return{fetchingNamespace:c,fetchedNamespaces:h,availableSources:l,filteredNamespacesAndSources:I,getApiSourcesPayload:()=>{const e={};return Object.entries(b).forEach(([t,n])=>{n.forEach(n=>{const o=l[t]?.find(e=>e.name===n.name&&e.kind===n.kind);o?.selected!==n.selected&&(e[t]||(e[t]=[]),e[t].push(n))})}),e},getApiFutureAppsPayload:()=>{const e={};return Object.entries($).forEach(([t,i])=>{const a=n?.find(e=>e.name===t);(i.selected&&!a?.dataStreamNames?.includes(o)||!i.selected&&a?.dataStreamNames?.includes(o))&&(e[t]=i)}),e},selectedNamespace:x,onSelectNamespace:(e,t)=>{const o=n.find(t=>t.name===e);if(o){const n="boolean"==typeof t;f(t=>t!==e||n?e:""),k(o,t),n&&m(!1)}},selectedAllNamespaces:u,onSelectAllNamespaces:e=>{m(e),n.forEach(t=>k(t,e))},selectedSources:b,onSelectSource:(e,t)=>{const n=t||x;if(!n)return;const i=[...b[n]||[]],a=i.findIndex(({name:t,kind:n})=>t===e.name&&n===e.kind);if(-1!==a){const e={...i[a],selected:!i[a].selected,currentStreamName:o};i[a]=e}else i.push({...e,selected:!0,currentStreamName:o});w(e=>({...e,[n]:i})),m(!1)},selectedFutureApps:$,onSelectFutureApps:(e,t)=>{const i=t||x;if(!i)return;const a=n.find(e=>e.name===t);a&&y(t=>({...t,[i]:ma(a,o,e)}))},searchText:v,setSearchText:E,searchBy:S,setSearchBy:C,showSelectedOnly:T,setShowSelectedOnly:A,showRunningOnly:D,setShowRunningOnly:N}};yt.addDefaultLocale(vt);const ga=()=>new yt("en-US"),xa=({container:e,animateIn:t,animateOut:n,duration:o=300})=>{const i=Et(e)`
|
|
290
290
|
animation-name: ${({$isEntering:e,$isLeaving:o})=>e?t:o?n:"none"};
|
|
291
291
|
animation-duration: ${o}ms;
|
|
292
292
|
animation-fill-mode: forwards;
|
|
293
|
-
`;return ft(({children:e,enter:t,...n})=>{const[a,r]=mt(!1);return ht(()=>{const e=setTimeout(()=>r(t),o+50);return()=>clearTimeout(e)},[t,o]),t||a?ct.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...n},e):null},[])},
|
|
293
|
+
`;return ft(({children:e,enter:t,...n})=>{const[a,r]=mt(!1);return ht(()=>{const e=setTimeout(()=>r(t),o+50);return()=>clearTimeout(e)},[t,o]),t||a?ct.createElement(i,{$isEntering:t,$isLeaving:!t&&a,...n},e):null},[])},fa=Et.div`
|
|
294
294
|
display: flex;
|
|
295
295
|
flex-direction: row;
|
|
296
296
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
297
297
|
align-items: ${({$alignItems:e="center"})=>e};
|
|
298
298
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
299
299
|
gap: ${({$gap:e=2})=>e}px;
|
|
300
|
-
|
|
300
|
+
`,$a=Et.div`
|
|
301
301
|
display: flex;
|
|
302
302
|
flex-direction: column;
|
|
303
303
|
flex-wrap: ${({$wrap:e="unset"})=>e};
|
|
304
304
|
align-items: ${({$alignItems:e="unset"})=>e};
|
|
305
305
|
justify-content: ${({$justifyContent:e="unset"})=>e};
|
|
306
306
|
gap: ${({$gap:e=2})=>e}px;
|
|
307
|
-
|
|
307
|
+
`,ya=Et($a)`
|
|
308
308
|
width: 100%;
|
|
309
309
|
height: ${({$height:e})=>e||"unset"};
|
|
310
310
|
align-items: center;
|
|
311
311
|
justify-content: center;
|
|
312
|
-
`,
|
|
312
|
+
`,ba=Et.div`
|
|
313
313
|
display: flex;
|
|
314
314
|
flex-direction: column;
|
|
315
315
|
padding: 12px;
|
|
316
316
|
overflow-y: scroll;
|
|
317
|
-
`,
|
|
317
|
+
`,wa=Et.div`
|
|
318
318
|
position: fixed;
|
|
319
319
|
top: 0;
|
|
320
320
|
left: 0;
|
|
@@ -323,39 +323,39 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
323
323
|
z-index: 1000;
|
|
324
324
|
background: rgba(0, 0, 0, 0.5);
|
|
325
325
|
backdrop-filter: blur(1px);
|
|
326
|
-
`,
|
|
326
|
+
`,ka=Et.div`
|
|
327
327
|
width: 640px;
|
|
328
328
|
min-height: ${({$minHeight:e})=>e||"unset"};
|
|
329
329
|
height: ${({$isNotModal:e})=>e?"fit-content":"calc(100vh - 350px)"};
|
|
330
330
|
margin: ${({$isNotModal:e})=>e?"64px 0 0 0":"64px 7vw 32px 7vw"};
|
|
331
331
|
padding: 0 2px;
|
|
332
332
|
overflow-y: scroll;
|
|
333
|
-
`,
|
|
333
|
+
`,va=Et($a)`
|
|
334
334
|
max-width: ${({$maxWidth:e})=>e||"unset"};
|
|
335
335
|
width: 100%;
|
|
336
|
-
`,
|
|
336
|
+
`,Ea=Et(fa)`
|
|
337
337
|
gap: 16px;
|
|
338
338
|
padding: 16px;
|
|
339
|
-
`,
|
|
339
|
+
`,Sa=Et.div`
|
|
340
340
|
width: 100%;
|
|
341
341
|
max-height: ${({$maxHeight:e})=>e||"unset"};
|
|
342
342
|
overflow-y: auto;
|
|
343
|
-
`,
|
|
343
|
+
`,Ca=Et.div`
|
|
344
344
|
position: relative;
|
|
345
345
|
display: flex;
|
|
346
346
|
align-items: center;
|
|
347
347
|
gap: 4px;
|
|
348
348
|
// cursor: help;
|
|
349
|
-
`,
|
|
349
|
+
`,Ta=Et(gi)`
|
|
350
350
|
word-break: break-word;
|
|
351
351
|
white-space: pre-wrap;
|
|
352
|
-
`,
|
|
352
|
+
`,Aa=({withIcon:e,titleIcon:t,title:n,text:o,timestamp:i,children:a})=>{const r=ci.useTheme(),{popupRef:s,popupOpen:l,setPopupOpen:d,popupPosition:c,handlePosition:p}=sa({defaultClientHeight:40,defaultClientwidth:Math.min(7.5*(o?.length||0),300)}),u=ut(()=>!!ui(o||"")?.length,[o]),m=e=>{const{type:t,clientX:n,clientY:o}=e;u?p(c.left||n,c.top||o):p(n,o),d("mouseleave"!==t)};return o?ct.createElement(Ca,{onMouseEnter:m,onMouseMove:m,onMouseLeave:m},a,e&&ct.createElement(Ve,null),ct.createElement(Hi,{ref:s,isOpen:l,top:c.top,left:c.left,asPortal:!0,withPointerEvents:u,onMouseEnter:u?m:void 0,maxWidth:"270px",borderRadius:"16px",padding:"8px 12px"},(!!t||!!n)&&ct.createElement(fa,{style:{marginBottom:"4px"},$gap:4},t&&ct.createElement(t,{size:12,fill:r.text.secondary}),n&&ct.createElement(gi,{size:12,color:r.text.secondary},n)),ct.createElement(Ta,{size:12,color:r.text.info},o),!!i&&ct.createElement(gi,{size:10,color:r.text.darker_grey,family:"secondary",style:{marginTop:"8px"}},new Date(i).toLocaleString()))):ct.createElement(ct.Fragment,null,a)},Da=Et.div`
|
|
353
353
|
display: flex;
|
|
354
354
|
align-items: center;
|
|
355
355
|
gap: 8px;
|
|
356
356
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
357
357
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
358
|
-
`,
|
|
358
|
+
`,Na=Et.div`
|
|
359
359
|
width: 18px;
|
|
360
360
|
height: 18px;
|
|
361
361
|
border-radius: 6px;
|
|
@@ -369,9 +369,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
369
369
|
&:hover {
|
|
370
370
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
371
371
|
}
|
|
372
|
-
`,
|
|
372
|
+
`,Ia=({title:e,titleColor:t,tooltip:n,value:o=!1,partiallyChecked:i=!1,onChange:a,disabled:r,style:s,errorMessage:l,allowPropagation:d=!1})=>{const c=ci.useTheme(),[p,u]=mt(o);return ht(()=>u(o),[o]),ct.createElement($a,null,ct.createElement(Da,{"data-id":"checkbox"+(e?`-${e}`:""),$disabled:r,onClick:e=>{r||(d||e.stopPropagation(),a?a(!!i||!p):u(e=>!!i||!e))},style:s},ct.createElement(Na,{$isChecked:p,$isPartiallyChecked:i,$disabled:r},i?ct.createElement(He,{fill:c.text.white}):p?ct.createElement(qe,{fill:c.text.white}):null),e&&ct.createElement(Aa,{text:n,withIcon:!0},ct.createElement(gi,{size:12,color:t||c.text.grey,style:{maxWidth:"90%"}},e))),!!l&&ct.createElement($i,null,l))},Oa=Et(fa)`
|
|
373
373
|
gap: 0;
|
|
374
|
-
`,
|
|
374
|
+
`,_a=Et.button`
|
|
375
375
|
padding: 4px 8px;
|
|
376
376
|
background-color: ${({theme:e,$selected:t})=>t?e.colors.dropdown_bg_2:"transparent"};
|
|
377
377
|
border-radius: ${({$position:e})=>"left"===e?"32px 0px 0px 32px":"right"===e?"0px 32px 32px 0px":"0"};
|
|
@@ -383,22 +383,22 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
383
383
|
&:hover {
|
|
384
384
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
385
385
|
}
|
|
386
|
-
`,
|
|
386
|
+
`,za=({isPrettyMode:e,setIsPrettyMode:t})=>ct.createElement(Oa,null,ct.createElement(_a,{$position:"left",$selected:e,onClick:()=>t(!0)},ct.createElement(Ge,null)),ct.createElement(_a,{$position:"right",$selected:!e,onClick:()=>t(!1)},ct.createElement(Ye,null))),Ra=Et.table`
|
|
387
387
|
border-collapse: collapse;
|
|
388
388
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
389
|
-
`,
|
|
389
|
+
`,Fa=Et.tbody``,La=Et.tr`
|
|
390
390
|
td:first-child {
|
|
391
391
|
padding-left: 0 !important;
|
|
392
392
|
}
|
|
393
393
|
td:last-child {
|
|
394
394
|
padding-right: 0 !important;
|
|
395
395
|
}
|
|
396
|
-
`,
|
|
396
|
+
`,Pa=Et.td`
|
|
397
397
|
vertical-align: top;
|
|
398
398
|
padding: 4px 6px;
|
|
399
|
-
`,
|
|
399
|
+
`,Ma=Et(gi)`
|
|
400
400
|
white-space: nowrap;
|
|
401
|
-
`,
|
|
401
|
+
`,Ba=Et.span`
|
|
402
402
|
white-space: ${({$noWrap:e})=>e?"nowrap":"pre-wrap"};
|
|
403
403
|
overflow-wrap: break-word;
|
|
404
404
|
word-break: break-word;
|
|
@@ -406,12 +406,12 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
406
406
|
/* Fallback for older browsers */
|
|
407
407
|
-ms-word-break: break-all;
|
|
408
408
|
font-size: 12px;
|
|
409
|
-
`,
|
|
409
|
+
`,ja=({language:e,code:t,flatten:n,pretty:o})=>{const{darkMode:i}=ci.useTheme();let a="";if("json"===e){const e=po(t,{}),o=Ao(e);a=Do(n?jn(o):o)}else a=t;return o&&"json"===e?ct.createElement(Ua,{darkMode:i,str:a}):ct.createElement(Lt,{theme:i?Pt.palenight:Pt.vsLight,language:e,code:a},({getLineProps:e,getTokenProps:t,tokens:n})=>ct.createElement("pre",null,n.map((n,o)=>ct.createElement("div",{key:`line-${o}`,...e({line:n})},n.map((e,n)=>ct.createElement(Ba,{key:`line-${o}-token-${n}`,...t({token:e})}))))))},Ua=({darkMode:e,str:t})=>{const n=ci.useTheme();return ct.createElement(Lt,{theme:e?Pt.palenight:Pt.vsLight,language:"json",code:t},({getLineProps:e,getTokenProps:t,tokens:o})=>ct.createElement(Ra,null,ct.createElement(Fa,null,o.map((o,i)=>{const a=(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}})})(o),r=e({line:a});return 1===a.length&&"property"===a[0].types[0]?ct.createElement(pt,{key:`line-${i}`},((e,t)=>{const o=new Array(2).fill(e=>ct.createElement(La,{...e},ct.createElement(Pa,null),ct.createElement(Pa,null)));return ct.createElement(pt,null,o.map((e,o)=>ct.createElement(e,{key:`empty-row-${t}-${o}`,style:0===o?{borderBottom:`1px solid ${n.colors.border}`}:{}})))})(0,i),ct.createElement(La,{...r},ct.createElement(Pa,null,ct.createElement(Ma,null,a[0].content)),ct.createElement(Pa,null))):2===a.length?ct.createElement(La,{key:`line-${i}`,...r},a.map((e,o)=>{const{text:a,components:r}=((e,t)=>{const[n,...o]=e.split("@");return{text:n,components:o?.map((e,n)=>{if(!e.includes("="))return null;const[o,i]=e.split("=");switch(o){case"tooltip":return ct.createElement(Aa,{key:`${o}-${i}-${n}`,withIcon:!0,text:i});case"status":if("none"===i)return ct.createElement("div",{key:`${o}-${i}-${n}`,style:{width:16,height:16}});let e=ro(i,t);return e||(e=ro(rn.Warning,t)),ct.createElement(e,{key:`${o}-${i}-${n}`});default:return null}})?.filter(e=>!!e)||[]}})(e.content,n),s=0===o;return ct.createElement(Pa,{key:`line-${i}-token-${o}`},ct.createElement(fa,null,ct.createElement(fa,null,r),ct.createElement(Ba,{$noWrap:s,...t({token:e})},a)))})):(a.length,null)}))))},Wa={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 Va(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 Wa[o]?{value:t,unit:o}:{value:t,unit:"px"}}function Ha(e){const t=Va(e);return`${t.value}${t.unit}`}const qa=(()=>{const e="react-spinners-FadeLoader-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})(),Ga=({loading:e=!0,color:t,scale:n=1,speedMultiplier:o=1,cssOverride:i={},style:a={},...r})=>{const s=ci.useTheme(),l=t||s.text.secondary;if(!e)return null;const{value:d}=Va(2),c=d+4.2,p=c/2+c/5.5,u=4*c*n,m={position:"relative",width:`${u}px`,height:`${u}px`,scale:n,...a,...i},h=(e,t)=>({position:"absolute",width:Ha(1.5),height:Ha(4),borderRadius:Ha(2),backgroundColor:l,transition:"2s",animationFillMode:"both",animation:`${qa} ${1.2/o}s ${.12*e}s infinite ease-in-out`,transform:`translate(-50%, -50%) rotate(${t}deg)`});return ct.createElement("span",{style:m,...r},ct.createElement("span",{style:{...h(1,0),top:`calc(50% + ${c}px)`,left:"50%"}}),ct.createElement("span",{style:{...h(2,-45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${p}px)`}}),ct.createElement("span",{style:{...h(3,90),top:"50%",left:`calc(50% + ${c}px)`}}),ct.createElement("span",{style:{...h(4,45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${p}px)`}}),ct.createElement("span",{style:{...h(5,0),top:`calc(50% + ${-1*c}px)`,left:"50%"}}),ct.createElement("span",{style:{...h(6,-45),top:`calc(50% + ${-1*p}px)`,left:`calc(50% + ${-1*p}px)`}}),ct.createElement("span",{style:{...h(7,90),top:"50%",left:`calc(50% + ${-1*c}px)`}}),ct.createElement("span",{style:{...h(8,45),top:`calc(50% + ${p}px)`,left:`calc(50% + ${-1*p}px)`}}))},Ya=Et.div`
|
|
410
410
|
margin: ${({$align:e})=>"right"===e?"auto 6px auto auto":"left"===e?"auto auto auto 6px":"auto"};
|
|
411
411
|
display: flex;
|
|
412
412
|
align-items: center;
|
|
413
413
|
justify-content: center;
|
|
414
|
-
`,
|
|
414
|
+
`,Ja=({extend:e,size:t=14,align:n="center"})=>ct.createElement(Ya,{$align:n},ct.createElement(Je,{size:t,rotate:e?180:0})),Ka=Et.div`
|
|
415
415
|
border-radius: 24px;
|
|
416
416
|
background-color: ${({theme:e,$status:t})=>t===rn.Error?e.text.error+ci.opacity.hex["010"]:t===rn.Warning?e.text.warning+ci.opacity.hex["010"]:e.colors.secondary+ci.opacity.hex["005"]};
|
|
417
417
|
&:hover {
|
|
@@ -419,31 +419,31 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
419
419
|
}
|
|
420
420
|
cursor: pointer;
|
|
421
421
|
transition: background 0.3s;
|
|
422
|
-
`,
|
|
422
|
+
`,Xa=Et.div`
|
|
423
423
|
display: flex;
|
|
424
424
|
align-items: center;
|
|
425
425
|
gap: 12px;
|
|
426
426
|
padding: 12px 18px;
|
|
427
|
-
`,
|
|
427
|
+
`,Qa=Et.div`
|
|
428
428
|
display: flex;
|
|
429
429
|
flex-direction: column;
|
|
430
430
|
gap: 8px;
|
|
431
431
|
padding: 6px 18px 12px 18px;
|
|
432
|
-
`,
|
|
432
|
+
`,Za=Et.div`
|
|
433
433
|
display: flex;
|
|
434
434
|
align-items: center;
|
|
435
435
|
gap: 12px;
|
|
436
|
-
`,
|
|
436
|
+
`,er=Et(gi)`
|
|
437
437
|
white-space: nowrap;
|
|
438
|
-
`,
|
|
438
|
+
`,tr=Et($a)`
|
|
439
439
|
width: 16px;
|
|
440
|
-
`,
|
|
440
|
+
`,nr=({conditions:e,headerLabelError:t="Something Failed",headerLabelWarning:n="Something isn't right",headerLabelSuccess:o="Everything Successful"})=>{const i=ci.useTheme(),[a,r]=mt(!1),s=ut(()=>ko(e),[e]),{errors:l,hasErrors:d,warnings:c,hasWarnings:p,hasDisableds:u,hasLoadings:m}=ut(()=>Vn(s),[s]);ht(()=>{r(d||p||u||m)},[d,p,u,m]);const h=(!s.length||m)&&!d&&!p&&!u,g=d?rn.Error:p?rn.Warning:u?rn.Info:rn.Success,x=ro(g,i),f=d?t:p||u?n:h?"Loading...":o,$=d?i.text.error:p?i.text.warning:i.text.info,y=`(${d?l.length:p?c.length:s.length}/${s.length})`,b=d?i.text.error_secondary:p?i.text.warning_secondary:i.text.info_secondary,w=ft(()=>r(e=>!e),[]);return ct.createElement(Ka,{onClick:w,$status:g},ct.createElement(Xa,null,h?ct.createElement(Ga,null):ct.createElement(x,null),ct.createElement(gi,{color:$,size:14},f),ct.createElement(gi,{color:b,size:12,family:"secondary"},y),ct.createElement(Ja,{extend:a,align:"right"})),a&&ct.createElement(Qa,null,s.map(({status:e,type:t,reason:n,message:o,lastTransitionTime:a},r)=>{const s=e===ln.Loading?()=>ct.createElement(Ga,{scale:.8}):e===ln.Disabled?ro(rn.Info,i):ro(e,i),l=e===ln.Disabled?i.text.info:e===rn.Error?i.text.error:e===rn.Warning?i.text.warning:i.text.info,d=e===ln.Disabled?i.text.info_secondary:e===rn.Error?i.text.error_secondary:e===rn.Warning?i.text.warning_secondary:i.text.info_secondary;return ct.createElement(Za,{key:`condition-${r}`},ct.createElement(tr,null,ct.createElement(s,null)),ct.createElement(fa,{$gap:12,style:{width:"100%",justifyContent:"space-between"}},ct.createElement(gi,{color:l,size:12},ct.createElement(er,{color:d,size:12,weight:700},t),o||n),ct.createElement(er,{color:l,size:12},new Date(a).toLocaleString())))})))},or=Et.div`
|
|
441
441
|
width: ${({$orientation:e,$thickness:t,$length:n})=>"vertical"===e?`${t}px`:n||"100%"};
|
|
442
442
|
height: ${({$orientation:e,$thickness:t,$length:n})=>"horizontal"===e?`${t}px`:n||"100%"};
|
|
443
443
|
margin: ${({$orientation:e,$margin:t})=>t||("horizontal"===e?"8px 0":"0 8px")};
|
|
444
444
|
background-color: ${({$type:e,theme:t})=>(e?t.text[e]:t.colors.border)+ci.opacity.hex["050"]};
|
|
445
445
|
opacity: ${({$opacity:e})=>e||1};
|
|
446
|
-
`,
|
|
446
|
+
`,ir=({orientation:e="horizontal",type:t,thickness:n=1,length:o,margin:i,opacity:a})=>ct.createElement(or,{$orientation:e,$type:t,$thickness:n,$length:o,$margin:i,$opacity:a}),ar=Et.div`
|
|
447
447
|
display: flex;
|
|
448
448
|
align-items: center;
|
|
449
449
|
gap: ${({$size:e})=>e/3}px;
|
|
@@ -452,13 +452,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
452
452
|
border-radius: 360px;
|
|
453
453
|
border: ${({$withBorder:e,$status:t,theme:n})=>e?`1px solid ${n.text[t]+ci.opacity.hex["050"]}`:"none"};
|
|
454
454
|
background: ${({$withBackground:e,$status:t,theme:n})=>e?`linear-gradient(90deg, transparent 0%, ${n.text[t]+ci.opacity.hex["030"]} 100%)`:"transparent"};
|
|
455
|
-
`,
|
|
455
|
+
`,rr=Et.div`
|
|
456
456
|
display: flex;
|
|
457
457
|
align-items: center;
|
|
458
|
-
`,
|
|
458
|
+
`,sr=Et.div`
|
|
459
459
|
display: flex;
|
|
460
460
|
align-items: center;
|
|
461
|
-
`,
|
|
461
|
+
`,lr=({title:e,subtitle:t,status:n=rn.Default,forceIcon:o,withIcon:i,withBorder:a,withBackground:r,width:s,size:l=12,family:d="secondary",nowrap:c=!1})=>{const p=ci.useTheme(),u=[ln.Loading,ln.Disabled].includes(n)?rn.Info:n,m=o?()=>ct.createElement(o,{size:l+2,fill:p.text[u]}):n===ln.Loading?()=>ct.createElement(Ga,{scale:.8}):()=>ro(u,p)?.({size:l+2});return ct.createElement(ar,{$status:u,$width:s,$size:l,$withIcon:i,$withBorder:a,$withBackground:r},i&&ct.createElement(rr,null,ct.createElement(m,null)),(!!e||!!t)&&ct.createElement(sr,null,!!e&&ct.createElement(gi,{size:l,family:d,color:p.text[u],nowrap:c},e),!!e&&!!t&&ct.createElement(ir,{orientation:"vertical",length:l-2+"px",type:u}),!!t&&ct.createElement(gi,{size:l-2,family:d,color:p.text[`${u}_secondary`],nowrap:c},t)))},dr=({label:e,onClick:t,variant:n="tertiary",textProps:o,...i})=>{const a=ci.useTheme();return ct.createElement(Mi,{onClick:t,variant:n,...i},ct.createElement(Ke,{fill:"primary"===n?a.text.primary:a.text.info}),ct.createElement(gi,{size:14,family:"secondary",decoration:"underline",color:"primary"===n?a.text.primary:void 0,...o},e||Po.ADD))},cr=Et.button`
|
|
462
462
|
position: relative;
|
|
463
463
|
width: ${({$size:e})=>e}px;
|
|
464
464
|
height: ${({$size:e})=>e}px;
|
|
@@ -472,7 +472,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
472
472
|
&:hover {
|
|
473
473
|
background-color: ${({theme:e,$backgroundColor:t})=>t?t+ci.opacity.hex["070"]:e.colors.dropdown_bg_2};
|
|
474
474
|
}
|
|
475
|
-
`,
|
|
475
|
+
`,pr=Et.div`
|
|
476
476
|
position: absolute;
|
|
477
477
|
top: ${({$size:e})=>e/5}px;
|
|
478
478
|
right: ${({$size:e})=>e/5}px;
|
|
@@ -489,7 +489,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
489
489
|
background-color: ${({theme:e,$color:t})=>t||e.colors.secondary};
|
|
490
490
|
animation: ${ci.animations.ping} 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
491
491
|
}
|
|
492
|
-
`,
|
|
492
|
+
`,ur=({children:e,onClick:t,tooltip:n,size:o=36,withPing:i,pingColor:a,withBorder:r,backgroundColor:s,...l})=>ct.createElement(Aa,{text:n},ct.createElement(cr,{$size:o,$withBorder:r,$backgroundColor:s,onClick:t,...l},i&&ct.createElement(pr,{$size:o,$color:a}),e)),mr=Et(fa)`
|
|
493
493
|
width: 100%;
|
|
494
494
|
border-radius: 8px;
|
|
495
495
|
background-color: ${({theme:e})=>e.colors.secondary+ci.opacity.hex["010"]};
|
|
@@ -500,7 +500,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
500
500
|
width: 100%;
|
|
501
501
|
padding-left: 12px;
|
|
502
502
|
}
|
|
503
|
-
`,
|
|
503
|
+
`,hr=({value:e,callbackCopyDone:t})=>{const{clickCopy:n,isCopied:o}=Zi();return ct.createElement(mr,null,ct.createElement("pre",null,e),ct.createElement(ur,{onClick:o=>{o.stopPropagation(),n(e),t?.()},tooltip:o?"Copied!":"Copy"},o?ct.createElement(qe,null):ct.createElement(Xe,null)))},gr=({label:e,onClick:t,variant:n="tertiary",...o})=>{const i=ci.useTheme();return ct.createElement(Mi,{onClick:t,variant:n,...o},ct.createElement(Qe,{fill:"primary"===n?i.text.primary:i.text.info}),ct.createElement(gi,{size:14,family:"secondary",decoration:"underline",color:"primary"===n?i.text.primary:void 0},e||Po.EDIT))},xr=({onClick:e})=>ct.createElement(pc,{type:rn.Default,icon:Ve,message:Lo.QUICK_BACK_TO_SUMMARY,action:{label:Lo.GO_TO_SUMMARY,onClick:e}}),fr=Et(gi)`
|
|
504
504
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
505
505
|
white-space: nowrap;
|
|
506
506
|
overflow-x: auto;
|
|
@@ -510,7 +510,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
510
510
|
content: '';
|
|
511
511
|
display: block;
|
|
512
512
|
}
|
|
513
|
-
|
|
513
|
+
`,$r=({maxWidth:e,text:t,textSize:n=16,textColor:o})=>{const[i,a]=mt(!1),r=gt(null);return ht(()=>{if(r.current){const{clientWidth:t}=r.current;a(t<1.05*(e-n)&&t>.95*(e-n))}},[e,n,t]),ct.createElement(fa,{$gap:0},t&&ct.createElement(Aa,{text:i?t:void 0},ct.createElement(fr,{ref:r,$maxWidth:e-n,size:n,color:o},t)),i&&ct.createElement(fr,{$maxWidth:n,size:n,color:o},"..."))},yr=({src:e="",alt:t="",size:o=16})=>{const[i,a]=mt(!1);return e&&!i?ct.createElement("img",{src:e,alt:t,width:o,height:o,onError:()=>a(!0)}):ct.createElement(n,{size:o})},br=Et.div`
|
|
514
514
|
display: flex;
|
|
515
515
|
align-items: center;
|
|
516
516
|
justify-content: center;
|
|
@@ -518,7 +518,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
518
518
|
height: ${({$size:e})=>e}px;
|
|
519
519
|
border-radius: 8px;
|
|
520
520
|
background: ${({$status:e,theme:t})=>{const n=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${n} 0%, ${n+ci.opacity.hex["030"]} 100%)`}};
|
|
521
|
-
`,
|
|
521
|
+
`,wr=({icon:e,src:t="",alt:o="",status:i,size:a=36})=>ct.createElement(br,{$status:i,$size:a},t?ct.createElement(yr,{src:t,alt:o,size:a-12}):e?ct.createElement(e,{size:a-12}):ct.createElement(n,{size:a-12})),kr=Et.div`
|
|
522
522
|
position: relative;
|
|
523
523
|
display: flex;
|
|
524
524
|
flex-wrap: wrap;
|
|
@@ -526,7 +526,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
526
526
|
justify-content: center;
|
|
527
527
|
width: ${({$size:e})=>e}px;
|
|
528
528
|
height: ${({$size:e})=>e}px;
|
|
529
|
-
`,
|
|
529
|
+
`,vr=Et.div`
|
|
530
530
|
position: absolute;
|
|
531
531
|
top: ${({$top:e})=>e}px;
|
|
532
532
|
left: ${({$left:e})=>e}px;
|
|
@@ -539,9 +539,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
539
539
|
border-radius: 100%;
|
|
540
540
|
border: 1px solid ${({theme:e,$status:t})=>(t?e.text[t]:e.colors.border)+ci.opacity.hex["030"]};
|
|
541
541
|
background: ${({$status:e,theme:t})=>{const n=t.colors[e||"dropdown_bg_2"];return`linear-gradient(180deg, ${n} 0%, ${n+ci.opacity.hex["030"]} 100%)`}};
|
|
542
|
-
`,
|
|
542
|
+
`,Er=({icons:e=[],iconSrcs:t=[],status:n,size:o=36,id:i})=>{const a=ci.useTheme(),r=1===e.length||1===t.length?o-12:o/2.7;if(t.length>0)return ct.createElement(Er,{icons:t.map(e=>()=>ct.createElement(yr,{src:e,size:r})),status:n,size:o,id:i});if(1===e.length)return ct.createElement(wr,{icon:e[0],status:n,size:o});const s=t=>e.length<=2?.5*r:0===t||1===t?0:1.15*r,l=e=>0===e?0:1===e?1.15*r:1.15*r*.5;return ct.createElement(kr,{$status:n,$size:o},e.map((t,o)=>o>2?null:ct.createElement(vr,{key:`icon-${i}-${o}`,$status:n,$size:1.5*r,$top:s(o),$left:l(o),$zIndex:o+1},2===o&&e.length>3?ct.createElement(gi,{family:"secondary",color:a.text.dark_grey,size:.8*r},"+",e.length-2):ct.createElement(t,{size:r}))))},Sr=Nn.map(({id:e})=>e),Cr=({monitors:e=Sr,withTooltips:t,withLabels:n,size:o=12,color:i})=>{const a=ci.useTheme(),r=i||a.text.grey;return ct.createElement(fa,{$gap:n?o:o/2},e.filter(e=>!!e).map(e=>{const i=e.toLowerCase(),a=In(i),s=to(i);return s?ct.createElement(Aa,{key:i,text:t?a:""},ct.createElement(fa,{$gap:o/3},ct.createElement(s,{size:n?o+2:o,fill:r}),n&&ct.createElement(gi,{size:o,color:r},a))):null}))},Tr=Et.div`
|
|
543
543
|
visibility: hidden;
|
|
544
|
-
`,
|
|
544
|
+
`,Ar=Et.div`
|
|
545
545
|
display: flex;
|
|
546
546
|
flex-direction: column;
|
|
547
547
|
align-self: stretch;
|
|
@@ -555,41 +555,41 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
555
555
|
&:hover {
|
|
556
556
|
cursor: pointer;
|
|
557
557
|
background-color: ${n||(t?e.text[t]+ci.opacity.hex["020"]:e.colors.secondary+ci.opacity.hex["010"])};
|
|
558
|
-
${
|
|
558
|
+
${Tr} {
|
|
559
559
|
visibility: visible;
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
`:`\n &:hover {\n ${
|
|
563
|
-
`,
|
|
562
|
+
`:`\n &:hover {\n ${Tr} {\n visibility: visible;\n }\n }\n `}
|
|
563
|
+
`,Dr=Et.div`
|
|
564
564
|
display: flex;
|
|
565
565
|
align-items: center;
|
|
566
566
|
gap: 8px;
|
|
567
567
|
margin-left: auto;
|
|
568
|
-
`,Dr=Et(gi)`
|
|
569
|
-
margin-right: 16px;
|
|
570
568
|
`,Nr=Et(gi)`
|
|
569
|
+
margin-right: 16px;
|
|
570
|
+
`,Ir=Et(gi)`
|
|
571
571
|
font-size: 10px;
|
|
572
572
|
color: ${({theme:e})=>e.text.grey};
|
|
573
|
-
`,
|
|
573
|
+
`,Or=({title:e,subTitle:t,hoverText:n,onClick:o,renderActions:i,iconProps:{icon:a,icons:r,iconSrc:s,iconSrcs:l}={},visualProps:{status:d,faded:c,bgColor:p,bgColorHover:u,monitors:m,monitorsWithLabels:h,componentsUnderTitles:g}={},checkboxProps:{withCheckbox:x,isCheckboxDisabled:f,isChecked:$,isLoading:y,onCheckboxChange:b}={},extendableProps:{withExtend:w,isExtended:k,renderExtended:v}={},...E})=>{const S=ci.useTheme(),[C,T]=mt(k||!1),[A,D]=mt(0),N=gt(null),I=gt(null),O=gt(null);return ht(()=>{if(N.current){const e=N.current.clientWidth,t=I.current?.clientWidth||0;D(e-((x?125:85)+t))}},[x]),ct.createElement(Ar,{ref:N,$status:d,$faded:c,$bgColor:p,$bgColorHover:u,$withClick:!!o,onClick:o,...E},ct.createElement(fa,{$gap:8},ct.createElement(fa,{$gap:16},y?ct.createElement(Ga,null):x?ct.createElement(Ia,{value:$,onChange:b,disabled:f}):null,r?.length||l?.length?ct.createElement(Er,{icons:r,iconSrcs:l,status:d,id:`${e}-${t}`}):a||s?ct.createElement(wr,{icon:a,src:s,status:d}):null),ct.createElement($a,{$gap:4},e&&ct.createElement($r,{maxWidth:A,text:e,textSize:14}),ct.createElement(fa,{$gap:4},t&&ct.createElement($r,{maxWidth:A-(O.current?.clientWidth||0),text:t,textSize:10,textColor:S.text.grey}),m&&m.length>0&&ct.createElement(fa,{$gap:4,ref:O},t&&ct.createElement(Ir,null,"•"),ct.createElement(Cr,{monitors:m,withLabels:h,size:10}))),g&&g.length>0?ct.createElement(fa,{$gap:4},g?.map((e,t)=>ct.createElement(pt,{key:`componentsUnderTitles-${t}`},e))):null),ct.createElement(Dr,{ref:I},!!n&&ct.createElement(Tr,null,ct.createElement(Nr,{size:14,family:"secondary"},n)),i&&i(),w&&ct.createElement(pt,null,ct.createElement(ir,{orientation:"vertical",length:"16px",margin:"0 2px"}),ct.createElement(ur,{onClick:()=>T(e=>!e)},ct.createElement(Ja,{extend:C}))))),C&&v&&ct.createElement($a,null,ct.createElement(ir,{margin:"16px 0"}),v()))},_r=Et(fa)`
|
|
574
574
|
width: 100%;
|
|
575
575
|
justify-content: space-between;
|
|
576
|
-
`,
|
|
576
|
+
`,zr=Et(gi)`
|
|
577
577
|
font-size: 12px;
|
|
578
578
|
color: ${({theme:e})=>e.text.grey};
|
|
579
|
-
`,
|
|
579
|
+
`,Rr=Et(gi)`
|
|
580
580
|
font-size: 10px;
|
|
581
581
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
582
|
-
`,
|
|
582
|
+
`,Fr=Et.div`
|
|
583
583
|
display: flex;
|
|
584
584
|
align-items: center;
|
|
585
585
|
gap: 8px;
|
|
586
586
|
margin-left: auto;
|
|
587
|
-
`,
|
|
587
|
+
`,Lr=Et(gi)`
|
|
588
588
|
font-size: 12px;
|
|
589
589
|
text-align: right;
|
|
590
|
-
`,
|
|
590
|
+
`,Pr=({title:e,subTitle:t,tooltip:n,value:o})=>ct.createElement(_r,null,ct.createElement($a,{$gap:4},ct.createElement(Aa,{text:n||""},e&&ct.createElement(zr,null,e),t&&ct.createElement(Rr,null,t))),ct.createElement(Fr,null,o?.status?ct.createElement(lr,{status:"transitioning"===o.status?ln.Loading:o.status,title:o.text||o.status,withBorder:!0,withIcon:!0}):ct.createElement(Lr,null,o?.text||"-"))),Mr=Et($a)`
|
|
591
591
|
width: 100%;
|
|
592
|
-
`,
|
|
592
|
+
`,Br=({containerName:e,actualDevices:t,started:n,ready:o,instrumentationInstances:i})=>{const a=ut(()=>{const e=[];return n?.name&&e.push(ct.createElement(lr,{status:fo(n.value)?Co(n.value)?rn.Success:rn.Error:rn.Default,title:n.name,withIcon:!0,withBorder:!0,size:8})),o?.name&&e.push(ct.createElement(lr,{status:fo(o.value)?Co(o.value)?rn.Success:rn.Error:rn.Default,title:o.name,withIcon:!0,withBorder:!0,size:8})),e},[n?.name,n?.value,o?.name,o?.value]);return ct.createElement(Or,{title:e.value,subTitle:i.length?`${i.length} Instrumented Processes`:void 0,visualProps:{componentsUnderTitles:a},renderActions:()=>ct.createElement(lr,{status:rn.Info,title:"Instrumentation Device",subtitle:t.value&&"[]"!==t.value?t.value:"none",withBorder:!0}),extendableProps:{isExtended:!!i.length,renderExtended:()=>ct.createElement(Mr,{$gap:24},i.map((e,t)=>ct.createElement(Mr,{key:`process-${t}`,$gap:8},ct.createElement(Pr,{title:`Instrumented Process #${t+1}`,subTitle:e.message?.value||"",value:{status:e.healthy.status,text:e.healthy.status===rn.Success?"healthy":"unhealthy"}}),e.identifyingAttributes?.map(({name:e,value:t})=>ct.createElement(Pr,{key:`describe-${e}-${t}`,title:e,subTitle:"",value:{text:t,status:void 0}})))))}})};var jr={nodeWidth:295,nodeHeight:80,framePadding:12};const Ur=Et($a)`
|
|
593
593
|
align-items: center !important;
|
|
594
594
|
justify-content: center !important;
|
|
595
595
|
align-self: stretch;
|
|
@@ -608,28 +608,28 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
608
608
|
&:hover {
|
|
609
609
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2+ci.opacity.hex["030"]};
|
|
610
610
|
}
|
|
611
|
-
`,
|
|
611
|
+
`,Wr=Et(fa)`
|
|
612
612
|
gap: 4px;
|
|
613
|
-
`,
|
|
613
|
+
`,Vr=Et(gi)`
|
|
614
614
|
font-size: 14px;
|
|
615
615
|
font-weight: 600;
|
|
616
|
-
`,
|
|
616
|
+
`,Hr=Et(gi)`
|
|
617
617
|
font-size: 12px;
|
|
618
618
|
color: ${({theme:e})=>e.text.grey};
|
|
619
619
|
text-align: center;
|
|
620
|
-
`,
|
|
620
|
+
`,qr=$t(({id:e,data:t})=>{const{nodeWidth:n,title:o,subTitle:i}=t,{isThisPending:a}=Xo(),r=e.split("-")[0],s=a({entityType:r});return ct.createElement(Ur,{$nodeWidth:n,className:"nowheel nodrag"},s?ct.createElement(pt,null,ct.createElement(Wr,null,ct.createElement(Ga,null),ct.createElement(Vr,{family:"secondary"},"adding ",r,"s")),ct.createElement(Hr,null,"Just a few more seconds...")):ct.createElement(pt,null,ct.createElement(Wr,null,ct.createElement(Ke,null),ct.createElement(Vr,{family:"secondary",decoration:"underline"},o)),ct.createElement(Hr,null,i)),ct.createElement(Dt,{type:"target",position:Nt.Left,style:{visibility:"hidden"}}),ct.createElement(Dt,{type:"source",position:Nt.Right,style:{visibility:"hidden"}}))});qr.displayName=qr.name;const Gr=Et.div`
|
|
621
621
|
width: ${({$nodeWidth:e})=>`${e}px`};
|
|
622
|
-
`,
|
|
622
|
+
`,Yr=$t(({id:e,data:t})=>{const n=ci.useTheme(),{nodeWidth:o,id:i,type:a,status:r,faded:s,title:l,subTitle:d,icon:c,icons:p,iconSrc:u,iconSrcs:m,monitors:h,isActive:g,raw:x}=t,f=a===tn.Source,$="boolean"==typeof g,{isThisPending:y}=Xo(),b=y({entityType:a,entityId:i}),{selectedSources:w,setSelectedSources:k}=Qo(),v={...w},{namespace:E,name:S,kind:C}=x;f&&!v[E]&&(v[E]=[]);const T=f?v[E].findIndex(e=>e.name===S&&e.kind===C):-1;return ct.createElement(Gr,{"data-id":e,$nodeWidth:o,className:"nowheel nodrag"},ct.createElement(Or,{title:l,subTitle:d,onClick:()=>{},renderActions:()=>{const e=$&&!g?ro(rn.Info,n):r?ro(r,n):void 0,t=f&&(!x.conditions?.length||x.conditions?.some(({status:e})=>"loading"===e));return b?ct.createElement(Ga,null):e?ct.createElement(e,{size:20}):t?ct.createElement(Ga,null):null},iconProps:{icon:c,icons:p,iconSrc:u,iconSrcs:m},visualProps:{status:r,faded:s||$&&!g,monitors:h},checkboxProps:{withCheckbox:f,isChecked:-1!==T,onCheckboxChange:()=>{-1===T?v[E].push(x):v[E].splice(T,1),k(v)},isCheckboxDisabled:b}}),ct.createElement(Dt,{type:"target",position:Nt.Left,style:{visibility:"hidden"}}),ct.createElement(Dt,{type:"source",position:Nt.Right,style:{visibility:"hidden"}}))});Yr.displayName=Yr.name;const Jr=Et.div`
|
|
623
623
|
width: ${({$nodeWidth:e})=>`${e}px`};
|
|
624
624
|
height: ${({$nodeHeight:e})=>`${e}px`};
|
|
625
625
|
opacity: 0;
|
|
626
|
-
`,
|
|
626
|
+
`,Kr=$t(({data:e})=>{const{nodeWidth:t,nodeHeight:n}=e;return ct.createElement(Jr,{$nodeWidth:t,$nodeHeight:n,className:"nowheel nodrag"},ct.createElement(Dt,{type:"source",position:Nt.Right,style:{visibility:"hidden"}}),ct.createElement(Dt,{type:"target",position:Nt.Left,style:{visibility:"hidden"}}))});Kr.displayName=Kr.name;const Xr=Et.div`
|
|
627
627
|
width: ${({$nodeWidth:e})=>e}px;
|
|
628
628
|
height: ${({$nodeHeight:e})=>e}px;
|
|
629
629
|
background: transparent;
|
|
630
630
|
border: 1px dashed ${({theme:e})=>e.colors.border};
|
|
631
631
|
border-radius: 24px;
|
|
632
|
-
`,
|
|
632
|
+
`,Qr=$t(({data:e})=>{const{nodeWidth:t,nodeHeight:n}=e;return ct.createElement(Xr,{$nodeWidth:t,$nodeHeight:n,className:"nowheel nodrag"},ct.createElement(Dt,{type:"source",position:Nt.Right,style:{visibility:"hidden"}}),ct.createElement(Dt,{type:"target",position:Nt.Left,style:{visibility:"hidden"}}))});Qr.displayName=Qr.name;const{framePadding:Zr}=jr,es=Et.div`
|
|
633
633
|
position: relative;
|
|
634
634
|
z-index: 1;
|
|
635
635
|
width: fit-content;
|
|
@@ -638,9 +638,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
638
638
|
border: none;
|
|
639
639
|
overflow-y: auto;
|
|
640
640
|
overflow-x: hidden;
|
|
641
|
-
`,es=Et.div`
|
|
642
|
-
margin: ${Qr}px 0;
|
|
643
641
|
`,ts=Et.div`
|
|
642
|
+
margin: ${Zr}px 0;
|
|
643
|
+
`,ns=Et.div`
|
|
644
644
|
position: fixed;
|
|
645
645
|
bottom: 0;
|
|
646
646
|
left: 50%;
|
|
@@ -656,9 +656,9 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
656
656
|
justify-content: center;
|
|
657
657
|
|
|
658
658
|
pointer-events: none;
|
|
659
|
-
`,
|
|
659
|
+
`,os=$t(({data:e,...t})=>{const{nodeHeight:n,items:o,onScroll:i}=e,{onClickNode:a}=Ki(),r=gt(null),[s,l]=mt(!1);return ht(()=>{const e=e=>{e.stopPropagation();const{clientHeight:t,scrollHeight:n,scrollTop:o}=e.target||{clientHeight:0,scrollHeight:0,scrollTop:0};i&&i({clientHeight:t,scrollHeight:n,scrollTop:o}),l(n-o<=t)},{current:t}=r;return t?.addEventListener("scroll",e),()=>t?.removeEventListener("scroll",e)},[i]),ct.createElement(es,{ref:r,$nodeHeight:n,className:"nowheel nodrag"},o.map(e=>ct.createElement(ts,{key:e.id,onClick:t=>{t.stopPropagation(),a(t,e)}},ct.createElement(Yr,{...t,type:mn.Base,id:e.id,data:e.data}))),ct.createElement(ns,{$hide:s}))});os.displayName=os.name;const is=Et(gi)`
|
|
660
660
|
color: ${({theme:e})=>e.text.grey};
|
|
661
|
-
`,
|
|
661
|
+
`,as=({icon:e,title:t,badge:n,badgeTooltip:o,loading:i})=>ct.createElement(fa,{$gap:6},e&&ct.createElement(e,null),ct.createElement(is,{size:14},t),void 0!==n&&ct.createElement(Aa,{text:o},ct.createElement(Ri,{label:n})),i&&ct.createElement(Ga,null)),rs=Et.div`
|
|
662
662
|
position: relative;
|
|
663
663
|
width: ${({$nodeWidth:e})=>`${e}px`};
|
|
664
664
|
padding: 12px 0px 16px 0px;
|
|
@@ -666,15 +666,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
666
666
|
display: flex;
|
|
667
667
|
align-items: center;
|
|
668
668
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
669
|
-
`,
|
|
669
|
+
`,ss=Et(fa)`
|
|
670
670
|
margin-left: 16px;
|
|
671
|
-
`,
|
|
671
|
+
`,ls=Et(fa)`
|
|
672
672
|
margin-left: auto;
|
|
673
|
-
`,
|
|
673
|
+
`,ds=Et(Mi)`
|
|
674
674
|
width: 24px;
|
|
675
675
|
height: 24px;
|
|
676
676
|
padding: 0;
|
|
677
|
-
`,
|
|
677
|
+
`,cs=Et.div`
|
|
678
678
|
position: absolute;
|
|
679
679
|
bottom: -2px;
|
|
680
680
|
left: 0;
|
|
@@ -683,13 +683,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
683
683
|
height: 4px;
|
|
684
684
|
width: ${({percent:e})=>`${e}%`};
|
|
685
685
|
transition: width 0.3s;
|
|
686
|
-
`,
|
|
686
|
+
`,ps=$t(({id:e,data:t})=>{const{nodeWidth:n,title:o,icon:i,badge:a,badgeTooltip:r,isFetching:s,sources:l}=t,d=e.split("-")[0],{isAwaitingInstrumentation:c,sourcesToCreate:p,sourcesCreated:u,sourcesToDelete:m,sourcesDeleted:h}=Go(),g=d===tn.Source&&c,x=(p?Math.floor(100/p*u):m?Math.floor(100/m*h):0)||1,{selectedSources:f,setSelectedSources:$}=Qo(),{isThisPending:y}=Xo(),[b,w]=ut(()=>{let e=0;return Object.values(f).forEach(t=>{e+=t.length}),[0!==e,e]},[f]);return ct.createElement(rs,{$nodeWidth:n,className:"nowheel nodrag"},d===tn.Source&&ct.createElement(ss,null,ct.createElement(Ia,{partiallyChecked:b&&l?.length!==w,value:b&&l?.length===w,onChange:e=>{if(e){const e={};l?.forEach(t=>{const n={namespace:t.namespace,name:t.name,kind:t.kind};y({entityType:tn.Source,entityId:n})||(e[t.namespace]?e[t.namespace].push(t):e[t.namespace]=[t])}),$(e)}else $({})},disabled:!l?.length})),ct.createElement(as,{icon:i,title:o,badge:g?`${x}%`:a,badgeTooltip:r,loading:s&&!g}),ct.createElement(us,{entityType:d}),g&&ct.createElement(cs,{percent:x}))}),us=$t(({entityType:e})=>{const t=ci.useTheme(),{onClickNode:n}=Ki();return ct.createElement(ls,null,ct.createElement(ds,{"data-id":`add-${e}`,variant:"primary",onClick:t=>{t.stopPropagation(),n(void 0,{data:{type:e===tn.Source?gn.AddSource:e===tn.Destination?gn.AddDestination:e===tn.Action?gn.AddAction:gn.AddRule}})}},ct.createElement(Ke,{fill:t.colors.primary,size:18})))});ps.displayName=ps.name,us.displayName=us.name;const ms=Et($a)`
|
|
687
687
|
max-width: 300px;
|
|
688
688
|
padding: 12px;
|
|
689
689
|
border-radius: 12px;
|
|
690
690
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
691
691
|
justify-content: center;
|
|
692
|
-
`,
|
|
692
|
+
`,hs=$t(({id:e,data:t})=>{const{title:n,subTitle:o}=t;return ct.createElement(ms,{"data-id":e},ct.createElement(td,{title:n,subTitle:o}))});hs.displayName=hs.name;const gs=Et.div`
|
|
693
693
|
position: absolute;
|
|
694
694
|
transform: ${({$labelX:e,$labelY:t})=>`translate(-50%, -50%) translate(${e}px, ${t}px)`};
|
|
695
695
|
z-index: 1;
|
|
@@ -706,20 +706,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
706
706
|
display: flex;
|
|
707
707
|
align-items: center;
|
|
708
708
|
justify-content: center;
|
|
709
|
-
`,
|
|
709
|
+
`,xs=$t(({id:e,sourceX:t,sourceY:n,targetX:o,targetY:i,sourcePosition:a,targetPosition:r,data:s,style:l})=>{const[d]=It({sourceX:t,sourceY:n,sourcePosition:a,targetX:o,targetY:i,targetPosition:r});return ct.createElement(ct.Fragment,null,ct.createElement(Ot,{id:e,path:d,style:l}),ct.createElement(_t,null,ct.createElement(gs,{$labelX:s?.isMultiTarget?o-50:t+50,$labelY:s?.isMultiTarget?i:n,$isError:s?.isError,className:"nodrag nopan"},ct.createElement(Aa,{text:"Heads up! The data-flow metrics you see are calculated over 10-second intervals."},s?.label))))});xs.displayName=xs.name;const fs=Et.div`
|
|
710
710
|
padding: 6px;
|
|
711
711
|
border-radius: 12px;
|
|
712
712
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
713
713
|
cursor: pointer;
|
|
714
|
-
|
|
714
|
+
`,$s=Et.div`
|
|
715
715
|
position: relative;
|
|
716
|
-
|
|
716
|
+
`,ys=Et(fa)`
|
|
717
717
|
position: absolute;
|
|
718
718
|
bottom: -24px;
|
|
719
719
|
left: 50%;
|
|
720
720
|
transform: translateX(-50%);
|
|
721
721
|
gap: 4px;
|
|
722
|
-
`,
|
|
722
|
+
`,bs=Et.div`
|
|
723
723
|
position: absolute;
|
|
724
724
|
bottom: 100%;
|
|
725
725
|
left: 100%;
|
|
@@ -728,40 +728,40 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
728
728
|
border-radius: 16px;
|
|
729
729
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
730
730
|
background-color: ${({theme:e})=>e.colors.dropdown_bg};
|
|
731
|
-
`,
|
|
731
|
+
`,ws=({title:e,value:t})=>{const n=ci.useTheme();return ct.createElement(fa,{$justifyContent:"space-between"},ct.createElement(gi,{size:12,color:n.text.info},e),ct.createElement(gi,{size:12,family:"secondary"},t))},ks=$t(({id:e,data:t})=>{const{id:n,status:o,title:i,icons:a,serviceMapEntry:r}=t,{activeNodeType:s,activeNodeId:l}=jt(),d=ci.useTheme(),c=o===rn.Error?ro(o,d):null;return ct.createElement(ct.Fragment,null,ct.createElement(Dt,{type:"source",position:Nt.Bottom,style:{visibility:"hidden"}}),ct.createElement(Dt,{type:"target",position:Nt.Top,style:{visibility:"hidden"}}),ct.createElement($s,{"data-id":e},ct.createElement(fs,null,ct.createElement(Er,{id:n,icons:a,status:o})),ct.createElement(ys,null,c&&ct.createElement(c,null),ct.createElement($r,{maxWidth:100,text:i})),s===mn.MapItem&&l===e&&ct.createElement(bs,null,ct.createElement(fa,{$gap:12},ct.createElement(Er,{id:n,icons:a,status:o}),ct.createElement(gi,{size:20},i)),r&&r.services.length>0?r.services.map(({serviceName:e,requests:t,dateTime:o})=>ct.createElement("div",{key:`from-${n}-to-${e}`},ct.createElement(ir,null),ct.createElement(ws,{title:"Connected Service",value:e}),ct.createElement(ws,{title:"Outgoing Requests",value:t}),ct.createElement(ws,{title:"Last Requested At",value:new Date(o).toLocaleString()}))):ct.createElement(ct.Fragment,null,ct.createElement(ir,null),ct.createElement(td,{title:"No outgoing connections",subTitle:" "})))))});ks.displayName=ks.name;const vs=Et.div`
|
|
732
732
|
display: flex;
|
|
733
733
|
flex-direction: column;
|
|
734
734
|
gap: 16px;
|
|
735
735
|
${({$maxWidth:e})=>e&&`max-width: ${e};`}
|
|
736
|
-
`,
|
|
736
|
+
`,Es=Et.div`
|
|
737
737
|
display: flex;
|
|
738
738
|
align-items: center;
|
|
739
739
|
gap: 16px;
|
|
740
|
-
`,
|
|
740
|
+
`,Ss=Et.div`
|
|
741
741
|
width: 50px;
|
|
742
742
|
height: 50px;
|
|
743
743
|
border-radius: 8px;
|
|
744
744
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
745
745
|
background-size: 200% 100%;
|
|
746
746
|
animation: ${ci.animations.shimmer} 10s infinite linear;
|
|
747
|
-
`,
|
|
747
|
+
`,Cs=Et($a)`
|
|
748
748
|
flex: 1;
|
|
749
749
|
gap: 12px;
|
|
750
|
-
`,
|
|
750
|
+
`,Ts=Et.div`
|
|
751
751
|
width: ${({$width:e})=>e};
|
|
752
752
|
height: 16px;
|
|
753
753
|
background: ${({theme:e})=>`linear-gradient(90deg, ${e.colors.dropdown_bg_2} 25%, ${e.colors.dropdown_bg_2} 50%, ${e.colors.border} 75%)`};
|
|
754
754
|
background-size: 200% 100%;
|
|
755
755
|
animation: ${ci.animations.shimmer} 1.5s infinite linear;
|
|
756
756
|
border-radius: 4px;
|
|
757
|
-
`,
|
|
757
|
+
`,As=({size:e=5,maxWidth:t})=>ct.createElement(vs,{$maxWidth:t},[...Array(e)].map((e,t)=>ct.createElement(Es,{key:t},ct.createElement(Ss,null),ct.createElement(Cs,null,ct.createElement(Ts,{$width:"80%"}),ct.createElement(Ts,{$width:"100%"}))))),Ds=Et.div`
|
|
758
758
|
width: ${({$nodeWidth:e})=>`${e}px`};
|
|
759
|
-
`,
|
|
759
|
+
`,Ns=$t(({id:e,data:t})=>{const{nodeWidth:n}=t;return ct.createElement(Ds,{"data-id":e,$nodeWidth:n,className:"nowheel nodrag"},ct.createElement(As,{size:3}))});Ns.displayName=Ns.name;const Is=Et.div`
|
|
760
760
|
height: calc(100vh - 160px);
|
|
761
761
|
.react-flow__attribution {
|
|
762
762
|
visibility: hidden;
|
|
763
763
|
}
|
|
764
|
-
`,
|
|
764
|
+
`,Os=Et.div`
|
|
765
765
|
button {
|
|
766
766
|
padding: 8px;
|
|
767
767
|
margin: 8px;
|
|
@@ -775,15 +775,15 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
775
775
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
|
-
`,
|
|
778
|
+
`,_s={[mn.Header]:ps,[mn.Add]:qr,[mn.Base]:Yr,[mn.Edged]:Kr,[mn.Frame]:Qr,[mn.Scroll]:os,[mn.Skeleton]:Ns,[mn.MapItem]:ks,[mn.NoData]:hs},zs={[hn.Labeled]:xs},Rs=({nodes:e,edges:t,onNodesChange:n,onEdgesChange:o,fitView:i=!1,zoomOnScroll:a=!1})=>{const{onClickNode:r}=Ki(),{setActiveNodeType:s,setActiveNodeId:l}=jt();return ct.createElement(Is,null,ct.createElement(zt,{fitView:i,zoomOnScroll:a,nodes:e,nodeTypes:_s,edges:t,edgeTypes:zs,onNodeClick:r,onNodesChange:e=>{setTimeout(()=>n(e),0)},onEdgesChange:e=>{setTimeout(()=>o(e),0)},onBlur:()=>{s(null),l(null)}},ct.createElement(Os,null,ct.createElement(Rt,{position:"bottom-right",orientation:"horizontal",showInteractive:!1,showZoom:!0,showFitView:!0,fitViewOptions:{duration:300,padding:.02,includeHiddenNodes:!0}}))))},Fs=Et.div`
|
|
779
779
|
position: relative;
|
|
780
|
-
`,
|
|
780
|
+
`,Ls=({defaultLanguage:e=Zt.Unknown,defaultVersion:t="",handleSave:n})=>{const{addNotification:o}=Jo(),{formData:i,handleFormChange:a,resetFormData:r}=qi({language:e,version:t}),[s,l]=mt(!1),d=()=>{l(!1),r()};return ct.createElement(Fs,null,ct.createElement(ur,{tooltip:Lo.OVERRIDE_RUNTIME_DETAILS,size:32,onClick:()=>{l(!0)}},ct.createElement(Qe,null)),ct.createElement(hc,{flipX:!0,clientX:36,isOpen:s,onClose:d,onSave:()=>{!i.version||bo(i.version)?(n(i),d()):o({type:rn.Warning,message:Fo.INVALID_VERSION,hideFromHistory:!0})},withDelete:!0,onDelete:()=>{n({language:null,version:""}),d()},title:Lo.OVERRIDE_RUNTIME_DETAILS,warning:Lo.OVERRIDE_RUNTIME_WARNING},ct.createElement(rd,{title:Lo.LANGUAGE,options:_o,value:_o.find(e=>e.id===i.language),onSelect:e=>a("language",e.id),required:!0}),ct.createElement(Kl,{title:Lo.RUNTIME_VERSION,placeholder:Lo.VERSION_PLACEHOLDER,value:i.version,onChange:e=>a("version",e.target.value),required:!1})))},Ps=Et(fa)`
|
|
781
781
|
width: 100%;
|
|
782
782
|
justify-content: center;
|
|
783
|
-
`,
|
|
783
|
+
`,Ms=({containerName:e,language:t,runtimeVersion:n,overriden:o,instrumented:i,instrumentationMessage:a,otelDistroName:r,callbackRuntimeOverride:s})=>{const l=ci.useTheme(),d=i?rn.Success:a?rn.Info:rn.Warning,c=i?sn.INSTRUMENTED:a?sn.NOT_INSTRUMENTED:sn.INSTRUMENTING;return ct.createElement(Or,{title:e,subTitle:`${t?Oo[t]:"no runtime info"}`+(n?` • Runtime Version: ${n}`:""),iconProps:{icon:qn(t)},extendableProps:{isExtended:!!a,renderExtended:()=>ct.createElement(Ps,null,ct.createElement(gi,{size:12,family:"secondary",color:l.text.info},wo(a)))},renderActions:()=>ct.createElement(ct.Fragment,null,ct.createElement(lr,{status:d,title:c,subtitle:r||void 0,withIcon:!0,withBorder:!0}),o&&ct.createElement(lr,{status:rn.Default,forceIcon:Ze,title:Lo.OVERIDDEN,withIcon:!0,withBorder:!0}),s&&ct.createElement(Ls,{defaultLanguage:t,defaultVersion:n,handleSave:t=>s({...t,containerName:e})}))})},Bs=Et.tr`
|
|
784
784
|
cursor: ${({$withHover:e})=>e?"pointer":"default"};
|
|
785
785
|
opacity: ${({$faded:e})=>e?.5:1};
|
|
786
|
-
`,
|
|
786
|
+
`,js=Et.td`
|
|
787
787
|
position: relative;
|
|
788
788
|
width: fit-content;
|
|
789
789
|
padding: 16px 8px 16px ${({$isFirst:e})=>e?"16px":"8px"};
|
|
@@ -791,7 +791,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
791
791
|
font-family: ${({theme:e})=>e.font_family.primary};
|
|
792
792
|
font-size: 14px;
|
|
793
793
|
white-space: nowrap;
|
|
794
|
-
`,
|
|
794
|
+
`,Us=Et(gi)`
|
|
795
795
|
font-size: 14px;
|
|
796
796
|
color: ${({$color:e,theme:t})=>e??t.text.secondary};
|
|
797
797
|
line-height: 16px;
|
|
@@ -804,7 +804,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
804
804
|
display: -webkit-box;
|
|
805
805
|
-webkit-line-clamp: 2;
|
|
806
806
|
-webkit-box-orient: vertical;
|
|
807
|
-
`,
|
|
807
|
+
`,Ws=Et.div`
|
|
808
808
|
position: absolute;
|
|
809
809
|
top: 0;
|
|
810
810
|
left: 0;
|
|
@@ -813,56 +813,56 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
813
813
|
height: ${({$height:e})=>e}px;
|
|
814
814
|
border-radius: 16px;
|
|
815
815
|
background-color: ${({theme:e,$hovered:t,$status:n})=>t?n?e.text[n]+ci.opacity.hex["020"]:e.colors.majestic_blue+ci.opacity.hex["030"]:n?e.text[n]+ci.opacity.hex["010"]:e.colors.secondary+ci.opacity.hex["005"]};
|
|
816
|
-
`,
|
|
816
|
+
`,Vs=({index:e,columns:t,cells:n,onClick:o,status:i,faded:a})=>{const{containerRef:r,containerHeight:s,containerWidth:l}=Qi(),[d,c]=mt(!1);return ct.createElement(Bs,{ref:r,onMouseEnter:()=>!!o&&c(!0),onMouseLeave:()=>!!o&&c(!1),onClick:()=>!!o&&o(),$withHover:!!o,$faded:a},t.map(({key:t},o)=>{const a=n.find(({columnKey:e})=>e===t);if(!a)return null;const{value:r,textColor:c,withTooltip:p,icon:u,component:m}=a;return ct.createElement(js,{key:`table-row-${t}-${r}-${e}-${o}`,$isFirst:0===o},u?ct.createElement(wr,{icon:u}):m?ct.createElement(m,null):ct.createElement(Aa,{text:p&&r?String(r):""},ct.createElement(Us,{$color:c},ho(r)?"-":r)),0===o&&ct.createElement(Ws,{$height:s,$width:l,$top:s*e,$hovered:d,$status:i}))}))},Hs=Et.div`
|
|
817
817
|
width: 100%;
|
|
818
|
-
`,
|
|
818
|
+
`,qs=Et.table`
|
|
819
819
|
position: relative;
|
|
820
820
|
z-index: 0;
|
|
821
821
|
width: 100%;
|
|
822
822
|
border-collapse: separate;
|
|
823
823
|
border-spacing: 0 12px;
|
|
824
|
-
`,
|
|
824
|
+
`,Gs=Et.thead`
|
|
825
825
|
// only supported with "border-collapse: collapse;"
|
|
826
826
|
// border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
827
827
|
// border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
828
|
-
`,
|
|
828
|
+
`,Ys=Et.th`
|
|
829
829
|
// only required with "border-collapse: separate;"
|
|
830
830
|
border-top: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
831
831
|
border-bottom: 1px solid ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
832
832
|
|
|
833
833
|
padding: 8px;
|
|
834
|
-
`,
|
|
834
|
+
`,Js=Et(fa)`
|
|
835
835
|
cursor: pointer;
|
|
836
836
|
&:hover {
|
|
837
837
|
* {
|
|
838
838
|
color: ${({theme:e})=>e.text.secondary};
|
|
839
839
|
}
|
|
840
840
|
}
|
|
841
|
-
`,
|
|
841
|
+
`,Ks=Et(gi)`
|
|
842
842
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
843
843
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
844
844
|
text-transform: uppercase;
|
|
845
845
|
font-size: 12px;
|
|
846
846
|
font-weight: 500;
|
|
847
847
|
text-wrap: nowrap;
|
|
848
|
-
`,
|
|
848
|
+
`,Xs=Et.tbody``,Qs=({columns:e,rows:t})=>{const[n,o]=mt(dn.Ascending),[i,a]=mt("name"),r=ft(e=>{i===e?o(e=>e===dn.Ascending?dn.Descending:dn.Ascending):(a(e),o(dn.Ascending))},[i]),s=ut(()=>{const o=(e,t)=>e.cells.find(({columnKey:e})=>e===t)?.value??null;return(i?[...t].sort((e,t)=>{const a=o(e,i),r=o(t,i);return(n===dn.Ascending?1:-1)*((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:"string"==typeof e&&"string"==typeof t?e.localeCompare(t):"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?1:-1:String(e).localeCompare(String(t)))(a,r)}):t).map(({status:t,faded:n,cells:o,onClick:i},a)=>ct.createElement(Vs,{key:`row-${a}`,index:a,columns:e,cells:o,onClick:i,status:t,faded:n}))},[e,t,i,n]);return ct.createElement(Hs,null,ct.createElement(qs,null,ct.createElement(Gs,null,ct.createElement("tr",null,e.map(({key:e,title:t,sortable:n})=>ct.createElement(Ys,{key:`column-${e}`},n?ct.createElement(Js,{onClick:()=>r(e)},ct.createElement(et,null),ct.createElement(Ks,null,t)):ct.createElement(Ks,null,t))))),ct.createElement(Xs,null,s)))};var Zs;!function(e){e.Code="code",e.Table="table",e.Badge="badge",e.Loader="loader",e.Divider="divider",e.Monitors="monitors",e.CopyText="copy-text",e.ActiveStatus="active-status"}(Zs||(Zs={}));const el=Et.div`
|
|
849
849
|
display: flex;
|
|
850
850
|
flex-wrap: wrap;
|
|
851
851
|
gap: 16px 32px;
|
|
852
852
|
width: 100%;
|
|
853
|
-
`,
|
|
853
|
+
`,tl=Et.div`
|
|
854
854
|
display: flex;
|
|
855
855
|
flex-direction: column;
|
|
856
856
|
gap: 2px;
|
|
857
857
|
width: ${({$width:e})=>e};
|
|
858
|
-
`,
|
|
858
|
+
`,nl=Et(gi)`
|
|
859
859
|
color: ${({theme:e})=>e.text.grey};
|
|
860
860
|
font-size: 10px;
|
|
861
861
|
line-height: 16px;
|
|
862
|
-
`,
|
|
862
|
+
`,ol=Et(gi)`
|
|
863
863
|
font-size: 12px;
|
|
864
864
|
white-space: pre-wrap;
|
|
865
|
-
`,
|
|
865
|
+
`,il=({data:e})=>ct.createElement(el,null,e?.map(({type:e,title:t,titleIcon:n,tooltip:o,value:i},a)=>ct.createElement(tl,{key:`data-field-${t||(i?JSON.stringify(i):a)}`,$width:e&&[Zs.Code,Zs.Table].includes(e)?"inherit":e&&[Zs.Loader,Zs.Divider,Zs.CopyText].includes(e)?"100%":"unset"},ct.createElement(Aa,{text:o,withIcon:!0},ct.createElement(fa,{$alignItems:"center",$gap:4},n&&ct.createElement(n,{size:14}),!!t&&ct.createElement(nl,{transform:"capitalize"},t))),ct.createElement(al,{type:e,value:i})))),al=({type:e,value:t})=>{const n=ci.useTheme();switch(e){case Zs.Divider:return ct.createElement(ir,{length:"100%",margin:"0"});case Zs.Loader:return ct.createElement(ya,null,ct.createElement(Ga,{scale:1.2}));case Zs.Monitors:return ct.createElement(Cr,{monitors:t?.split(", ")||[],withLabels:!0,color:n.colors.secondary});case Zs.Badge:{const{label:e,filled:n,...o}=po(t,{label:"-",filled:!1});return ct.createElement(Ri,{label:e,filled:n,...o})}case Zs.Code:{const{language:e,code:n,...o}=po(t,{language:"",code:""});return ct.createElement(ja,{language:e,code:n,...o})}case Zs.Table:{const{columns:e,rows:n,...o}=po(t,{columns:[],rows:[{status:void 0,cells:[]}]});return ct.createElement(Qs,{columns:e,rows:n,...o})}case Zs.ActiveStatus:return ct.createElement(lr,{status:"true"==t?rn.Success:rn.Error,title:"true"==t?Lo.ENABLED:Lo.DISABLED,size:10,withIcon:!0,withBorder:!0});case Zs.CopyText:{const e="string"==typeof t?t:JSON.stringify(t);return ct.createElement(hr,{value:e})}default:return ct.createElement(ol,null,To("string"==typeof t?t||"-":""))}},rl=Et.div`
|
|
866
866
|
display: flex;
|
|
867
867
|
flex-direction: column;
|
|
868
868
|
align-items: flex-start;
|
|
@@ -873,27 +873,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
873
873
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
874
874
|
background-color: ${({theme:e,$hovered:t})=>t?e.colors.secondary+ci.opacity.hex["010"]:"transparent"};
|
|
875
875
|
transition: background-color 0.3s;
|
|
876
|
-
`,
|
|
876
|
+
`,sl=Et.div`
|
|
877
877
|
width: 100%;
|
|
878
878
|
display: flex;
|
|
879
879
|
flex-direction: column;
|
|
880
880
|
gap: 4px;
|
|
881
881
|
cursor: ${({$clickable:e})=>e?"pointer":"default"};
|
|
882
|
-
`,
|
|
882
|
+
`,ll=Et(gi)`
|
|
883
883
|
width: 100%;
|
|
884
884
|
display: flex;
|
|
885
885
|
align-items: center;
|
|
886
886
|
gap: 8px;
|
|
887
887
|
font-size: 16px;
|
|
888
|
-
`,
|
|
888
|
+
`,dl=Et(gi)`
|
|
889
889
|
font-size: 12px;
|
|
890
890
|
color: ${({theme:e})=>e.text.grey};
|
|
891
|
-
`,
|
|
891
|
+
`,cl=Et(fa)`
|
|
892
892
|
margin-left: auto;
|
|
893
893
|
gap: 8px;
|
|
894
|
-
`,
|
|
894
|
+
`,pl=({title:e="Details",titleBadge:t,titleIcon:n,description:o,action:i,withExtend:a,initialExtended:r=!1,data:s,children:l})=>{const[d,c]=mt(r),[p,u]=mt(!1);return ct.createElement(rl,{$hovered:p},e||n||o||i?ct.createElement(sl,{$clickable:a||!1,onClick:()=>a&&c(e=>!e),onMouseEnter:()=>a&&u(!0),onMouseLeave:()=>a&&u(!1)},ct.createElement(fa,null,ct.createElement(fa,{$alignItems:"center",$gap:8},n&&ct.createElement(fa,{$alignItems:"center"},ct.createElement(n,{size:20})),!!e&&ct.createElement(ll,{transform:"capitalize"},e),t===ln.Loading?ct.createElement(Ga,null):void 0!==t&&ct.createElement(Ri,{label:t})),(!!i||a)&&ct.createElement(cl,null,"function"==typeof i?ct.createElement(i,null):i,a&&ct.createElement(Ja,{extend:d}))),!!o&&ct.createElement(dl,null,o)):null,(!a||a&&d)&&(l||ct.createElement(il,{data:s})))},ul=Et.div`
|
|
895
895
|
visibility: hidden;
|
|
896
|
-
`,
|
|
896
|
+
`,ml=Et(fa)`
|
|
897
897
|
align-self: stretch;
|
|
898
898
|
width: calc(100% - 32px);
|
|
899
899
|
padding: 16px;
|
|
@@ -903,27 +903,27 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
903
903
|
&:hover {
|
|
904
904
|
cursor: pointer;
|
|
905
905
|
background-color: ${e.colors.secondary+ci.opacity.hex["010"]};
|
|
906
|
-
${
|
|
906
|
+
${ul} {
|
|
907
907
|
visibility: visible;
|
|
908
908
|
}
|
|
909
909
|
}
|
|
910
|
-
`:`\n &:hover {\n ${
|
|
911
|
-
`,
|
|
910
|
+
`:`\n &:hover {\n ${ul} {\n visibility: visible;\n }\n }\n `}
|
|
911
|
+
`,hl=Et(fa)`
|
|
912
912
|
margin-left: auto;
|
|
913
913
|
gap: 8px;
|
|
914
|
-
`,
|
|
914
|
+
`,gl=Et(gi)`
|
|
915
915
|
font-size: 10px;
|
|
916
916
|
color: ${({theme:e})=>e.text.grey};
|
|
917
|
-
`,
|
|
917
|
+
`,xl=({title:e,subTitle:t,icons:n,iconSrcs:o,onClick:i,renderActions:a})=>{const r=ci.useTheme(),[s,l]=mt(0),d=gt(null),c=gt(null);return ht(()=>{if(d.current){const e=d.current.clientWidth,t=c.current?.clientWidth||0;l(e-(85+t))}},[]),ct.createElement(ml,{ref:d,$gap:8,$withClick:!!i,onClick:i},ct.createElement(Er,{id:`${e}-${t}`,icons:n,iconSrcs:o}),e&&ct.createElement($r,{maxWidth:s/2,text:e,textSize:14}),e&&t&&ct.createElement(gl,null,"•"),t&&ct.createElement($r,{maxWidth:s/2,text:t,textSize:10,textColor:r.text.grey}),ct.createElement(hl,{ref:c},a&&ct.createElement(ct.Fragment,null,ct.createElement(ir,{orientation:"vertical",length:"24px",margin:"0"}),a())))},fl=({isOpen:e,noOverlay:t,name:n,type:o,isLastItem:i,onApprove:a,onDeny:r})=>{const s=o===tn.Source?"uninstrument":"delete";return ct.createElement(np,{isOpen:e,noOverlay:t,title:`${s.charAt(0).toUpperCase()+s.substring(1)}${n?` ${n}`:""}`,description:`Are you sure you want to ${s}?`,note:i?{type:rn.Warning,title:`You're about to ${s} the last ${o||n}`,message:""}:void 0,approveButton:{text:"Confirm",variant:"danger",onClick:a},denyButton:{text:"Go Back",onClick:r}})},$l=Et(Mi)`
|
|
918
918
|
display: flex;
|
|
919
919
|
align-items: center;
|
|
920
920
|
justify-content: center;
|
|
921
921
|
font-size: 14px;
|
|
922
922
|
gap: 6px;
|
|
923
923
|
min-width: 100px;
|
|
924
|
-
|
|
924
|
+
`,yl=({endpoint:e="/",variant:t="secondary"})=>ct.createElement($l,{variant:t,onClick:()=>window.open(`https://docs.odigos.io${e}`,"_blank","noopener noreferrer")},ct.createElement(tt,{size:18}),"Docs"),bl=Et(fa)`
|
|
925
925
|
border-bottom: ${({$hideBorder:e,theme:t})=>e?"none":`1px solid ${t.colors.border}`};
|
|
926
|
-
`,
|
|
926
|
+
`,wl=Et(gi)`
|
|
927
927
|
padding: 12px;
|
|
928
928
|
font-size: 14px;
|
|
929
929
|
color: ${({theme:e,$selected:t})=>t?e.text.secondary:e.text.grey};
|
|
@@ -932,29 +932,29 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
932
932
|
display: flex;
|
|
933
933
|
align-items: center;
|
|
934
934
|
gap: 8px;
|
|
935
|
-
`,
|
|
935
|
+
`,kl=({tabs:e,hideBorder:t=!1})=>e?.length?ct.createElement(bl,{$hideBorder:t},e.map(({label:e,icon:t,onClick:n,selected:o})=>ct.createElement(wl,{key:`tab-${e}`,onClick:n,$selected:o},e,t&&ct.createElement(t,null)))):null,vl=Et.section`
|
|
936
936
|
padding: 0px 32px;
|
|
937
937
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
938
|
-
`,
|
|
938
|
+
`,El=Et.div`
|
|
939
939
|
height: 76px;
|
|
940
940
|
display: flex;
|
|
941
941
|
justify-content: space-between;
|
|
942
942
|
flex-shrink: 0;
|
|
943
943
|
align-self: stretch;
|
|
944
|
-
`,
|
|
944
|
+
`,Sl=Et.div`
|
|
945
945
|
display: flex;
|
|
946
946
|
align-items: center;
|
|
947
947
|
gap: ${({$gap:e})=>e||16}px;
|
|
948
|
-
`,
|
|
948
|
+
`,Cl=Et(gi)`
|
|
949
949
|
font-size: 18px;
|
|
950
950
|
line-height: 26px;
|
|
951
951
|
max-width: ${({$maxWidth:e})=>e};
|
|
952
952
|
overflow: hidden;
|
|
953
953
|
white-space: nowrap;
|
|
954
954
|
text-overflow: ellipsis;
|
|
955
|
-
`,
|
|
955
|
+
`,Tl=Et(Mi)`
|
|
956
956
|
gap: 8px;
|
|
957
|
-
`,
|
|
957
|
+
`,Al=Et(Mi)``,Dl=({onClose:e,width:t,icons:n,iconSrcs:o,title:i,titleTooltip:a,replaceTitleWith:r,actions:s,actionButtons:l=[],tabs:d})=>ct.createElement(vl,null,ct.createElement(El,null,ct.createElement(Sl,null,n?.length||o?.length?ct.createElement(Er,{icons:n,iconSrcs:o,id:`drawer-header-${i}`}):null,("function"==typeof r?ct.createElement(r,null):r||null)||ct.createElement(Aa,{text:a||i,withIcon:!!a},i&&ct.createElement(Cl,{$maxWidth:`calc(${t} ${s||l.length?"/ 5":"- 192px"})`},i))),ct.createElement(Sl,{$gap:2},s,l.map((e,t)=>ct.createElement(Tl,{key:`header-action-button-${t}`,...e})),ct.createElement(Al,{"data-id":"drawer-close",variant:"secondary",onClick:e},ct.createElement(nt,{size:12})))),ct.createElement(kl,{tabs:d,hideBorder:!0})),Nl=Et.div`
|
|
958
958
|
display: flex;
|
|
959
959
|
justify-content: space-between;
|
|
960
960
|
gap: 8px;
|
|
@@ -962,16 +962,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
962
962
|
border-top: 1px solid ${({theme:e})=>e.colors.border};
|
|
963
963
|
background-color: ${({theme:e})=>e.colors.translucent_bg};
|
|
964
964
|
transform: translateY(100%);
|
|
965
|
-
`,
|
|
965
|
+
`,Il=Et(fa)`
|
|
966
966
|
margin-right: auto;
|
|
967
|
-
`,
|
|
967
|
+
`,Ol=Et(fa)`
|
|
968
968
|
margin: 0 auto;
|
|
969
|
-
`,
|
|
969
|
+
`,_l=Et(fa)`
|
|
970
970
|
margin-left: auto;
|
|
971
|
-
`,
|
|
971
|
+
`,zl=Et(Mi)`
|
|
972
972
|
min-width: 140px;
|
|
973
973
|
font-size: 14px;
|
|
974
|
-
`,
|
|
974
|
+
`,Rl=({isOpen:e,leftButtons:t=[],centerButtons:n=[],rightButtons:o=[]})=>{const i=xa({container:Nl,animateIn:ci.animations.slide.in.bottom,animateOut:ci.animations.slide.out.bottom});return ct.createElement(i,{enter:e},ct.createElement(Il,null,t.map((e,t)=>ct.createElement(zl,{key:`footer-left-button-${t}`,...e}))),ct.createElement(Ol,null,n.map((e,t)=>ct.createElement(zl,{key:`footer-center-button-${t}`,...e}))),ct.createElement(_l,null,o.map((e,t)=>ct.createElement(zl,{key:`footer-right-button-${t}`,...e}))))},Fl=Et.div`
|
|
975
975
|
position: fixed;
|
|
976
976
|
top: 0;
|
|
977
977
|
bottom: 0;
|
|
@@ -981,21 +981,21 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
981
981
|
background: ${({theme:e})=>e.colors.translucent_bg};
|
|
982
982
|
box-shadow: 0 2px 10px ${({theme:e})=>e.colors.primary+ci.opacity.hex["010"]};
|
|
983
983
|
overflow-y: auto;
|
|
984
|
-
`,
|
|
984
|
+
`,Ll=Et.div`
|
|
985
985
|
display: flex;
|
|
986
986
|
flex-direction: column;
|
|
987
987
|
height: 100%;
|
|
988
|
-
`,
|
|
988
|
+
`,Pl=Et.div`
|
|
989
989
|
flex-grow: 1;
|
|
990
990
|
padding: 24px 32px;
|
|
991
991
|
overflow-y: auto;
|
|
992
|
-
`,
|
|
992
|
+
`,Ml=({isOpen:e,onClose:t,closeOnEscape:n=!0,position:o="right",width:i="300px",children:a,header:r,footer:s})=>{aa({key:"Escape",active:e&&n},()=>t()),Ji(e);const l=xa({container:Fl,animateIn:ci.animations.slide.in[o],animateOut:ci.animations.slide.out[o]});return e?Ft.createPortal(ct.createElement(ct.Fragment,null,ct.createElement(wa,{hidden:!e,onClick:t}),ct.createElement(l,{"data-id":"drawer",enter:e,$position:o,$width:i},ct.createElement(Ll,null,ct.createElement(Dl,{onClose:t,width:i,...r}),ct.createElement(Pl,null,a),ct.createElement(Rl,{...s})))),document.body):null},Bl=Et.div`
|
|
993
993
|
display: flex;
|
|
994
994
|
|
|
995
995
|
align-items: center;
|
|
996
996
|
gap: 6px;
|
|
997
997
|
margin-bottom: 4px;
|
|
998
|
-
`,
|
|
998
|
+
`,jl=Et(gi)`
|
|
999
999
|
font-size: 14px;
|
|
1000
1000
|
opacity: 0.8;
|
|
1001
1001
|
line-height: 22px;
|
|
@@ -1003,16 +1003,16 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1003
1003
|
white-space: nowrap;
|
|
1004
1004
|
text-overflow: ellipsis;
|
|
1005
1005
|
color: ${({$status:e,theme:t})=>e?t.text[e]:t.text.secondary};
|
|
1006
|
-
`,
|
|
1006
|
+
`,Ul=Et(gi)`
|
|
1007
1007
|
font-size: 12px;
|
|
1008
1008
|
color: ${({theme:e})=>e.text.darker_grey};
|
|
1009
1009
|
opacity: 0.8;
|
|
1010
|
-
`,
|
|
1010
|
+
`,Wl=({title:e,required:t,tooltip:n,style:o,status:i})=>e?ct.createElement(Bl,{style:o},ct.createElement(Aa,{text:n,withIcon:!0},ct.createElement(jl,{$status:i},e),!t&&ct.createElement(Ul,null,"(optional)"))):null,Vl=Et.div`
|
|
1011
1011
|
display: flex;
|
|
1012
1012
|
flex-direction: column;
|
|
1013
1013
|
position: relative;
|
|
1014
1014
|
width: 100%;
|
|
1015
|
-
`,
|
|
1015
|
+
`,Hl=Et.div`
|
|
1016
1016
|
width: 100%;
|
|
1017
1017
|
display: flex;
|
|
1018
1018
|
align-items: center;
|
|
@@ -1038,7 +1038,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1038
1038
|
&:focus-within {
|
|
1039
1039
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1040
1040
|
}
|
|
1041
|
-
`,
|
|
1041
|
+
`,ql=Et.input`
|
|
1042
1042
|
padding-left: ${({$hasIcon:e})=>e?"0":"16px"};
|
|
1043
1043
|
flex: 1;
|
|
1044
1044
|
min-width: 150px;
|
|
@@ -1067,13 +1067,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1067
1067
|
-webkit-appearance: none;
|
|
1068
1068
|
margin: 0;
|
|
1069
1069
|
}
|
|
1070
|
-
`,
|
|
1070
|
+
`,Gl=Et.div`
|
|
1071
1071
|
display: flex;
|
|
1072
1072
|
align-items: center;
|
|
1073
1073
|
margin-left: 12px;
|
|
1074
|
-
`,
|
|
1074
|
+
`,Yl=Et(Gl)`
|
|
1075
1075
|
cursor: pointer;
|
|
1076
|
-
`,
|
|
1076
|
+
`,Jl=Et.button`
|
|
1077
1077
|
background-color: ${({theme:e})=>e.colors.primary};
|
|
1078
1078
|
border: none;
|
|
1079
1079
|
color: ${({theme:e})=>e.text.secondary};
|
|
@@ -1088,31 +1088,31 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1088
1088
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1089
1089
|
cursor: not-allowed;
|
|
1090
1090
|
}
|
|
1091
|
-
`,
|
|
1091
|
+
`,Kl=({icon:e,buttonLabel:t,onButtonClick:n,hasError:o,errorMessage:i,title:a,tooltip:r,required:s,value:l,onChange:d,type:c=an.Text,name:p,status:u,...m})=>{const h=ci.useTheme(),g=c===an.Password,[x,f]=mt(!1);return ct.createElement(Vl,null,ct.createElement(Wl,{title:a,required:s,tooltip:r,status:u}),ct.createElement(Hl,{$disabled:m.disabled,$hasError:o||!!i,$isActive:!!m.autoFocus,$status:u},g?ct.createElement(Yl,{onClick:()=>f(e=>!e)},x?ct.createElement(ot,{size:14,fill:h.text.grey}):ct.createElement(it,{size:14,fill:h.text.grey})):e?ct.createElement(Gl,null,ct.createElement(e,{size:14,fill:h.text.grey})):null,ct.createElement(ql,{"data-id":p,type:x||c===an.Number?an.Text:c,$hasIcon:!!e||g,name:p,value:l,onChange:e=>{e.stopPropagation(),c===an.Number&&(e.target.value=So(e.target.value)),d?.(e)},onKeyDown:e=>{["Enter"].includes(e.key)||e.stopPropagation()},...m}),t&&n&&ct.createElement(Jl,{onClick:n,disabled:m.disabled},t)),!!i&&ct.createElement($i,null,i))},Xl=Et.div`
|
|
1092
1092
|
display: flex;
|
|
1093
1093
|
flex-direction: column;
|
|
1094
1094
|
align-items: center;
|
|
1095
|
-
`,
|
|
1095
|
+
`,Ql=Et.div`
|
|
1096
1096
|
display: flex;
|
|
1097
1097
|
align-items: center;
|
|
1098
1098
|
gap: 8px;
|
|
1099
|
-
`,Ql=Et(gi)`
|
|
1100
|
-
color: ${({theme:e})=>e.text.darker_grey};
|
|
1101
1099
|
`,Zl=Et(gi)`
|
|
1100
|
+
color: ${({theme:e})=>e.text.darker_grey};
|
|
1101
|
+
`,ed=Et(gi)`
|
|
1102
1102
|
color: ${({theme:e})=>e.colors.border};
|
|
1103
1103
|
font-size: 14px;
|
|
1104
1104
|
font-weight: 200;
|
|
1105
1105
|
line-height: 20px;
|
|
1106
1106
|
text-align: center;
|
|
1107
|
-
`,
|
|
1107
|
+
`,td=({title:e="No data found",subTitle:t="Check your search phrase and try one more time"})=>{const n=ci.useTheme();return ct.createElement(Xl,null,ct.createElement(Ql,null,ct.createElement(at,{fill:n.text.dark_grey}),ct.createElement(Zl,null,e)),t&&ct.createElement(ed,null,t))},nd=Et.div`
|
|
1108
1108
|
display: flex;
|
|
1109
1109
|
flex-direction: column;
|
|
1110
1110
|
min-width: 120px;
|
|
1111
1111
|
width: 100%;
|
|
1112
1112
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1113
|
-
`,nd=Et.div`
|
|
1114
|
-
position: relative;
|
|
1115
1113
|
`,od=Et.div`
|
|
1114
|
+
position: relative;
|
|
1115
|
+
`,id=Et.div`
|
|
1116
1116
|
display: flex;
|
|
1117
1117
|
align-items: center;
|
|
1118
1118
|
justify-content: space-between;
|
|
@@ -1138,14 +1138,14 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1138
1138
|
&:hover {
|
|
1139
1139
|
border-color: ${({$isMulti:e,$hasSelections:t,$disabled:n,theme:o})=>n?"auto":e&&t?o.colors.border:o.colors.secondary};
|
|
1140
1140
|
}
|
|
1141
|
-
`,
|
|
1141
|
+
`,ad=Et.div`
|
|
1142
1142
|
display: flex;
|
|
1143
1143
|
align-items: center;
|
|
1144
1144
|
gap: 4px;
|
|
1145
|
-
`,
|
|
1145
|
+
`,rd=({options:e,value:t,onSelect:n,onDeselect:o,title:i,tooltip:a,placeholder:r,disabled:s=!1,isMulti:l=!1,showSearch:d=!1,required:c=!1,errorMessage:p,hasError:u=!1,status:m})=>{const[h,g]=mt(!1),[x,f]=mt(!1),$=gt(null);ra($,()=>g(!1));const y=()=>{(()=>{if($.current){const e=$.current.getBoundingClientRect().bottom+300>window.innerHeight;f(e)}})(),g(e=>!e)},b=Array.isArray(t)?t.length:0;return ct.createElement(nd,{$disabled:s},ct.createElement(Wl,{title:i,required:c,tooltip:a,status:m}),ct.createElement(od,{ref:$},ct.createElement(id,{$isOpen:h,$isMulti:l,$hasSelections:!!Array.isArray(t)&&!!t.length,$hasError:!!p||u,$status:m,$disabled:s,onClick:()=>!s&&y()},ct.createElement(cd,{value:t,placeholder:r,onDeselect:o}),ct.createElement(ad,null,l&&ct.createElement(Ri,{label:b,filled:!!b}),ct.createElement(Ja,{extend:h}))),h&&ct.createElement(md,{openUpwards:x,options:e,value:t,onSelect:e=>{n?.(e),l||y()},onDeselect:e=>{o?.(e),l||y()},isMulti:l,showSearch:d})),!!p&&ct.createElement($i,null,p))},sd=Et(ad)`
|
|
1146
1146
|
max-width: calc(100% - 50px);
|
|
1147
1147
|
overflow-x: auto;
|
|
1148
|
-
`,
|
|
1148
|
+
`,ld=Et(gi)`
|
|
1149
1149
|
display: flex;
|
|
1150
1150
|
align-items: center;
|
|
1151
1151
|
gap: 2px;
|
|
@@ -1160,7 +1160,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1160
1160
|
transition: transform 0.3s;
|
|
1161
1161
|
}
|
|
1162
1162
|
}
|
|
1163
|
-
`,
|
|
1163
|
+
`,dd=Et(gi)``,cd=({value:e,placeholder:t,onDeselect:n})=>{const o=ci.useTheme();return Array.isArray(e)?e.length?ct.createElement(sd,null,e.map(e=>ct.createElement(ld,{key:`multi-label-${e.id}`,size:14},e.value,ct.createElement(ir,{orientation:"vertical",length:"10px",margin:"0 4px"}),ct.createElement(rt,{size:12,onClick:t=>{t.stopPropagation(),n?.(e)}})))):ct.createElement(dd,{size:14,color:o.text.darker_grey},t):ct.createElement(dd,{size:14,color:e?.value?void 0:o.text.darker_grey},e?.value||t)},pd=Et.div`
|
|
1164
1164
|
position: absolute;
|
|
1165
1165
|
${({$openUpwards:e})=>e?"bottom":"top"}: calc(100% + 8px);
|
|
1166
1166
|
left: 0;
|
|
@@ -1175,11 +1175,11 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1175
1175
|
background-color: ${({theme:e})=>e.colors.dropdown_bg_2};
|
|
1176
1176
|
border: 1px solid ${({theme:e})=>e.colors.border};
|
|
1177
1177
|
border-radius: 24px;
|
|
1178
|
-
`,
|
|
1178
|
+
`,ud=Et.div`
|
|
1179
1179
|
display: flex;
|
|
1180
1180
|
flex-direction: column;
|
|
1181
1181
|
align-items: center;
|
|
1182
|
-
`,
|
|
1182
|
+
`,md=({openUpwards:e,options:t,value:n,onSelect:o,onDeselect:i,isMulti:a,showSearch:r})=>{const[s,l]=mt(""),d=t.filter(e=>e.value?.toLowerCase().includes(s?.toLowerCase()));return ct.createElement(pd,{$openUpwards:e},r&&ct.createElement(ud,null,ct.createElement(Kl,{placeholder:"Search...",icon:st,value:s,onChange:e=>l(e.target.value)}),ct.createElement(ir,{thickness:1,margin:"8px 0 0 0"})),0===d.length?ct.createElement(td,{subTitle:r&&s?void 0:" "}):d.map((e,t)=>ct.createElement(gd,{key:`dropdown-option-${e.id||t}`,option:e,value:n,isMulti:a,onSelect:o,onDeselect:i})))},hd=Et.div`
|
|
1183
1183
|
padding: 8px 12px;
|
|
1184
1184
|
cursor: pointer;
|
|
1185
1185
|
display: flex;
|
|
@@ -1190,26 +1190,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1190
1190
|
&.selected {
|
|
1191
1191
|
background: ${({theme:e})=>e.colors.majestic_blue+ci.opacity.hex["024"]};
|
|
1192
1192
|
}
|
|
1193
|
-
`,
|
|
1193
|
+
`,gd=({option:e,value:t,isMulti:n,onSelect:o,onDeselect:i})=>{const a=ci.useTheme(),r=Array.isArray(t)?!!t?.find(t=>t.id===e.id):t?.id===e.id,s=t=>t?o?.(e):i?.(e);return n?ct.createElement(hd,{className:r?"selected":"",onClick:()=>s(!r)},ct.createElement(Ia,{title:e.value||"",titleColor:a.text.secondary,value:r,onChange:s,style:{width:"100%"}})):ct.createElement(hd,{className:r?"selected":"",onClick:()=>r?i?.(e):o?.(e)},ct.createElement(fa,{$gap:8},e.icon&&ct.createElement(e.icon,null),ct.createElement(gi,{size:14},e.value)),r&&ct.createElement(qe,null))},xd=({error:e})=>{const t=ci.useTheme(),n={container:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",color:t.text.error,fontFamily:t.font_family.primary},errorMessage:{padding:10,borderRadius:5,whiteSpace:"pre-wrap",background:t.colors.error},errorStack:{whiteSpace:"pre-wrap",fontSize:"12px"},errorStackWrapper:{textAlign:"left",marginTop:10},infoText:{marginTop:100,color:t.text.secondary,fontSize:"14px"}};return ct.createElement("div",{style:n.container},ct.createElement("h2",null,"Something went wrong!"),ct.createElement("pre",{style:n.errorMessage},e?.message||"Unknown Error"),ct.createElement("details",{style:n.errorStackWrapper},ct.createElement("summary",null,"Stack Trace"),ct.createElement("pre",{style:n.errorStack},e?.stack||"Unknown Stack")),ct.createElement("p",{style:n.infoText},"Try refreshing the page or contact support"),ct.createElement(Mi,{variant:"secondary",onClick:()=>window.location.reload(),style:{fontSize:"1rem"}},"Reload"))},fd=({children:e})=>ct.createElement(Mt,{FallbackComponent:e=>ct.createElement(ci.Provider,null,ct.createElement(xd,{...e}))},e),$d=Et(fa)`
|
|
1194
1194
|
position: relative;
|
|
1195
1195
|
width: calc(100% - 24px);
|
|
1196
1196
|
padding: 12px;
|
|
1197
1197
|
background-color: ${({theme:e})=>e.colors.dark_grey};
|
|
1198
1198
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border+ci.opacity.hex["050"]};
|
|
1199
|
-
|
|
1199
|
+
`,yd=Et(fa)`
|
|
1200
1200
|
margin-right: auto;
|
|
1201
1201
|
margin-left: 32px;
|
|
1202
1202
|
gap: 12px;
|
|
1203
|
-
`,
|
|
1203
|
+
`,bd=Et(fa)`
|
|
1204
1204
|
margin-left: auto;
|
|
1205
1205
|
margin-right: 32px;
|
|
1206
1206
|
gap: 12px;
|
|
1207
|
-
`,
|
|
1207
|
+
`,wd=Et(fa)`
|
|
1208
1208
|
position: absolute;
|
|
1209
1209
|
left: 50%;
|
|
1210
1210
|
transform: translateX(-50%);
|
|
1211
1211
|
gap: 12px;
|
|
1212
|
-
`,
|
|
1212
|
+
`,kd=({left:e=[],center:t=[],right:n=[]})=>ct.createElement($d,null,ct.createElement(yd,null,e.map((e,t)=>e&&ct.createElement(pt,{key:t},e))),ct.createElement(wd,null,t.map((e,t)=>e&&ct.createElement(pt,{key:t},e))),ct.createElement(bd,null,n.map((e,t)=>e&&ct.createElement(pt,{key:t},e)))),vd=Et.div`
|
|
1213
1213
|
width: fit-content;
|
|
1214
1214
|
height: fit-content;
|
|
1215
1215
|
padding: 4px;
|
|
@@ -1221,7 +1221,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1221
1221
|
flex-direction: ${({$orientation:e,$flip:t})=>("horizontal"===e?"row":"column")+(t?"-reverse":"")};
|
|
1222
1222
|
align-items: center;
|
|
1223
1223
|
justify-content: center;
|
|
1224
|
-
`,
|
|
1224
|
+
`,Ed=Et.div`
|
|
1225
1225
|
width: 32px;
|
|
1226
1226
|
height: 32px;
|
|
1227
1227
|
|
|
@@ -1234,50 +1234,50 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1234
1234
|
justify-content: center;
|
|
1235
1235
|
|
|
1236
1236
|
cursor: pointer;
|
|
1237
|
-
`,
|
|
1237
|
+
`,Sd=({orientation:e="vertical",flip:t,mainIcons:n,subIcons:o})=>ct.createElement(vd,{$orientation:e,$flip:t},n.map(({icon:e,selected:t,onClick:n,tooltip:o},i)=>ct.createElement(Aa,{key:`main-nav-icon-${i}`,text:o},ct.createElement(Ed,{$selected:t,onClick:n},ct.createElement(e,{size:20})))),!!n.length&&!!o.length&&ct.createElement(ir,{orientation:"vertical"===e?"horizontal":"vertical",margin:"0",length:"20px"}),o.map(({icon:e,selected:t,onClick:n,tooltip:o},i)=>ct.createElement(Aa,{key:`sub-nav-icon-${i}`,text:o},ct.createElement(Ed,{$selected:t,onClick:n},ct.createElement(e,{size:20}))))),Cd=Et.div`
|
|
1238
1238
|
display: flex;
|
|
1239
1239
|
flex-direction: column;
|
|
1240
1240
|
width: 100%;
|
|
1241
|
-
`,
|
|
1241
|
+
`,Td=Et.div`
|
|
1242
1242
|
display: flex;
|
|
1243
1243
|
flex-direction: column;
|
|
1244
1244
|
gap: 8px;
|
|
1245
|
-
`,
|
|
1245
|
+
`,Ad=Et.div`
|
|
1246
1246
|
display: flex;
|
|
1247
1247
|
align-items: center;
|
|
1248
1248
|
gap: 16px;
|
|
1249
|
-
`,
|
|
1249
|
+
`,Dd=Et(ur)`
|
|
1250
1250
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1251
1251
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1252
|
-
`,
|
|
1252
|
+
`,Nd=({initialValues:e=[],value:t,onChange:n,title:o,tooltip:i,required:a,errorMessage:r})=>{const[s,l]=mt(t||e);ht(()=>{s.length||l([""])},[]);const d=s.filter(e=>!!e.trim()),c=gt(JSON.stringify(d));ht(()=>{const e=JSON.stringify(d);c.current!==e&&(c.current=e,n&&n(d))},[d,n]);const p=(e,t)=>{l(n=>{const o=[...n];return o[t]=e,o})},u=s.length<=1,m=s.some(e=>""===e.trim()),h=u&&m;return ct.createElement(Cd,null,ct.createElement(Wl,{title:o,required:a,tooltip:i}),ct.createElement(Td,null,s.map((e,t)=>{const n=t===s.length-1;return ct.createElement(Ad,{key:`input-list-${t}`},ct.createElement(Kl,{value:e,onChange:e=>p(e.target.value,t),hasError:!!r,autoFocus:ho(e)&&!u&&n}),t===s.length-1&&ct.createElement(Dd,{withBorder:!0,size:30,$disabled:m,onClick:m?void 0:()=>{l(e=>{const t=[...e];return t.push(""),t})}},ct.createElement(Ke,null)),ct.createElement(Dd,{size:30,$disabled:h,onClick:h?void 0:()=>(e=>{u?p("",e):l(t=>t.filter((t,n)=>n!==e))})(t)},ct.createElement(lt,null)))})),!!r&&ct.createElement($i,null,r))},Id=({col:e,colIdx:t,row:n,rowIdx:o,rowsLength:i,maxWidth:a,handleChange:r,errorMessage:s,limitFieldsPerRow:l})=>{const{keyName:d,title:c,tooltip:p,placeholder:u,required:m,type:h,componentType:g,options:x,renderCondition:f}=e,$=n[d];return f&&!f(n)?null:ct.createElement("td",{key:`input-table-${o}-${d}`,style:{maxWidth:a,padding:"4px 6px 4px 0"}},(()=>{if(g===on.Dropdown){const e=x?.find(e=>e.id===$);return ct.createElement(rd,{title:l?c:void 0,tooltip:l?p:void 0,placeholder:u,required:m,options:x||[],value:e,onSelect:e=>r(d,e.id,o),onDeselect:()=>r(d,"",o),hasError:!!s&&(!m||m&&ho($))})}{const e=i>1&&o===i-1&&0===t&&ho($);return ct.createElement(Kl,{title:l?c:void 0,tooltip:l?p:void 0,placeholder:u,type:h,required:m,autoFocus:e,value:$,onChange:({target:{value:e}})=>r(d,e,o),style:{maxWidth:a,paddingLeft:10},hasError:!!s&&(!m||m&&ho($))})}})())},Od=Et.div`
|
|
1253
1253
|
display: flex;
|
|
1254
1254
|
flex-direction: column;
|
|
1255
1255
|
width: 100%;
|
|
1256
|
-
`,
|
|
1256
|
+
`,_d=Et.button`
|
|
1257
1257
|
margin-top: ${({$marginTop:e})=>e};
|
|
1258
1258
|
background: none;
|
|
1259
1259
|
border: none;
|
|
1260
1260
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1261
1261
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
1262
|
-
`,
|
|
1262
|
+
`,zd=({columns:e,initialValues:t=[],value:n,onChange:o,errorMessage:i,limitFieldsPerRow:a,title:r=""})=>{const[s,l]=mt({}),[d,c]=mt(n||t),p=ut(()=>new Map(e.map(e=>[e.keyName,e])),[e]);ht(()=>{if(!d.length){const t={};e.forEach(({keyName:e})=>t[e]=""),l(t),c([t])}},[]);const u=d.filter(e=>{for(const[t,n]of Object.entries(e)){const o=p.get(t);if((!o?.renderCondition||o.renderCondition(e))&&o?.required&&ho(n))return!1}return!0}),m=gt(JSON.stringify(u)),h=u.length!==d.length,g=`${Math.floor(640/((a||e.length)+.4))}px`;ht(()=>{const e=JSON.stringify(u);m.current!==e&&(m.current=e,o&&o(u))},[u,o]);const x=(e,t,n)=>{c(o=>{const i=Rn(o);return i[n][e]=t,i})},f=ut(()=>{if(a){const t=[];for(let n=0;;n+=a){const o=e.slice(n,n+a);if(!o.length)break;t.push(o)}return t}return[e]},[a,e]);return ct.createElement(Od,null,ct.createElement(Wl,{title:r}),ct.createElement("table",{style:{borderCollapse:"collapse"}},!a&&ct.createElement("thead",null,ct.createElement("tr",null,e.map(({title:e,tooltip:t,required:n})=>ct.createElement("th",{key:`input-table-head-${e}`,style:{maxWidth:g}},ct.createElement(Wl,{title:e,required:n,tooltip:t}))),ct.createElement("th",null))),ct.createElement("tbody",null,d.map((t,n)=>ct.createElement(pt,{key:`input-table-row-${n}`},a&&n>0?ct.createElement("tr",null,ct.createElement("td",{colSpan:f.length},ct.createElement(ir,null))):null,f.map((o,r)=>ct.createElement("tr",{key:`input-table-matrix-${n}-${r}`},o.map((e,o)=>ct.createElement(Id,{key:`input-table-row-${n}-col-${o}`,col:e,colIdx:o,row:t,rowIdx:n,rowsLength:d.length,maxWidth:g,limitFieldsPerRow:a,errorMessage:i,handleChange:x})),0===r&&ct.createElement("td",null,ct.createElement(_d,{$marginTop:a?"24px":"0",onClick:()=>{return t=n,void(d.length>1?c(e=>e.filter((e,n)=>n!==t)):e.forEach(({keyName:e,type:n})=>x(e,n===an.Number?"0":"",t)));var t}},ct.createElement(lt,null))))))))),!!i&&ct.createElement($i,null,i),ct.createElement(dr,{onClick:()=>{c(e=>{const t=Rn(e);return t.push(Rn(s)),t})},disabled:h}))},Rd=Et.div`
|
|
1263
1263
|
display: flex;
|
|
1264
1264
|
flex-direction: column;
|
|
1265
1265
|
width: 100%;
|
|
1266
|
-
`,
|
|
1266
|
+
`,Fd=Et.div`
|
|
1267
1267
|
display: flex;
|
|
1268
1268
|
flex-direction: column;
|
|
1269
1269
|
gap: 8px;
|
|
1270
|
-
`,
|
|
1270
|
+
`,Ld=Et.div`
|
|
1271
1271
|
display: flex;
|
|
1272
1272
|
align-items: center;
|
|
1273
1273
|
gap: 8px;
|
|
1274
|
-
`,
|
|
1274
|
+
`,Pd=Et.div`
|
|
1275
1275
|
width: 100%;
|
|
1276
1276
|
max-width: ${({$maxWidth:e})=>e?`${e}px`:"unset"};
|
|
1277
|
-
`,
|
|
1277
|
+
`,Md=Et(ur)`
|
|
1278
1278
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1279
1279
|
opacity: ${({$disabled:e})=>e?.5:1};
|
|
1280
|
-
`,
|
|
1280
|
+
`,Bd={key:"",value:""},jd=({initialKeyValuePairs:e=[],value:t,onChange:n,title:o,tooltip:i,disabled:a,required:r,errorMessage:s,keyPlaceholder:l="Key",valuePlaceholder:d="Value",inputMaxWidth:c=300})=>{const[p,u]=mt(t||e);ht(()=>{p.length||u([{...Bd}])},[]);const m=p.filter(({key:e,value:t})=>!ho(e.trim())&&!ho(t.trim())),h=gt(JSON.stringify(m));ht(()=>{const e=JSON.stringify(m);h.current!==e&&(h.current=e,n&&n(m))},[m,n]);const g=(e,t,n)=>{u(o=>{const i=[...o];return i[n][e]=t,i})},x=p.length<=1,f=a||p.some(({key:e,value:t})=>""===e.trim()||""===t.trim()),$=a||x&&f;return ct.createElement(Rd,null,ct.createElement(Wl,{title:o,required:r,tooltip:i}),ct.createElement(Fd,null,p.map(({key:e,value:t},n)=>ct.createElement(Ld,{key:`key-value-input-list-${n}`},ct.createElement(Pd,{$maxWidth:c},ct.createElement(Kl,{placeholder:l,disabled:a,value:e,onChange:e=>g("key",e.target.value,n),hasError:!!s&&(!r||r&&!e),autoFocus:ho(t)&&!x&&n===p.length-1})),ct.createElement(Pd,{$maxWidth:n===p.length-1?c-38:c},ct.createElement(Kl,{placeholder:d,disabled:a,value:t,onChange:e=>g("value",e.target.value,n),hasError:!!s&&(!r||r&&ho(t)),autoFocus:!1})),n===p.length-1&&ct.createElement(Md,{withBorder:!0,size:30,$disabled:f,onClick:f?void 0:()=>{u(e=>{const t=[...e];return t.push({...Bd}),t})}},ct.createElement(Ke,null)),ct.createElement(Md,{size:30,$disabled:$,onClick:$?void 0:()=>(e=>{x?(g("key","",e),g("value","",e)):u(t=>t.filter((t,n)=>n!==e))})(n)},ct.createElement(lt,null))))),!!s&&ct.createElement($i,null,s))},Ud=Et.div`
|
|
1281
1281
|
position: fixed;
|
|
1282
1282
|
top: 50%;
|
|
1283
1283
|
left: 50%;
|
|
@@ -1288,26 +1288,26 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1288
1288
|
border: ${({theme:e})=>`1px solid ${e.colors.border}`};
|
|
1289
1289
|
border-radius: 40px;
|
|
1290
1290
|
box-shadow: ${({theme:e})=>{const t=e.colors.primary+ci.opacity.hex["010"];return`0px 1px 1px 0px ${t}, 0px 2px 2px 0px ${t}, 0px 5px 5px 0px ${t}, 0px 10px 10px 0px ${t}, 0px 0px 8px 0px ${t}`}};
|
|
1291
|
-
`,
|
|
1291
|
+
`,Wd=Et.div`
|
|
1292
1292
|
display: flex;
|
|
1293
1293
|
justify-content: space-between;
|
|
1294
1294
|
align-items: center;
|
|
1295
1295
|
height: 80px;
|
|
1296
1296
|
border-bottom: 1px solid ${({theme:e})=>e.colors.border};
|
|
1297
1297
|
padding: 0 24px;
|
|
1298
|
-
`,
|
|
1298
|
+
`,Vd=Et.div`
|
|
1299
1299
|
cursor: pointer;
|
|
1300
1300
|
display: flex;
|
|
1301
1301
|
align-items: center;
|
|
1302
1302
|
gap: 8px;
|
|
1303
|
-
`,
|
|
1303
|
+
`,Hd=Et.div`
|
|
1304
1304
|
display: flex;
|
|
1305
1305
|
align-items: center;
|
|
1306
1306
|
gap: 8px;
|
|
1307
|
-
`,
|
|
1307
|
+
`,qd=Et(ya)`
|
|
1308
1308
|
min-width: 350px;
|
|
1309
1309
|
min-height: 150px;
|
|
1310
|
-
`,
|
|
1310
|
+
`,Gd=Et.div`
|
|
1311
1311
|
position: absolute;
|
|
1312
1312
|
left: 50%;
|
|
1313
1313
|
transform: translateX(-50%);
|
|
@@ -1316,18 +1316,18 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1316
1316
|
justify-content: center;
|
|
1317
1317
|
width: 100%;
|
|
1318
1318
|
pointer-events: none;
|
|
1319
|
-
`,
|
|
1319
|
+
`,Yd=Et(gi)`
|
|
1320
1320
|
text-transform: uppercase;
|
|
1321
1321
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1322
1322
|
pointer-events: auto;
|
|
1323
|
-
`,
|
|
1323
|
+
`,Jd=Et(gi)`
|
|
1324
1324
|
text-transform: uppercase;
|
|
1325
1325
|
font-weight: 500;
|
|
1326
1326
|
font-size: 14px;
|
|
1327
1327
|
font-family: ${({theme:e})=>e.font_family.secondary};
|
|
1328
1328
|
text-decoration: underline;
|
|
1329
1329
|
cursor: pointer;
|
|
1330
|
-
`,
|
|
1330
|
+
`,Kd=({isOpen:e,noOverlay:t,header:n,actionComponent:o,onClose:i,children:a,closeOnEscape:r=!0})=>{aa({key:"Escape",active:e&&r},()=>i()),Ji(e);const s=xa({container:Ud,animateIn:ci.animations.slide.in.center,animateOut:ci.animations.slide.out.center});return e?Ft.createPortal(ct.createElement(ct.Fragment,null,ct.createElement(wa,{hidden:!e,onClick:i,style:{opacity:t?0:1}}),ct.createElement(s,{"data-id":"modal"+(n?`-${n.title.replaceAll(" ","-")}`:""),enter:e},n&&ct.createElement(Wd,null,ct.createElement(Vd,{onClick:i},ct.createElement(nt,null),ct.createElement(Jd,null,"Cancel")),ct.createElement(Gd,null,ct.createElement(Yd,null,n.title)),ct.createElement(Hd,null,o)),ct.createElement(qd,null,a))),document.body):null},Xd=Et.div`
|
|
1331
1331
|
display: flex;
|
|
1332
1332
|
flex-direction: ${({$isVertical:e})=>e?"column":"row"};
|
|
1333
1333
|
gap: ${({$isVertical:e})=>e?"12px":"24px"};
|
|
@@ -1336,17 +1336,17 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1336
1336
|
border-radius: 32px;
|
|
1337
1337
|
padding: 8px;
|
|
1338
1338
|
`}
|
|
1339
|
-
`,
|
|
1339
|
+
`,Qd=(e,t)=>!t?.length||!!t?.find(t=>t===e),Zd=({isVertical:e,title:t="Monitors",required:n,errorMessage:o,allowedSignals:i,selectedSignals:a,setSelectedSignals:r})=>{const[s,l]=mt(1===a.length),d=gt(JSON.stringify(a));return ht(()=>{const e=a;e.length||Nn.forEach(({id:t})=>{Qd(t,i)&&e.push(t)});const t=JSON.stringify(e);return d.current!==t&&(d.current=t,r(e),l(1===e.length)),()=>{d.current=""}},[i]),ct.createElement("div",null,t&&ct.createElement(Wl,{title:t,required:n}),ct.createElement(Xd,{$isVertical:e,$hasError:!!o},Nn.map(e=>{const t=Qd(e.id,i),n=((e,t)=>!!t?.find(t=>t===e))(e.id,a);return t?ct.createElement(Ia,{key:e.id,title:e.value,disabled:!t||s&&n,value:n,onChange:t=>((e,t)=>{const n=e,o=t?[...a,n]:a.filter(e=>e!==n);r(o),l(1===o.length)})(e.id,t)}):null})),!!o&&ct.createElement($i,null,o))},ec=Et.div`
|
|
1340
1340
|
display: flex;
|
|
1341
1341
|
gap: 8px;
|
|
1342
1342
|
align-items: center;
|
|
1343
|
-
`,
|
|
1343
|
+
`,tc=Et(Mi)`
|
|
1344
1344
|
display: flex;
|
|
1345
1345
|
align-items: center;
|
|
1346
1346
|
justify-content: center;
|
|
1347
1347
|
gap: 8px;
|
|
1348
1348
|
min-width: 90px;
|
|
1349
|
-
`,
|
|
1349
|
+
`,nc=({buttons:e})=>{const t=ci.useTheme(),n=({button:t,index:n})=>e.length>1&&0===n&&(t.icon||t.iconSrc),o=({button:e,rotate:n})=>e.icon?ct.createElement(e.icon,{size:14,rotate:n,fill:t.text[e.variant||"secondary"]}):e.iconSrc?ct.createElement("img",{src:e.iconSrc,alt:e.label,width:8,height:12}):null;return ct.createElement(ec,null,e.map((e,t)=>ct.createElement(Aa,{key:t,text:e.tooltip||""},ct.createElement(tc,{key:t,variant:e.variant||"secondary",onClick:e.onClick,disabled:e.disabled},n({button:e,index:t})&&o({button:e,rotate:0}),e.label,!n({button:e,index:t})&&o({button:e,rotate:180})))))},oc=Et.div`
|
|
1350
1350
|
position: relative;
|
|
1351
1351
|
&.animated {
|
|
1352
1352
|
overflow: hidden;
|
|
@@ -1354,7 +1354,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1354
1354
|
border-radius: 32px;
|
|
1355
1355
|
animation: ${({$isLeaving:e})=>e?ci.animations.slide.out.bottom:ci.animations.slide.in.bottom} ${({$duration:e})=>e/10}ms forwards;
|
|
1356
1356
|
}
|
|
1357
|
-
`,
|
|
1357
|
+
`,ic=Et.div`
|
|
1358
1358
|
position: absolute;
|
|
1359
1359
|
bottom: -1px;
|
|
1360
1360
|
left: 0;
|
|
@@ -1364,7 +1364,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1364
1364
|
border-radius: 32px;
|
|
1365
1365
|
background-color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1366
1366
|
animation: ${ci.animations.progress.out} ${({$duration:e})=>""+(e-e/10)}ms forwards;
|
|
1367
|
-
`,
|
|
1367
|
+
`,ac=Et.div`
|
|
1368
1368
|
display: flex;
|
|
1369
1369
|
align-items: center;
|
|
1370
1370
|
flex: 1;
|
|
@@ -1372,20 +1372,20 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1372
1372
|
padding: 0 12px;
|
|
1373
1373
|
border-radius: 32px;
|
|
1374
1374
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1375
|
-
`,
|
|
1375
|
+
`,rc=Et.div`
|
|
1376
1376
|
display: flex;
|
|
1377
1377
|
align-items: center;
|
|
1378
1378
|
margin: 0 auto 0 0;
|
|
1379
1379
|
padding: 8px 0;
|
|
1380
1380
|
max-width: ${({$withAction:e,$overrideMaxWidth:t})=>t||(e?"400px":"500px")};
|
|
1381
1381
|
min-height: 12px;
|
|
1382
|
-
`,
|
|
1382
|
+
`,sc=Et(gi)`
|
|
1383
1383
|
font-size: 14px;
|
|
1384
1384
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1385
|
-
`,
|
|
1385
|
+
`,lc=Et(gi)`
|
|
1386
1386
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1387
1387
|
font-size: 12px;
|
|
1388
|
-
`,
|
|
1388
|
+
`,dc=Et(fa)``,cc=Et(gi)`
|
|
1389
1389
|
text-transform: uppercase;
|
|
1390
1390
|
text-decoration: underline;
|
|
1391
1391
|
font-size: 12px;
|
|
@@ -1396,32 +1396,32 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1396
1396
|
transform: scale(1.1);
|
|
1397
1397
|
transition: transform 0.3s;
|
|
1398
1398
|
}
|
|
1399
|
-
`,
|
|
1399
|
+
`,pc=({type:e,icon:t,title:n,message:o,action:i,onClose:a,duration:r=5e3,overrideMaxWidth:s,style:l})=>{const d=ci.useTheme(),[c,p]=mt(!1),u=gt(null),m=gt(null),h=e=>{a&&(p(!0),a({asSeen:e?.asSeen}))};ht(()=>(u.current=setTimeout(()=>h({asSeen:!1}),r),()=>{u.current&&clearTimeout(u.current)}),[r]);const g=t||ro(e,d);return ct.createElement(oc,{className:a?"animated":"",$duration:r,$isLeaving:c,onMouseEnter:()=>{u.current&&clearTimeout(u.current),m.current&&(m.current.style.animationPlayState="paused")},onMouseLeave:()=>{if(m.current){const e=m.current.offsetWidth/m.current.parentElement.offsetWidth*r;u.current=setTimeout(()=>h({asSeen:!1}),e),m.current.style.animationPlayState="running"}}},ct.createElement(ac,{"data-id":"toast",$type:e,style:l},ct.createElement(g,{fill:d.text[e]}),ct.createElement(rc,{$withAction:!!i,$overrideMaxWidth:s},n&&ct.createElement(sc,{$type:e},n),n&&o&&ct.createElement(ir,{orientation:"vertical",type:e}),o&&ct.createElement(lc,{$type:e},o)),(!!i||!!a)&&ct.createElement(dc,null,i&&ct.createElement(cc,{"data-id":"toast-action",onClick:i.onClick},i.label),a&&ct.createElement(ur,{"data-id":"toast-close",onClick:()=>h({asSeen:!0})},ct.createElement(nt,{size:12})))),a&&ct.createElement(ic,{ref:m,$duration:r,$type:e}))},uc=Et($a)`
|
|
1400
1400
|
gap: 12px;
|
|
1401
|
-
`,
|
|
1401
|
+
`,mc=Et(fa)`
|
|
1402
1402
|
width: 100%;
|
|
1403
1403
|
gap: 12px;
|
|
1404
1404
|
align-items: flex-end;
|
|
1405
|
-
`,
|
|
1405
|
+
`,hc=({clientX:e=0,flipX:t,clientY:n=0,flipY:o,isOpen:i,onClose:a,onSave:r,withDelete:s,onDelete:l,title:d,titleTooltip:c,warning:p,children:u})=>{const m=ci.useTheme(),{popupRef:h,popupPosition:g,handlePosition:x}=sa({onClickOutside:a});return aa({key:"Enter",active:i},r),ht(()=>x(e,n),[e,n]),0===g.top&&0!==n||0===g.left&&0!==e?null:ct.createElement(Hi,{ref:h,isOpen:i,top:o?void 0:g.top,bottom:o?g.top:void 0,left:t?void 0:g.left,right:t?g.left:void 0,padding:"24px"},ct.createElement(uc,null,ct.createElement(Aa,{text:c,withIcon:!0},ct.createElement(gi,{size:14},d)),ct.createElement(mc,null,u,ct.createElement(fa,{$gap:6},ct.createElement(ur,{withBorder:!0,onClick:a,tooltip:"Cancel"},ct.createElement(rt,null)),ct.createElement(ur,{withBorder:!0,backgroundColor:m.colors.secondary,onClick:r,tooltip:"Save"},ct.createElement(qe,{fill:m.text.primary})),s&&ct.createElement(ur,{onClick:l,tooltip:"Undo"},ct.createElement(lt,null)))),p&&ct.createElement(pc,{type:rn.Warning,message:p})))},gc=Et.div`
|
|
1406
1406
|
display: flex;
|
|
1407
1407
|
justify-content: space-between;
|
|
1408
1408
|
align-items: center;
|
|
1409
1409
|
gap: 16px;
|
|
1410
|
-
`,
|
|
1410
|
+
`,xc=Et.div`
|
|
1411
1411
|
display: flex;
|
|
1412
1412
|
flex-direction: column;
|
|
1413
1413
|
gap: 4px;
|
|
1414
|
-
`,
|
|
1414
|
+
`,fc=Et.div`
|
|
1415
1415
|
display: flex;
|
|
1416
1416
|
align-items: center;
|
|
1417
1417
|
gap: 8px;
|
|
1418
|
-
|
|
1418
|
+
`,$c=Et(gi)``,yc=Et(gi)``,bc=({title:e,description:t,badgeLabel:n,icon:o,actionButton:i,size:a="medium"})=>{const r="small"===a?16:"medium"===a?20:24,s="small"===a?12:"medium"===a?14:16;return ct.createElement(gc,null,ct.createElement(xc,null,ct.createElement(fc,null,o&&ct.createElement(o,{size:r}),ct.createElement($c,{weight:300,size:r},e),void 0!==n&&ct.createElement(Ri,{label:n,filled:!!n})),ct.createElement(yc,{weight:200,opacity:.8,size:s},t)),i&&ct.createElement("div",null,i))},wc=Et.div`
|
|
1419
1419
|
position: relative;
|
|
1420
1420
|
gap: 0;
|
|
1421
1421
|
z-index: 0;
|
|
1422
1422
|
display: grid;
|
|
1423
1423
|
grid-template-columns: repeat(${({$count:e})=>e}, 1fr);
|
|
1424
|
-
`,
|
|
1424
|
+
`,kc=Et.button`
|
|
1425
1425
|
flex: 1;
|
|
1426
1426
|
display: flex;
|
|
1427
1427
|
align-items: center;
|
|
@@ -1435,7 +1435,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1435
1435
|
&:hover {
|
|
1436
1436
|
border: 1px solid ${({theme:e})=>e.colors.secondary};
|
|
1437
1437
|
}
|
|
1438
|
-
`,
|
|
1438
|
+
`,vc=Et.div`
|
|
1439
1439
|
position: absolute;
|
|
1440
1440
|
top: ${({$y:e})=>e}px;
|
|
1441
1441
|
left: ${({$x:e})=>e}px;
|
|
@@ -1445,7 +1445,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1445
1445
|
background-color: ${({theme:e,$bgColor:t})=>t||e.colors.dropdown_bg_2};
|
|
1446
1446
|
border-radius: ${({$isFirstItem:e,$isLastItem:t})=>e?"32px 0px 0px 32px":t?"0px 32px 32px 0px":"0"};
|
|
1447
1447
|
transition: all 0.3s;
|
|
1448
|
-
`,
|
|
1448
|
+
`,Ec=({options:e=[],selected:t,setSelected:n})=>{const o=e.findIndex(e=>e.value===t),[i,a]=mt(e[o]?.selectedBgColor||""),[r,s]=mt({width:0,height:0}),[l,d]=mt({x:0,y:0}),c=gt(null);return ht(()=>{c.current&&(s({width:c.current.offsetWidth,height:c.current.offsetHeight}),d({x:c.current.offsetWidth*o,y:0}))},[t,o]),ct.createElement(wc,{$count:e.length},e.map(({icon:o,label:i,value:r,selectedBgColor:s,selectedTextColor:l},d)=>{const p=t===r;return ct.createElement(kc,{key:`segment-${i||d}-${r}`,ref:p?c:void 0,$isFirstItem:0===d,$isLastItem:d===e.length-1,onClick:()=>{n(r),a(s||"")}},o&&ct.createElement(o,null),i&&ct.createElement(gi,{size:12,family:"secondary",decoration:"underline",color:p?l:void 0},i))}),ct.createElement(vc,{$bgColor:i,$width:r.width,$height:r.height,$x:l.x,$y:l.y,$isFirstItem:0===o,$isLastItem:o===e.length-1}))},Sc=Et(Mi)`
|
|
1449
1449
|
gap: 8px;
|
|
1450
1450
|
text-transform: none;
|
|
1451
1451
|
text-decoration: none;
|
|
@@ -1459,45 +1459,45 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1459
1459
|
&.selected {
|
|
1460
1460
|
background-color: ${({theme:e})=>e.colors.majestic_blue+ci.opacity.hex["030"]};
|
|
1461
1461
|
}
|
|
1462
|
-
`,
|
|
1462
|
+
`,Cc=Et(gi)`
|
|
1463
1463
|
white-space: nowrap;
|
|
1464
1464
|
overflow: hidden;
|
|
1465
1465
|
text-overflow: ellipsis;
|
|
1466
1466
|
font-size: 14px;
|
|
1467
|
-
`,
|
|
1467
|
+
`,Tc=({label:e,onClick:t,icon:n,iconSrc:o,badgeLabel:i,badgeFilled:a,isSelected:r,withBorder:s,color:l,hoverColor:d,style:c})=>{const p=ci.useTheme();return ct.createElement(Sc,{onClick:t,className:r?"selected":"not-selected",$withBorder:s,$color:l,$hoverColor:d,style:c},n&&ct.createElement("div",null,ct.createElement(n,{fill:p.text.info})),o&&ct.createElement("div",null,ct.createElement("img",{src:o,alt:"",width:16,height:16})),ct.createElement(Cc,null,e),r&&ct.createElement("div",null,ct.createElement(qe,{fill:p.colors.majestic_blue_soft})),void 0!==i&&ct.createElement(Ri,{label:i,filled:a||r}))};var Ac;!function(e){e.Active="active",e.Disabled="disabled",e.Finished="finish"}(Ac||(Ac={}));const Dc=Et.div`
|
|
1468
1468
|
display: flex;
|
|
1469
1469
|
flex-direction: column;
|
|
1470
1470
|
gap: 32px;
|
|
1471
|
-
`,
|
|
1471
|
+
`,Nc=Et.div`
|
|
1472
1472
|
display: flex;
|
|
1473
1473
|
gap: 16px;
|
|
1474
1474
|
padding: 8px;
|
|
1475
|
-
opacity: ${({$state:e})=>e===
|
|
1475
|
+
opacity: ${({$state:e})=>e===Ac.Active?1:e===Ac.Disabled?.5:.8};
|
|
1476
1476
|
transition: all 0.3s;
|
|
1477
|
-
`,
|
|
1477
|
+
`,Ic=Et(fa)`
|
|
1478
1478
|
justify-content: center;
|
|
1479
1479
|
width: 24px;
|
|
1480
1480
|
height: 24px;
|
|
1481
1481
|
border-radius: 32px;
|
|
1482
|
-
border: ${({theme:e,$state:t})=>t===
|
|
1483
|
-
opacity: ${({$state:e})=>e===
|
|
1484
|
-
`,
|
|
1482
|
+
border: ${({theme:e,$state:t})=>t===Ac.Disabled?`1px dashed ${e.text.dark_grey}`:`1px solid ${e.colors.secondary}`};
|
|
1483
|
+
opacity: ${({$state:e})=>e===Ac.Finished?.8:1};
|
|
1484
|
+
`,Oc=Et($a)`
|
|
1485
1485
|
justify-content: center;
|
|
1486
1486
|
gap: 8px;
|
|
1487
|
-
`,
|
|
1487
|
+
`,_c=Et(gi)``,zc=Et(gi)``,Rc=({data:e,currentStep:t=0})=>{const[n,o]=mt([]);return ht(()=>{o(e.map((e,n)=>n<t-1?{...e,state:Ac.Finished,subtitle:e.subtitle||rn.Success}:n===t-1?{...e,state:Ac.Active,subtitle:""}:{...e,state:Ac.Disabled,subtitle:""}))},[t,e]),ct.createElement(Dc,null,n.map((e,t)=>ct.createElement(Nc,{key:t,$state:e.state},ct.createElement(Ic,{$state:e.state},[Ac.Active,Ac.Disabled].includes(e.state)?ct.createElement(gi,{size:12},e.stepNumber):e.state===Ac.Finished?ct.createElement(qe,{size:20}):null),ct.createElement(Oc,null,ct.createElement(_c,{family:"secondary"},e.title),e.subtitle&&ct.createElement(zc,{size:10,weight:300},e.subtitle)))))},Fc=Et(fa)`
|
|
1488
1488
|
width: fit-content;
|
|
1489
1489
|
gap: 6px;
|
|
1490
1490
|
padding: 6px 12px;
|
|
1491
1491
|
border-radius: 360px;
|
|
1492
1492
|
background-color: ${({$type:e,theme:t})=>t.colors[e]};
|
|
1493
|
-
`,
|
|
1493
|
+
`,Lc=Et(gi)`
|
|
1494
1494
|
color: ${({$type:e,theme:t})=>t.text[e]};
|
|
1495
|
-
`,
|
|
1495
|
+
`,Pc=({type:e=rn.Info,icon:t,title:n,size:o,family:i,children:a,...r})=>ct.createElement(Fc,{$type:e},t&&ct.createElement(t,null),ct.createElement(Lc,{$type:e,size:o||12,family:i||"secondary",...r},a||n)),Mc=Et.div`
|
|
1496
1496
|
display: flex;
|
|
1497
1497
|
flex-direction: column;
|
|
1498
1498
|
position: relative;
|
|
1499
1499
|
width: 100%;
|
|
1500
|
-
`,
|
|
1500
|
+
`,Bc=Et.div`
|
|
1501
1501
|
width: 100%;
|
|
1502
1502
|
display: flex;
|
|
1503
1503
|
align-items: center;
|
|
@@ -1525,7 +1525,7 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1525
1525
|
&:focus-within {
|
|
1526
1526
|
border-color: ${({theme:e})=>e.colors.secondary};
|
|
1527
1527
|
}
|
|
1528
|
-
`,
|
|
1528
|
+
`,jc=Et.textarea`
|
|
1529
1529
|
flex: 1;
|
|
1530
1530
|
border: none;
|
|
1531
1531
|
outline: none;
|
|
@@ -1549,13 +1549,13 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1549
1549
|
background-color: ${({theme:e})=>e.colors.border};
|
|
1550
1550
|
cursor: not-allowed;
|
|
1551
1551
|
}
|
|
1552
|
-
`,
|
|
1552
|
+
`,Uc=({errorMessage:e,title:t,tooltip:n,required:o,onChange:i,name:a,...r})=>{const s=gt(null),l=e=>{s.current&&(s.current.style.height="auto",e&&(s.current.style.height=`${s.current.scrollHeight}px`))};return ct.createElement(Mc,null,ct.createElement(Wl,{title:t,required:o,tooltip:n}),ct.createElement(Bc,{$disabled:r.disabled,$hasError:!!e,$isActive:!!r.autoFocus},ct.createElement(jc,{ref:s,"data-id":a,name:a,onFocus:()=>l(!0),onBlur:()=>l(!1),onChange:e=>{e.stopPropagation(),l(!0),i?.(e)},onKeyDown:e=>{e.stopPropagation()},...r})),!!e&&ct.createElement($i,null,e))},Wc=Et.div`
|
|
1553
1553
|
display: flex;
|
|
1554
1554
|
align-items: center;
|
|
1555
1555
|
gap: 12px;
|
|
1556
1556
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
1557
1557
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
1558
|
-
`,
|
|
1558
|
+
`,Vc=Et.div`
|
|
1559
1559
|
width: 24px;
|
|
1560
1560
|
height: 12px;
|
|
1561
1561
|
border: 1px ${({$isActive:e,theme:t})=>e?`solid ${t.colors.majestic_blue}`:`dashed ${t.text.grey}`};
|
|
@@ -1577,29 +1577,29 @@ import{SamplerIcon as e,PiiMaskingIcon as t,ImageErrorIcon as n,K8sLogo as o,Add
|
|
|
1577
1577
|
transform: ${({$isActive:e})=>e?"translateX(12px)":"translateX(0)"};
|
|
1578
1578
|
transition: background-color 0.3s, transform 0.3s;
|
|
1579
1579
|
}
|
|
1580
|
-
`,
|
|
1580
|
+
`,Hc=({title:e,tooltip:t,initialValue:n=!1,onChange:o,disabled:i,allowPropagation:a=!1,flipHorizontally:r})=>{const[s,l]=mt(n);return ht(()=>l(n),[n]),ct.createElement(Wc,{$disabled:i,onClick:e=>{i||(a||e.stopPropagation(),o?o(!s):l(e=>!e))}},!r&&ct.createElement(Vc,{$disabled:i,$isActive:s}),(e||t)&&ct.createElement(Aa,{text:t,withIcon:!0},e&&ct.createElement(gi,{size:14},e)),r&&ct.createElement(Vc,{$disabled:i,$isActive:s}))};var qc={v:"5.12.1",fr:60,ip:0,op:80,w:220,h:620,nm:"Odigos - Trace Loader",ddd:0,assets:[{id:"comp_0",nm:"moving lines-5",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[6.097,.571,0],ix:2,l:2},a:{a:0,k:[-.046,-149.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-.055,-173.88],[.095,546.629]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:2.4,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:18.172,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:36.174,s:[85.889]},{t:51,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:12.174,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:30.174,s:[85.889]},{t:45,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:51,st:-26,ct:1,bm:0}]},{id:"comp_1",nm:"moving lines-4",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.475,.571,0],ix:2,l:2},a:{a:0,k:[.144,-156.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.167,-182.047],[.314,547.797]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:17.9,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:38.055,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:61.053,s:[85.889]},{t:80,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:15.553,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:38.555,s:[85.889]},{t:57.5,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:80,st:-26,ct:1,bm:0}]},{id:"comp_2",nm:"moving lines-3",fr:60,layers:[{ddd:0,ind:1,ty:4,nm:"moving lines-3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[5.841,.571,0],ix:2,l:2},a:{a:0,k:[.324,-150.04,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[.382,-175.047],[-.051,538.464]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:6,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:!1},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[85.714,85.714],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Vector",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"tm",s:{a:1,k:[{i:{x:[.757],y:[.459]},o:{x:[.441],y:[0]},t:6,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:23.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:43.525,s:[85.889]},{t:60,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.757],y:[.582]},o:{x:[.441],y:[0]},t:0,s:[0]},{i:{x:[.574],y:[.569]},o:{x:[.451],y:[.436]},t:13.525,s:[23.624]},{i:{x:[.571],y:[1]},o:{x:[.173],y:[.635]},t:33.525,s:[85.889]},{t:50,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:!1}],ip:0,op:60,st:-26,ct:1,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:-22,op:29,st:-22,ct:1,bm:0},{ddd:0,ind:2,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:56,op:107,st:56,ct:1,bm:0},{ddd:0,ind:3,ty:0,nm:"moving lines-5",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[213,1,0],ix:2,l:2},a:{a:0,k:[6,0,0],ix:1,l:2},s:{a:0,k:[100,99.4,100],ix:6,l:2}},ao:0,w:12,h:619,ip:22,op:73,st:22,ct:1,bm:0},{ddd:0,ind:4,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:-65,op:15,st:-65,ct:1,bm:0},{ddd:0,ind:5,ty:0,nm:"moving lines-4",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110.5,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,98.2,100],ix:6,l:2}},ao:0,w:11,h:627,ip:14,op:94,st:14,ct:1,bm:0},{ddd:0,ind:6,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:2,op:62,st:2,ct:1,bm:0},{ddd:0,ind:7,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:-36,op:20,st:-40,ct:1,bm:0},{ddd:0,ind:8,ty:0,nm:"moving lines-3",refId:"comp_2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[7,1,0],ix:2,l:2},a:{a:0,k:[5.5,0,0],ix:1,l:2},s:{a:0,k:[100,100.4,100],ix:6,l:2}},ao:0,w:11,h:613,ip:39,op:99,st:39,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Vector :M",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[110,309.736,0],ix:2,l:2},a:{a:0,k:[308.5,313.236,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[205.677,618.844],[205.677,4.807]],c:!1},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ind:1,ty:"sh",ix:2,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[411.428,618.822],[411.333,4.99]],c:!1},ix:2},nm:"Path 6",mn:"ADBE Vector Shape - Group",hd:!1},{ind:2,ty:"sh",ix:3,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[308.5,618.796],[308.5,5.145]],c:!1},ix:2},nm:"Path 7",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"st",c:{a:0,k:[.975244164467,.975244164467,.975244164467,.639999985695],ix:3},o:{a:0,k:64,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 7",mn:"ADBE Vector Graphic - Stroke",hd:!1}],ip:0,op:684,st:0,ct:1,bm:0}],markers:[],props:{}};const Gc=Et.div`
|
|
1581
1581
|
width: ${({$width:e})=>e}px;
|
|
1582
1582
|
height: ${({$height:e})=>e}px;
|
|
1583
1583
|
position: relative;
|
|
1584
|
-
`,
|
|
1584
|
+
`,Yc=({width:e=620})=>{const{darkMode:t}=ci.useTheme(),n=e/(620/220),o=e;return ct.createElement(Gc,{$width:o,$height:n},ct.createElement(Bt,{autoplay:!0,loop:!0,animationData:qc,style:{width:n,height:o,transform:"rotate(-90deg)",position:"absolute",top:-(n-n/10),left:n-n/10,filter:t?"invert(0)":"invert(1)"}}))},Jc=Et.div`
|
|
1585
1585
|
padding: 24px 32px;
|
|
1586
|
-
`,
|
|
1586
|
+
`,Kc=Et.div`
|
|
1587
1587
|
padding: ${({$withNote:e})=>e?"12px 0px":"12px 0px 32px 0"};
|
|
1588
|
-
`,
|
|
1588
|
+
`,Xc=Et(gi)`
|
|
1589
1589
|
font-size: 20px;
|
|
1590
1590
|
line-height: 28px;
|
|
1591
|
-
`,
|
|
1591
|
+
`,Qc=Et(gi)`
|
|
1592
1592
|
color: ${({theme:e})=>e.text.grey};
|
|
1593
1593
|
width: 416px;
|
|
1594
1594
|
font-style: normal;
|
|
1595
1595
|
font-weight: 300;
|
|
1596
1596
|
line-height: 24px;
|
|
1597
|
-
`,
|
|
1597
|
+
`,Zc=Et.div`
|
|
1598
1598
|
display: flex;
|
|
1599
1599
|
justify-content: space-between;
|
|
1600
1600
|
gap: 12px;
|
|
1601
|
-
`,
|
|
1601
|
+
`,ep=Et(Mi)`
|
|
1602
1602
|
width: 250px;
|
|
1603
|
-
`,
|
|
1603
|
+
`,tp=Et.div`
|
|
1604
1604
|
margin-bottom: 12px;
|
|
1605
|
-
`,
|
|
1605
|
+
`,np=({isOpen:e,noOverlay:t,title:n="",description:o="",note:i,approveButton:a,denyButton:r,closeOnEscape:s=!0})=>{aa({key:"Enter",active:e&&s},()=>a.onClick());const l=()=>r.onClick();return ct.createElement(Kd,{isOpen:e,noOverlay:t,onClose:l},ct.createElement(Jc,null,ct.createElement(Xc,null,n),ct.createElement(Kc,{$withNote:!!i},ct.createElement(Qc,null,o)),!!i&&ct.createElement(tp,null,ct.createElement(pc,{type:i.type,title:i.title,message:i.message})),ct.createElement(Zc,null,ct.createElement(ep,{"data-id":"approve",variant:a.variant||"primary",onClick:()=>a.onClick()},a.text),ct.createElement(ep,{"data-id":"deny",variant:r.variant||"secondary",onClick:l},r.text))))};export{Aa as $,Wt as A,Po as B,Ia as C,Lo as D,tn as E,Wl as F,nr as G,pl as H,Kl as I,en as J,Ht as K,$a as L,Zd as M,Yo as N,Kd as O,nc as P,ka as Q,pc as R,Ec as S,ci as T,Fo as U,Oi as V,ir as W,Vn as X,lr as Y,fa as Z,ko as _,Zs as a,uo as a$,ln as a0,ro as a1,qo as a2,Fn as a3,wr as a4,Xn as a5,Cr as a6,va as a7,Ea as a8,as as a9,Ki as aA,sa as aB,Hi as aC,Tc as aD,ba as aE,Kn as aF,ra as aG,wo as aH,rd as aI,Oo as aJ,Nn as aK,Mi as aL,Ro as aM,la as aN,ea as aO,zo as aP,ur as aQ,Ja as aR,dr as aS,xr as aT,nn as aU,vo as aV,zn as aW,po as aX,Ga as aY,kn as aZ,na as a_,Jn as aa,Sa as ab,Qs as ac,ya as ad,td as ae,Yc as af,Ri as ag,No as ah,mn as ai,Un as aj,hn as ak,jr as al,gn as am,An as an,Gn as ao,lo as ap,Eo as aq,Yn as ar,Uo as as,Go as at,Qi as au,Bn as av,Mn as aw,Pn as ax,Ln as ay,Rs as az,$i as b,jn as b$,ti as b0,In as b1,Or as b2,Tn as b3,Rn as b4,Rc as b5,il as b6,eo as b7,yn as b8,bn as b9,Er as bA,Hn as bB,xo as bC,Zi as bD,qi as bE,hc as bF,pn as bG,un as bH,cn as bI,Qt as bJ,Bo as bK,Wn as bL,za as bM,io as bN,$r as bO,Ut as bP,qt as bQ,Gt as bR,Yt as bS,Jt as bT,Kt as bU,Xt as bV,sn as bW,dn as bX,xn as bY,En as bZ,On as b_,$n as ba,wn as bb,fn as bc,Pc as bd,qn as be,ia as bf,Dn as bg,xa as bh,Qo as bi,co as bj,ga as bk,Xi as bl,gr as bm,Sd as bn,so as bo,mo as bp,hr as bq,Pr as br,Br as bs,fo as bt,Co as bu,ca as bv,Ms as bw,vn as bx,Zt as by,ha as bz,Vt as c,Qn as c0,Zn as c1,to as c2,no as c3,oo as c4,ao as c5,go as c6,$o as c7,bo as c8,So as c9,kl as cA,ui as cB,mi as cC,hi as cD,np as cE,wa as cF,To as ca,Ao as cb,Do as cc,Io as cd,_o as ce,Mo as cf,jt as cg,Ji as ch,qr as ci,Yr as cj,Kr as ck,Qr as cl,ps as cm,ks as cn,hs as co,os as cp,Ns as cq,xs as cr,ja as cs,xl as ct,Dl as cu,Rl as cv,fd as cw,kd as cx,yr as cy,As as cz,an as d,zd as e,Hc as f,jd as g,Nd as h,ho as i,on as j,gi as k,bc as l,yl as m,Uc as n,Jo as o,Wo as p,aa as q,Ml as r,fl as s,Bi as t,Xo as u,rn as v,Vo as w,Yi as x,Cn as y,Sn as z};
|