UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 11.1 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./upload-legacy-DwfiwDGc.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./dataTable.store-legacy-CrFQcdTs.js","./Modal-legacy-myZZZK6d.js"],(function(e,a){var l,t,o,n,d,s,r,i,c,u,m,p,b,v,_,g,T,f,y,x,w,h,C,j,k,D,I,E,M,$,R,N,S,O,z,A,V,B;return{setters:[function(e){e.o},function(e){l=e.$,t=e.A,o=e.C,n=e.E,d=e.Ft,s=e.N,r=e.S,i=e.Sn,c=e.T,u=e.Wt,m=e._n,p=e.gt,b=e.j,v=e.w,_=e.yt},function(e){g=e.at},function(e){T=e.At,f=e.Qi,y=e.Xi,x=e.Yi,w=e.Zi,h=e.dt},function(e){C=e.t},function(e){j=e.t},function(e){k=e.Ln,D=e.Pn,I=e.fr,E=e.r},function(e){M=e.Ji,$=e.Tr,R=e.jr,N=e.kr,e.ys},function(e){S=e.t},function(e){O=e.t}],execute:function(){(z=document.createElement("style")).textContent="._content_10b6w_125{padding:var(--spacing--xs) 0}._footer_10b6w_129{justify-content:flex-end;gap:var(--spacing--xs);display:flex}._content_1prl1_125{gap:var(--spacing--sm);flex-direction:column;display:flex}._uploadDemo_1prl1_131{width:100%}._uploadDemo_1prl1_131 .el-upload{border-radius:var(--radius--lg);width:100%}._uploadDemo_1prl1_131 .el-upload-dragger{width:100%;padding:var(--spacing--2xl) var(--spacing--lg);border:1px solid var(--color--foreground);background-color:var(--color--background);border-radius:var(--radius--lg);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}._uploadDemo_1prl1_131 .el-upload-dragger:hover{background-color:var(--color--background)}._uploadDemo_1prl1_131 input[type=file]{display:none!important}._uploadIcon_1prl1_157{margin-bottom:var(--spacing--sm)}._uploadingMessage_1prl1_161{padding:var(--spacing--lg);text-align:center;color:var(--color--text--tint-1)}._columnResults_1prl1_167{gap:var(--spacing--xs);flex-direction:column;display:flex}._readyToImport_1prl1_173{font-weight:var(--font-weight--bold)}._footer_1prl1_177{justify-content:flex-end;gap:var(--spacing--xs);display:flex}\n/*$vite$:1*/",document.head.appendChild(z);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(L=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[L]="7f4c9a76-bc04-411a-a528-811eb4263e45",a._sentryDebugIdIdentifier="sentry-dbid-7f4c9a76-bc04-411a-a528-811eb4263e45")}catch(a){}var a,L;A=C(s({__name:"DownloadDataTableModal",props:{modalName:{},dataTableName:{}},emits:["confirm","close"],setup(e,{emit:a}){const t=e,n=a,s=g(),r=d(!1),i=()=>{n("confirm",r.value)};return(e,a)=>(l(),v(O,{name:t.modalName,title:u(s).baseText("dataTable.download.modal.title"),center:!0,width:"460px","event-bus":void 0,onEnter:i},{content:_((()=>[o("div",{class:m(e.$style.content)},[b(u(h),{modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=e=>r.value=e),label:u(s).baseText("dataTable.download.modal.includeSystemColumns"),"data-test-id":"download-include-system-columns"},null,8,["modelValue","label"])],2)])),footer:_((()=>[o("div",{class:m(e.$style.footer)},[b(u(w),{type:"secondary",size:"large",label:u(s).baseText("dataTable.download.modal.cancel"),"data-test-id":"download-modal-cancel",onClick:a[1]||(a[1]=()=>e.$emit("close"))},null,8,["label"]),b(u(w),{size:"large",label:u(s).baseText("dataTable.download.modal.confirm"),"data-test-id":"download-modal-confirm",onClick:i},null,8,["label"])],2)])),_:1},8,["name","title"]))}}),[["__cssModules",{$style:{content:"_content_10b6w_125",footer:"_footer_10b6w_129"}}]]),V=C(s({__name:"ImportCsvModal",props:{modalName:{},dataTable:{}},emits:["imported","close"],setup(e,{emit:a}){const s=e,T=a,h=S(),C=E(),k=g(),$=D(),R=I(),N=d(null),z=d(null),A=d(0),V=d(!1),B=d(!1),L=d(!1),P=d([]),U=d([]),W=r((()=>null!==z.value)),F=r((()=>new Set(s.dataTable.columns.map((e=>e.name))))),Y=r((()=>W.value?s.dataTable.columns.filter((e=>!P.value.includes(e.name))).map((e=>e.name)):[])),J=r((()=>W.value&&P.value.length>0&&0===U.value.length&&!B.value)),Q=e=>{e.raw&&(N.value=e.raw,X())},X=async()=>{if(N.value){V.value=!0;try{const e=await h.uploadCsvFile(N.value,!0);z.value=e.id,A.value=e.rowCount,P.value=[],U.value=[];for(const a of e.columns)M.includes(a.name)||(F.value.has(a.name)?P.value.push(a.name):U.value.push(a.name))}catch(e){$.showError(e,k.baseText("dataTable.upload.error")),q()}finally{V.value=!1}}},Z=async()=>{if(z.value&&J.value){B.value=!0;try{const e=await h.importCsvToDataTable(s.dataTable.id,s.dataTable.projectId,z.value);$.showMessage({title:k.baseText("dataTable.importCsv.success",{adjustToNumber:e.importedRowCount,interpolate:{count:String(e.importedRowCount)}}),type:"success"}),R.track("User imported CSV to data table",{data_table_id:s.dataTable.id,data_table_project_id:s.dataTable.projectId,imported_row_count:e.importedRowCount,system_columns_ignored:e.systemColumnsIgnored}),C.closeModal(s.modalName),T("imported")}catch(e){$.showError(e,k.baseText("dataTable.importCsv.error"))}finally{B.value=!1}}},q=()=>{N.value=null,z.value=null,A.value=0,P.value=[],U.value=[]};p(r((()=>C.modalsById[s.modalName]?.open)),(e=>{e||q()}));const G=()=>{q(),T("close")};return(e,a)=>(l(),v(O,{name:s.modalName,title:u(k).baseText("dataTable.importCsv.title"),center:!0,width:"540px","event-bus":void 0},{content:_((()=>[o("div",{class:m(e.$style.content)},[b(u(y),{color:"text-light",size:"small"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.description")),1)])),_:1}),b(u(j),{class:m(e.$style.uploadDemo),drag:"","auto-upload":!1,"show-file-list":!1,accept:".csv","on-change":Q,"data-test-id":"import-csv-upload",onMouseenter:a[0]||(a[0]=e=>L.value=!0),onMouseleave:a[1]||(a[1]=e=>L.value=!1)},{default:_((()=>[b(u(f),{icon:"file",size:24,color:L.value?"text-dark":"text-light",class:m(e.$style.uploadIcon)},null,8,["color","class"]),N.value?(l(),v(u(y),{key:0,color:L.value?"text-dark":"text-light"},{default:_((()=>[t(i(N.value.name),1)])),_:1},8,["color"])):(l(),v(u(y),{key:1,size:"medium",color:L.value?"text-dark":"text-light"},{default:_((()=>[t(i(u(k).baseText("dataTable.upload.dropOrClick")),1)])),_:1},8,["color"]))])),_:1},8,["class"]),V.value?(l(),n("div",{key:0,class:m(e.$style.uploadingMessage)},i(u(k).baseText("dataTable.upload.uploading")),3)):c("",!0),W.value&&!V.value?(l(),n("div",{key:1,class:m(e.$style.columnResults)},[U.value.length>0&&Y.value.length>0?(l(),v(u(x),{key:0,theme:"danger","data-test-id":"import-csv-column-mismatch"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.columnMismatch",{interpolate:{unrecognized:U.value.join(", "),missing:Y.value.join(", ")}})),1)])),_:1})):U.value.length>0?(l(),v(u(x),{key:1,theme:"danger","data-test-id":"import-csv-unrecognized-columns"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.unrecognizedColumnsOnly",{interpolate:{columns:U.value.join(", ")}})),1)])),_:1})):Y.value.length>0?(l(),v(u(x),{key:2,theme:"info","data-test-id":"import-csv-missing-columns"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.missingColumnsOnly",{interpolate:{columns:Y.value.join(", ")}})),1)])),_:1})):c("",!0),0===P.value.length&&0===U.value.length?(l(),v(u(x),{key:3,theme:"danger","data-test-id":"import-csv-no-matching-columns"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.noMatchingColumns")),1)])),_:1})):c("",!0),J.value?(l(),v(u(y),{key:4,size:"small",class:m(e.$style.readyToImport),"data-test-id":"import-csv-ready-to-import"},{default:_((()=>[t(i(u(k).baseText("dataTable.importCsv.readyToImport",{adjustToNumber:A.value,interpolate:{count:String(A.value)}})),1)])),_:1},8,["class"])):c("",!0)],2)):c("",!0)],2)])),footer:_((()=>[o("div",{class:m(e.$style.footer)},[b(u(w),{variant:"subtle",size:"large",label:u(k).baseText("generic.cancel"),"data-test-id":"import-csv-cancel",onClick:G},null,8,["label"]),b(u(w),{size:"large",label:u(k).baseText("dataTable.importCsv.importButton"),disabled:!J.value,loading:B.value,"data-test-id":"import-csv-confirm",onClick:Z},null,8,["label","disabled","loading"])],2)])),_:1},8,["name","title"]))}}),[["__cssModules",{$style:{content:"_content_1prl1_125",uploadDemo:"_uploadDemo_1prl1_131",uploadIcon:"_uploadIcon_1prl1_157",uploadingMessage:"_uploadingMessage_1prl1_161",columnResults:"_columnResults_1prl1_167",readyToImport:"_readyToImport_1prl1_173",footer:"_footer_1prl1_177"}}]]),B=s({__name:"DataTableActions",props:{dataTable:{},isReadOnly:{type:Boolean,default:!1},location:{}},emits:["rename","onDeleted","imported"],setup(e,{emit:a}){const t=e,o=a,d=S(),s=E(),i=g(),c=k(),m=D(),p=I(),v=r((()=>`${N}-${t.dataTable.id}`)),_=r((()=>`${R}-${t.dataTable.id}`)),f=r((()=>{const e=[{label:i.baseText("dataTable.importCsv"),value:$.IMPORT_CSV,disabled:!d.projectPermissions.dataTable.writeRow||t.isReadOnly},{label:i.baseText("dataTable.download.csv"),value:$.DOWNLOAD_CSV,disabled:!1},{label:i.baseText("generic.delete"),value:$.DELETE,disabled:!d.projectPermissions.dataTable.delete||t.isReadOnly}];return"breadcrumbs"===t.location&&e.unshift({label:i.baseText("generic.rename"),value:$.RENAME,disabled:!d.projectPermissions.dataTable.update||t.isReadOnly}),e})),y=async e=>{switch(e){case $.RENAME:o("rename",{dataTable:t.dataTable,action:"rename"});break;case $.IMPORT_CSV:s.openModal(_.value);break;case $.DOWNLOAD_CSV:s.openModal(v.value);break;case $.DELETE:"confirm"===await c.confirm(i.baseText("dataTable.delete.confirm.message",{interpolate:{name:t.dataTable.name}}),i.baseText("dataTable.delete.confirm.title"),{confirmButtonText:i.baseText("generic.delete"),cancelButtonText:i.baseText("generic.cancel")})&&await w()}},x=async e=>{try{s.closeModal(v.value),await d.downloadDataTableCsv(t.dataTable.id,t.dataTable.projectId,e),p.track("User downloaded data table CSV",{data_table_id:t.dataTable.id,data_table_project_id:t.dataTable.projectId,include_system_columns:e})}catch(a){m.showError(a,i.baseText("dataTable.download.error"))}},w=async()=>{try{if(!(await d.deleteDataTable(t.dataTable.id,t.dataTable.projectId)))throw new Error(i.baseText("generic.unknownError"));o("onDeleted"),p.track("User deleted data table",{data_table_id:t.dataTable.id,data_table_project_id:t.dataTable.projectId})}catch(e){m.showError(e,i.baseText("dataTable.delete.error"))}};return(a,t)=>(l(),n("div",null,[b(u(T),{actions:f.value,theme:"dark","data-test-id":"data-table-card-actions",onAction:y},null,8,["actions"]),b(A,{"modal-name":v.value,"data-table-name":e.dataTable.name,onConfirm:x,onClose:t[0]||(t[0]=()=>u(s).closeModal(v.value))},null,8,["modal-name","data-table-name"]),b(V,{"modal-name":_.value,"data-table":e.dataTable,onImported:t[1]||(t[1]=e=>o("imported")),onClose:t[2]||(t[2]=()=>u(s).closeModal(_.value))},null,8,["modal-name","data-table"])]))}}),e("t",B)}}})); //# sourceMappingURL=DataTableActions-legacy-BdSB8h5i.js.map