n8n-editor-ui/dist/assets/DataTableDetailsView-B7_hq-Wf.js

Workflow Editor UI for n8n

(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]=`1cba447f-6361-428a-9259-38dbd274fb6f`,e._sentryDebugIdIdentifier=`sentry-dbid-1cba447f-6361-428a-9259-38dbd274fb6f`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,W as l,Wt as u,X as d,_n as f,gt as p,j as m,pt as h,q as g,w as _,yt as v}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as y}from"./core-Bz5WjPxS.js";import{Di as b,Qi as x,Xi as S,Zi as C,h as w,ji as T,jt as E,k as D,lt as O,v as k}from"./src-XqE2yCpG.js";import{t as A}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Pn as j,Rt as M,mr as N,oi as P}from"./users.store-xP93bV7X.js";import{Ir as F,Or as I,nl as L}from"./constants-DuQbSl-q.js";import{t as R}from"./useDebounce-DyDXl6eh.js";import{t as z}from"./dataTable.store-DVN6vAE2.js";import{t as B}from"./sourceControl.eventBus-B5ya2arB.js";import{t as V}from"./ProjectBreadcrumb-D3-D7Dn1.js";import{n as ee,t as te}from"./DependencyPill-DaytNi4_.js";import{n as ne,t as re}from"./DataTableTable-tR9cLBoN.js";import{t as H}from"./DataTableActions-CHsolxsn.js";var U=`/`,W=a({__name:`DataTableBreadcrumbs`,props:{dataTable:{},readOnly:{type:Boolean}},emits:[`imported`],setup(t){let a=t,d=h(`renameInput`),g=z(),b=y(),x=O(),S=j(),C=i(a.dataTable.name),T=o(()=>!g.projectPermissions.dataTable.update||a.readOnly),E=o(()=>a.dataTable.project??null),D=o(()=>E.value?[{id:`datatables`,label:b.baseText(`dataTable.dataTables`),href:`/projects/${E.value.id}/datatables`}]:[]),A=async e=>{e.href&&await x.push(e.href)},M=async()=>{await x.push({name:F,params:{projectId:a.dataTable.projectId}})},P=async()=>{await l(),d.value&&typeof d.value.forceFocus==`function`&&d.value.forceFocus()},I=async e=>{try{if(!await g.updateDataTable(a.dataTable.id,e,a.dataTable.projectId))throw Error(b.baseText(`generic.unknownError`));C.value=e,N.track(`User renamed data table`,{data_table_id:a.dataTable.id,data_table_project_id:a.dataTable.projectId})}catch(e){C.value=a.dataTable.name,S.showError(e,b.baseText(`dataTable.rename.error`))}};return p(()=>a.dataTable.name,e=>{C.value=e}),(i,o)=>(e(),r(`div`,{class:f(i.$style[`data-table-breadcrumbs`]),"data-test-id":`data-table-breadcrumbs`},[m(u(k),{items:D.value,separator:U,"highlight-last-item":!1,onItemSelected:A},{prepend:v(()=>[E.value?(e(),_(V,{key:0,"current-project":E.value},null,8,[`current-project`])):c(``,!0)]),append:v(()=>[n(`span`,{class:f(i.$style.separator)},s(U),2),m(u(w),{ref_key:`renameInput`,ref:d,modelValue:C.value,"onUpdate:modelValue":[o[0]||=e=>C.value=e,I],"data-test-id":`data-table-header-name-input`,placeholder:u(b).baseText(`dataTable.add.input.name.label`),class:f(i.$style[`breadcrumb-current`]),"read-only":t.readOnly,disabled:T.value},null,8,[`modelValue`,`placeholder`,`class`,`read-only`,`disabled`])]),_:1},8,[`items`]),n(`div`,{class:f(i.$style[`data-table-actions`])},[m(H,{"data-table":a.dataTable,"is-read-only":t.readOnly,location:`breadcrumbs`,onRename:P,onOnDeleted:M,onImported:o[1]||=e=>i.$emit(`imported`)},null,8,[`data-table`,`is-read-only`])],2)],2))}}),G=`_separator_23od7_135`,ie=A(W,[[`__cssModules`,{$style:{"data-table-breadcrumbs":`_data-table-breadcrumbs_23od7_125`,"data-table-actions":`_data-table-actions_23od7_130`,separator:G,"breadcrumb-current":`_breadcrumb-current_23od7_141`}}]]),ae={key:0,"data-test-id":`data-table-details-loading`},oe={key:1},K=a({__name:`DataTableDetailsView`,props:{id:{},projectId:{}},setup(a){let l=a,p=j(),h=y(),w=O(),k=M(),A=z(),N=P(),{fetchDependencyCounts:F,hasDependencies:V}=ee(),H=o(()=>N.preferences.branchReadOnly),U=o(()=>V(l.id)),W=i(!1),G=i(!1),K=i(null),q=i(),J=i(``),{debounce:Y}=R(),X=async e=>{e instanceof Error||(e=Error(String(h.baseText(`dataTable.getDetails.error`)))),p.showError(e,h.baseText(`dataTable.getDetails.error`)),await w.push({name:I,params:{projectId:l.projectId}})},Z=async()=>{W.value=!0;try{let e=await A.fetchOrFindDataTable(l.id,l.projectId);e?(K.value=e,k.set(`${h.baseText(`dataTable.dataTables`)} > ${e.name}`)):await X(Error(h.baseText(`dataTable.notFound`)))}catch(e){await X(e)}finally{W.value=!1,F([l.id],`dataTable`)}},Q=Y(e=>{G.value=e},{debounceTime:50,trailing:!0}),se=Y(()=>{G.value=!1},{debounceTime:L,trailing:!0}),ce=e=>{e?Q(!0):se()},le=async e=>q.value?await q.value.addColumn(e):{success:!1,errorMessage:h.baseText(`dataTable.error.tableNotInitialized`)},ue=async()=>{await q.value?.fetchDataTableRows()},$=async()=>{W.value=!0;try{let e=await A.fetchDataTableDetails(l.id,l.projectId);e?(K.value=e,k.set(`${h.baseText(`dataTable.dataTables`)} > ${e.name}`)):await X(Error(h.baseText(`dataTable.notFound`)))}catch(e){p.showError(e,h.baseText(`dataTable.getDetails.error`))}finally{W.value=!1}};return d(async()=>{k.set(h.baseText(`dataTable.dataTables`)),await Z(),B.on(`pull`,$)}),g(()=>{B.off(`pull`,$)}),(i,o)=>(e(),r(`div`,{class:f(i.$style[`data-table-details-view`]),"data-test-id":`data-table-details-view`},[W.value?(e(),r(`div`,ae,[m(u(E),{variant:`h1`,loading:!0,rows:1,"shrink-last":!1,class:f(i.$style[`header-loading`])},null,8,[`class`]),m(u(E),{loading:!0,variant:`h1`,rows:10,"shrink-last":!1})])):K.value?(e(),r(`div`,oe,[n(`div`,{class:f(i.$style.header)},[m(ie,{"data-table":K.value,"read-only":H.value,onImported:ue},null,8,[`data-table`,`read-only`]),G.value?(e(),r(`div`,{key:0,class:f(i.$style.saving)},[m(u(D)),m(u(S),null,{default:v(()=>[t(s(u(h).baseText(`generic.saving`))+`...`,1)]),_:1})],2)):c(``,!0),n(`div`,{class:f(i.$style.actions)},[U.value?(e(),_(te,{key:0,"resource-type":`dataTable`,"resource-id":a.id,source:`data_table_card`,"data-test-id":`data-table-details-dependents`},null,8,[`resource-id`])):c(``,!0),m(u(T),{modelValue:J.value,"onUpdate:modelValue":o[0]||=e=>J.value=e,"data-test-id":`data-table-search-input`,size:`small`,class:f(i.$style.search),placeholder:u(h).baseText(`generic.search`)},{prefix:v(()=>[m(u(x),{icon:`search`})]),suffix:v(()=>[m(u(b),{placement:`bottom`},{content:v(()=>[t(s(u(h).baseText(`dataTable.search.dateSearchInfo`)),1)]),default:v(()=>[n(`span`,{class:f(i.$style.infoIcon)},[m(u(x),{icon:`info`,size:`small`})],2)]),_:1})]),_:1},8,[`modelValue`,`class`,`placeholder`]),m(u(C),{"data-test-id":`data-table-header-add-row-button`,disabled:H.value,onClick:q.value?.addRow},{default:v(()=>[t(s(u(h).baseText(`dataTable.addRow.label`)),1)]),_:1},8,[`disabled`,`onClick`]),m(ne,{"use-text-trigger":!0,"popover-id":`ds-details-add-column-popover`,params:{onAddColumn:le},disabled:H.value},null,8,[`params`,`disabled`])],2)],2),n(`div`,{class:f(i.$style.content)},[m(re,{ref_key:`dataTableTableRef`,ref:q,"data-table":K.value,search:J.value,"read-only":H.value,onToggleSave:ce},null,8,[`data-table`,`search`,`read-only`])],2)])):c(``,!0)],2))}}),q=`_header_z1555_134`,J=`_saving_z1555_149`,Y=`_actions_z1555_156`,X=`_search_z1555_162`,Z=`_infoIcon_z1555_166`,Q=A(K,[[`__cssModules`,{$style:{"data-table-details-view":`_data-table-details-view_z1555_125`,"header-loading":`_header-loading_z1555_134`,header:q,saving:J,actions:Y,search:X,infoIcon:Z}}]]);export{Q as default};
//# sourceMappingURL=DataTableDetailsView-B7_hq-Wf.js.map