n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 5.68 kB
JavaScript
(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`9b80a385-d4c6-49ae-91e4-7210e0c1a8c5`,e._sentryDebugIdIdentifier=`sentry-dbid-9b80a385-d4c6-49ae-91e4-7210e0c1a8c5`)})()}catch{}import{$ as e,A as t,C as n,Ft as r,N as i,O as a,S as o,Sn as s,Wt as c,_n as l,j as u,w as d,yt as f}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as p}from"./core-Bz5WjPxS.js";import{Di as m,Ft as h,Qi as g,lt as _,n as v}from"./src-XqE2yCpG.js";import{t as y}from"./_plugin-vue_export-helper-CIL7EULb.js";import{fr as b,r as x}from"./users.store-xP93bV7X.js";import{Er as S,Qo as C}from"./constants-DuQbSl-q.js";import{c as w,t as T}from"./useRootStore-XEREVjMN.js";import"./settings.store-CAFiYCMH.js";import"./DropdownMenu-B6HcQlju.js";async function E(e,t,n){return await w(e,`POST`,`/workflow-dependencies/counts`,{resourceIds:t,resourceType:n})}async function D(e,t,n){return await w(e,`POST`,`/workflow-dependencies/details`,{resourceIds:t,resourceType:n})}var O=r({}),k=r({});function A(){let e=T();async function t(t,n){if(t.length!==0)try{let r=await E(e.restApiContext,t,n);for(let[e,t]of Object.entries(r))k.value[e]=t}catch{}}async function n(t,n){if(t.length!==0)try{let r=await D(e.restApiContext,t,n);for(let[e,t]of Object.entries(r))O.value[e]=t}catch{}}function r(e){return O.value[e]}function i(e){return k.value[e]}function a(e){let t=k.value[e];return t?Object.values(t).reduce((e,t)=>e+t,0):0}function o(e){let t=O.value[e];return t===void 0?a(e)>0:t.dependencies.length>0||t.inaccessibleCount>0}function s(){O.value={},k.value={}}return{fetchDependencyCounts:t,fetchDependencies:n,getDependencies:r,getDependencyCounts:i,getTotalCount:a,hasDependencies:o,clearCache:s}}var j=6,M=y(i({__name:`DependencyPill`,props:{resourceType:{},resourceId:{},totalCount:{},source:{},dataTestId:{}},setup(i){let y=i,w=p(),T=_(),E=x(),D=b(),{getDependencies:O,fetchDependencies:k,getTotalCount:M}=A(),N=r(!1),P=o(()=>O(y.resourceId)),F=o(()=>{let e=P.value;return e?e.dependencies.length+e.inaccessibleCount:M(y.resourceId)??0}),I=o(()=>(P.value?.inaccessibleCount??0)>0),L=o(()=>w.baseText(`workflows.dependencies.tooltip.${y.resourceType}`)),R=o(()=>P.value!==void 0),z=o(()=>(P.value?.dependencies.length??0)>=j),B=r(``),V={credentialId:{icon:`key-round`,labelKey:`workflows.dependencies.type.credentials`},dataTableId:{icon:`table`,labelKey:`workflows.dependencies.type.dataTables`},errorWorkflow:{icon:`bug`,labelKey:`workflows.dependencies.type.errorWorkflow`},errorWorkflowParent:{icon:`bug`,labelKey:`workflows.dependencies.type.errorWorkflowParent`},workflowCall:{icon:`log-in`,labelKey:`workflows.dependencies.type.subWorkflows`},workflowParent:{icon:`log-in`,labelKey:`workflows.dependencies.type.parentWorkflows`}},H=[`credentialId`,`dataTableId`,`workflowCall`,`workflowParent`,`errorWorkflow`,`errorWorkflowParent`],U=o(()=>{let e=P.value?.dependencies??[];if(e.length===0)return[];let t=B.value.toLowerCase().trim(),n=t?e.filter(e=>e.name.toLowerCase().includes(t)):e,r={credentialId:[],dataTableId:[],errorWorkflow:[],errorWorkflowParent:[],workflowCall:[],workflowParent:[]};for(let e of n){let t=e.type;r[t]&&r[t].push(e)}let i=[];for(let e of H){let t=r[e];if(t.length===0)continue;let n=V[e];i.push({id:`header-${e}`,label:w.baseText(n.labelKey),icon:{type:`icon`,value:n.icon},disabled:!0,divided:i.length>0});for(let e of t)i.push({id:`${e.type}:${e.id}`,label:e.name})}return i});function W(e){let[t,n]=e.split(`:`);if(!t||!n)return;let r=(P.value?.dependencies??[]).find(e=>e.type===t&&e.id===n);if(r)switch(r.type){case`credentialId`:E.openExistingCredential(r.id);break;case`workflowCall`:case`workflowParent`:case`errorWorkflow`:case`errorWorkflowParent`:let e=T.resolve({name:C.WORKFLOW,params:{name:r.id}}).href;window.open(e,`_blank`);break;case`dataTableId`:if(r.projectId){let e=T.resolve({name:S,params:{projectId:r.projectId,id:r.id}}).href;window.open(e,`_blank`)}break}}function G(e){B.value=e}async function K(){await k([y.resourceId],y.resourceType)}async function q(e){e&&(D.track(`User opened dependency pill`,{source:y.source,dependency_count:F.value}),!R.value&&!N.value&&(N.value=!0,await K(),N.value=!1))}return(r,o)=>(e(),d(c(m),{content:L.value,placement:`left`,"show-after":200},{default:f(()=>[u(c(v),{items:U.value,trigger:`hover`,placement:`bottom`,loading:N.value,"loading-item-count":1,searchable:z.value,"extra-popper-class":`dependency-pill-dropdown`,"search-placeholder":c(w).baseText(`workflows.dependencies.search.placeholder`),"max-height":280,"data-test-id":i.dataTestId,onSelect:W,onSearch:G,"onUpdate:modelValue":q},a({trigger:f(()=>[u(c(h),{theme:`tertiary`,class:l(r.$style.badge)},{default:f(()=>[n(`span`,{class:l(r.$style.badgeText)},[u(c(g),{icon:`link`,size:`medium`}),t(` `+s(F.value),1)],2)]),_:1},8,[`class`])]),_:2},[I.value?{name:`footer`,fn:f(()=>[n(`div`,{class:l(r.$style.hiddenNotice)},s(c(w).baseText(`workflows.dependencies.hiddenNotice`,{adjustToNumber:P.value.inaccessibleCount,interpolate:{count:String(P.value.inaccessibleCount)}})),3)]),key:`0`}:void 0]),1032,[`items`,`loading`,`searchable`,`search-placeholder`,`data-test-id`])]),_:1},8,[`content`]))}}),[[`__cssModules`,{$style:{badge:`_badge_1dqs1_125`,badgeText:`_badgeText_1dqs1_133`,hiddenNotice:`_hiddenNotice_1dqs1_140`}}]]);export{A as n,M as t};
//# sourceMappingURL=DependencyPill-DaytNi4_.js.map