n8n-editor-ui/dist/assets/AddDataTableModal-legacy-DTNwHxG3.js

Workflow Editor UI for n8n

!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","./radio-legacy-5GBJzlU2.js","./constants-legacy-2_ytuuS3.js","./dataTable.store-legacy-CrFQcdTs.js","./Modal-legacy-myZZZK6d.js"],(function(e,a){var l,t,o,n,r,i,d,s,u,c,p,m,y,_,v,g,b,f,h,x,z,T,k,C,w,$,N,j,V,E,I,S,D,M,W,G,H,U,L,O,A,F,P,R;return{setters:[function(e){e.o},function(e){l=e.$,t=e.A,o=e.C,n=e.E,r=e.Ft,i=e.N,d=e.S,s=e.Sn,u=e.T,c=e.Wt,p=e.X,m=e._,y=e._n,_=e.j,v=e.m,g=e.rt,b=e.w,f=e.yt},function(e){h=e.at},function(e){x=e.Qi,z=e.Xi,T=e.Zi,k=e._t,C=e.ct,w=e.dt,$=e.ji,N=e.lt,j=e.ut,V=e.vt},function(e){E=e.t},function(e){I=e.t},function(e){S=e.Pn,D=e.fr,M=e.r},function(e){W=e.n,G=e.t},function(e){H=e.Er,U=e.Ir,L=e.Ji,O=e.ti},function(e){A=e.t},function(e){F=e.t}],execute:function(){(P=document.createElement("style")).textContent="._header_yy3nz_125{margin-bottom:var(--spacing--xs)}._content_yy3nz_129{flex-direction:column;display:flex}._selectionContent_yy3nz_134{gap:var(--spacing--md);flex-direction:column;display:flex}._radioGroup_yy3nz_140{gap:var(--spacing--xs);flex-direction:column;display:flex}._radioGroup_yy3nz_140 .el-radio{height:auto;margin-right:0}._radioGroup_yy3nz_140 .el-radio__input.is-checked .el-radio__inner{background-color:var(--color--primary);border-color:var(--color--primary)}._radioGroup_yy3nz_140 .el-radio__inner{width:16px;height:16px}._radioGroup_yy3nz_140 .el-radio__input:hover .el-radio__inner{border-color:var(--color--foreground)}._radioGroup_yy3nz_140 .el-radio__input.is-checked:hover .el-radio__inner{border-color:var(--color--primary)}._radioGroup_yy3nz_140 .el-radio__label{font-size:var(--font-size--sm);padding-left:var(--spacing--xs);color:var(--color--text)!important}._radioGroup_yy3nz_140 .el-radio.is-checked .el-radio__label{color:var(--color--text)!important}._uploadSection_yy3nz_172{gap:var(--spacing--sm);flex-direction:column;display:flex}._uploadingMessage_yy3nz_178{padding:var(--spacing--lg);text-align:center;color:var(--color--text--tint-1)}._importContent_yy3nz_184{gap:var(--spacing--md);flex-direction:column;display:flex}._successNotice_yy3nz_190{padding:var(--spacing--sm) var(--spacing--md);background-color:var(--color--success--tint-4);border-radius:var(--radius);color:var(--color--success--shade-1);font-size:var(--font-size--sm);line-height:var(--line-height--lg)}._columnHeaders_yy3nz_199{grid-template-columns:var(--spacing--sm) 1fr 1fr;gap:var(--spacing--md);padding:0 var(--spacing--2xs);align-items:baseline;display:grid}._columnHeaderLabel_yy3nz_207{font-size:var(--font-size--sm);font-weight:var(--font-weight--regular);color:var(--color--text--tint-1)}._columnsContainer_yy3nz_213{gap:var(--spacing--md);max-height:400px;padding:var(--spacing--2xs);flex-direction:column;display:flex;overflow-y:auto}._columnItem_yy3nz_222{grid-template-columns:var(--spacing--sm) 1fr 1fr;gap:var(--spacing--md);align-items:start;display:grid}._columnCheckboxWrapper_yy3nz_229{height:var(--spacing--xl);justify-content:center;align-items:center;display:flex}._columnInputWrapper_yy3nz_236{gap:var(--spacing--4xs);flex-direction:column;display:flex}._columnTypeWrapper_yy3nz_242{align-items:center;display:flex}._columnTypeWrapper_yy3nz_242 .column-type-excluded.n8n-select{--el-disabled-bg-color:var(--color--background--light-3);--input--color--background--disabled:var(--color--background--light-3);pointer-events:none;cursor:not-allowed;opacity:.6}._inputError_yy3nz_255{border-color:var(--color--danger)!important}._inputError_yy3nz_255:focus{box-shadow:0 0 0 2px var(--color--danger--tint-3)!important}._columnErrorMessage_yy3nz_262{font-size:var(--font-size--3xs);color:var(--color--danger);line-height:var(--line-height--sm)}._footer_yy3nz_268{gap:var(--spacing--2xs);margin-top:var(--spacing--lg);justify-content:flex-end;display:flex}._fileSelectedContainer_yy3nz_275{gap:var(--spacing--lg);padding:var(--spacing--lg) 0;flex-direction:column;display:flex}._uploadDemo_yy3nz_282{width:100%}._uploadDemo_yy3nz_282 .el-upload{border-radius:var(--radius--lg);width:100%}._uploadDemo_yy3nz_282 .el-upload-dragger{width:100%;padding:var(--spacing--2xl) var(--spacing--lg);border:1px solid var(--color--foreground);background-color:var(--color--background-base);border-radius:var(--radius--lg);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}._uploadDemo_yy3nz_282 .el-upload-dragger:hover{background-color:var(--color--background)}._uploadDemo_yy3nz_282 input[type=file]{display:none!important}._uploadIcon_yy3nz_308{margin-bottom:var(--spacing--sm)}._fileName_yy3nz_312{font-weight:var(--font-weight--regular)}\n/*$vite$:1*/",document.head.appendChild(P);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(B=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[B]="1e02b278-37c0-418f-88e9-1229a68b4eb4",a._sentryDebugIdIdentifier="sentry-dbid-1e02b278-37c0-418f-88e9-1229a68b4eb4")}catch(a){}var a,B;R=["aria-label"],e("default",E(i({__name:"AddDataTableModal",props:{modalName:{}},setup(e){const a=e,i=A(),E=M(),P=C(),B=N(),X=h(),q=S(),J=D(),K=r("select"),Q=r(""),Y=r(null),Z=r(null),ee=r(null),ae=r(""),le=r([]),te=r(0),oe=r(0),ne=r(!1),re=r(!0),ie=r(!1),de=[{label:"String",value:"string"},{label:"Number",value:"number"},{label:"Boolean",value:"boolean"},{label:"Datetime",value:"date"}],se=e=>de.some((a=>a.value===e)),ue=e=>e&&0!==e.length?de.filter((a=>e.includes(a.value))):de,ce=e=>L.includes(e)?X.baseText("dataTable.import.systemColumnName",{interpolate:{columnName:e}}):O.safeParse(e).success?void 0:X.baseText("dataTable.import.invalidColumnName"),pe=d((()=>le.value.filter((e=>e.included)))),me=d((()=>"import"===K.value&&pe.value.some((e=>void 0!==e.error)))),ye=d((()=>{if("import"!==K.value)return!1;const e=pe.value.map((e=>e.name.toLowerCase()));return e.length!==new Set(e).size})),_e=d((()=>"import"===K.value&&0===pe.value.length)),ve=d((()=>"import"===K.value?"Set data table columns":X.baseText("dataTable.add.title"))),ge=d((()=>"import"!==K.value||!Q.value||!ee.value||me.value||ye.value||_e.value));p((()=>{setTimeout((()=>{Y.value?.focus(),Y.value?.select()}),0)}));const be=r("scratch"),fe=async()=>{if(be.value&&Q.value&&!ne.value)if("scratch"===be.value)await Ce();else if("import"===be.value){if(!Z.value)return;await ke()}},he=()=>{le.value.forEach(((e,a)=>{if(!e.included)return void(e.error=void 0);const l=ce(e.name);le.value.some(((l,t)=>t!==a&&l.included&&l.name.toLowerCase()===e.name.toLowerCase()))&&!l?e.error=X.baseText("dataTable.import.duplicateColumnName"):e.error=l}))},xe=()=>{he()},ze=(e=!1)=>{e&&(Q.value=""),Z.value=null,ee.value=null,ae.value="",le.value=[],te.value=0,oe.value=0,be.value="scratch",K.value="select"},Te=e=>{e.raw&&(Z.value=e.raw)},ke=async()=>{if(Z.value){ne.value=!0,K.value="import";try{const e=await i.uploadCsvFile(Z.value,re.value);ee.value=e.id,ae.value=e.originalName,te.value=e.rowCount,oe.value=e.columnCount,le.value=e.columns.map((e=>{const a=(e.compatibleTypes||[e.type]).filter(se),l=e.name.replace(/\s+/g,"_");return{name:l,type:se(e.type)?e.type:"string",compatibleTypes:a,typeOptions:ue(a),error:ce(l),included:!0,csvColumnName:e.name}})),Q.value||(Q.value=Z.value.name.replace(/\.csv$/i,""))}catch(e){q.showError(e,X.baseText("dataTable.upload.error")),ze()}finally{ne.value=!1}}},Ce=async()=>{ne.value=!0;try{let e;if("scratch"===be.value)e=await i.createDataTable(Q.value,P.params.projectId);else if("import"===K.value&&ee.value){const a=le.value.some((e=>!e.included||e.name!==e.csvColumnName.replace(/\s+/g,"_")));e=await i.createDataTable(Q.value,P.params.projectId,pe.value.map((e=>({name:e.name,type:e.type,...a?{csvColumnName:e.csvColumnName}:{}}))),ee.value,re.value)}e&&(J.track("User created data table",{data_table_id:e.id,data_table_project_id:e.project?.id,creation_mode:be.value}),ze(!0),E.closeModal(a.modalName),B.push({name:H,params:{id:e.id}}))}catch(e){q.showError(e,X.baseText("dataTable.add.error"))}finally{ne.value=!1}},we=()=>{K.value="select"},$e=()=>{B.replace({name:U})};return(e,r)=>(l(),b(F,{name:a.modalName,center:!0,width:"import"===K.value?"700px":"540px","min-height":"import"===K.value?"600px":void 0,"before-close":$e},{header:f((()=>[o("div",{class:y(e.$style.header)},[o("h2",null,s(ve.value),1)],2)])),content:f((()=>["select"===K.value?(l(),n("div",{key:0,class:y(e.$style.selectionContent)},[_(c(j),{label:c(X).baseText("dataTable.add.input.name.label"),required:!0,"input-name":"dataTableNameSelect"},{default:f((()=>[_(c($),{ref_key:"inputRef",ref:Y,modelValue:Q.value,"onUpdate:modelValue":r[0]||(r[0]=e=>Q.value=e),type:"text",placeholder:c(X).baseText("dataTable.add.input.name.placeholder"),"data-test-id":"data-table-name-input-select",name:"dataTableNameSelect",onKeydown:v(fe,["enter"])},null,8,["modelValue","placeholder"])])),_:1},8,["label"]),_(c(W),{modelValue:be.value,"onUpdate:modelValue":r[1]||(r[1]=e=>be.value=e),class:y(e.$style.radioGroup)},{default:f((()=>[_(c(G),{label:"scratch","data-test-id":"create-from-scratch-option"},{default:f((()=>[t(s(c(X).baseText("dataTable.add.fromScratch")),1)])),_:1}),_(c(G),{label:"import","data-test-id":"import-csv-option"},{default:f((()=>[t(s(c(X).baseText("dataTable.add.importCsv")),1)])),_:1})])),_:1},8,["modelValue","class"]),"import"===be.value?(l(),n("div",{key:0,class:y(e.$style.uploadSection)},[_(c(I),{class:y(e.$style.uploadDemo),drag:"","auto-upload":!1,"show-file-list":!1,accept:".csv","on-change":Te,onMouseenter:r[2]||(r[2]=e=>ie.value=!0),onMouseleave:r[3]||(r[3]=e=>ie.value=!1)},{default:f((()=>[_(c(x),{icon:"file",size:24,color:ie.value?"text-dark":"text-light",class:y(e.$style.uploadIcon)},null,8,["color","class"]),Z.value?(l(),b(c(z),{key:0,color:ie.value?"text-dark":"text-light"},{default:f((()=>[t(s(Z.value?.name),1)])),_:1},8,["color"])):(l(),b(c(z),{key:1,size:"medium",color:ie.value?"text-dark":"text-light"},{default:f((()=>[t(s(c(X).baseText("dataTable.upload.dropOrClick")),1)])),_:1},8,["color"]))])),_:1},8,["class"]),_(c(w),{modelValue:re.value,"onUpdate:modelValue":r[4]||(r[4]=e=>re.value=e),label:c(X).baseText("dataTable.upload.hasHeaders"),"data-test-id":"has-headers-checkbox"},null,8,["modelValue","label"])],2)):u("",!0)],2)):"import"===K.value?(l(),n("div",{key:1,class:y(e.$style.content)},[ne.value?(l(),n("div",{key:0,class:y(e.$style.uploadingMessage)},s(c(X).baseText("dataTable.upload.uploading")),3)):ee.value?ee.value&&le.value.length>0?(l(),n("div",{key:2,class:y(e.$style.importContent)},[o("div",{class:y(e.$style.successNotice)},s(c(X).baseText("dataTable.upload.success",{adjustToNumber:te.value,interpolate:{fileName:ae.value,columnCount:oe.value,rowCount:te.value}})),3),o("div",{class:y(e.$style.columnHeaders)},[o("div",{"aria-label":c(X).baseText("dataTable.import.includeColumn")},null,8,R),o("div",{class:y(e.$style.columnHeaderLabel)},s(c(X).baseText("dataTable.import.columnName")),3),o("div",{class:y(e.$style.columnHeaderLabel)},s(c(X).baseText("dataTable.import.columnType")),3)],2),o("div",{class:y(e.$style.columnsContainer)},[(l(!0),n(m,null,g(le.value,((a,t)=>(l(),n("div",{key:t,class:y(e.$style.columnItem)},[o("div",{class:y(e.$style.columnCheckboxWrapper)},[_(c(w),{modelValue:a.included,"onUpdate:modelValue":[e=>a.included=e,xe],"data-test-id":`column-include-${t}`},null,8,["modelValue","onUpdate:modelValue","data-test-id"])],2),o("div",{class:y(e.$style.columnInputWrapper)},[_(c($),{modelValue:a.name,"onUpdate:modelValue":[e=>a.name=e,e=>(e=>{le.value[e]&&he()})(t)],placeholder:c(X).baseText("dataTable.import.columnNamePlaceholder"),"data-test-id":`column-name-${t}`,disabled:!a.included,class:y({[e.$style.inputError]:a.error})},null,8,["modelValue","onUpdate:modelValue","placeholder","data-test-id","disabled","class"]),a.error?(l(),n("div",{key:0,class:y(e.$style.columnErrorMessage)},s(a.error),3)):u("",!0)],2),o("div",{class:y(e.$style.columnTypeWrapper)},[_(c(k),{modelValue:a.type,"onUpdate:modelValue":e=>a.type=e,disabled:!a.included||1===a.typeOptions.length,class:y({"column-type-excluded":!a.included}),"data-test-id":`column-type-${t}`},{default:f((()=>[(l(!0),n(m,null,g(a.typeOptions,(e=>(l(),b(c(V),{key:e.value,value:e.value,label:e.label},null,8,["value","label"])))),128))])),_:2},1032,["modelValue","onUpdate:modelValue","disabled","class","data-test-id"])],2)],2)))),128))],2)],2)):u("",!0):(l(),n("div",{key:1,class:y(e.$style.uploadingMessage)},s(c(X).baseText("dataTable.upload.selectFile")),3))],2)):u("",!0)])),footer:f((()=>[o("div",{class:y(e.$style.footer)},["select"===K.value?(l(),b(c(T),{key:0,variant:"subtle",size:"large",label:c(X).baseText("generic.cancel"),"data-test-id":"cancel-select-button",onClick:$e},null,8,["label"])):u("",!0),"select"===K.value?(l(),b(c(T),{key:1,loading:ne.value,size:"large",disabled:!Q.value||!be.value||"import"===be.value&&!Z.value,label:c(X).baseText("generic.create"),"data-test-id":"proceed-from-select-button",onClick:fe},null,8,["loading","disabled","label"])):u("",!0),"import"===K.value?(l(),b(c(T),{key:2,variant:"subtle",size:"large",label:c(X).baseText("generic.back"),"data-test-id":"back-button",onClick:we},null,8,["label"])):u("",!0),"import"===K.value?(l(),b(c(T),{key:3,loading:ne.value,size:"large",disabled:ge.value,label:c(X).baseText("generic.create"),"data-test-id":"confirm-add-data-table-button",onClick:Ce},null,8,["loading","disabled","label"])):u("",!0)],2)])),_:1},8,["name","width","min-height"]))}}),[["__cssModules",{$style:{header:"_header_yy3nz_125",content:"_content_yy3nz_129",selectionContent:"_selectionContent_yy3nz_134",radioGroup:"_radioGroup_yy3nz_140",uploadSection:"_uploadSection_yy3nz_172",uploadingMessage:"_uploadingMessage_yy3nz_178",importContent:"_importContent_yy3nz_184",successNotice:"_successNotice_yy3nz_190",columnHeaders:"_columnHeaders_yy3nz_199",columnHeaderLabel:"_columnHeaderLabel_yy3nz_207",columnsContainer:"_columnsContainer_yy3nz_213",columnItem:"_columnItem_yy3nz_222",columnCheckboxWrapper:"_columnCheckboxWrapper_yy3nz_229",columnInputWrapper:"_columnInputWrapper_yy3nz_236",columnTypeWrapper:"_columnTypeWrapper_yy3nz_242",inputError:"_inputError_yy3nz_255",columnErrorMessage:"_columnErrorMessage_yy3nz_262",footer:"_footer_yy3nz_268",fileSelectedContainer:"_fileSelectedContainer_yy3nz_275",uploadDemo:"_uploadDemo_yy3nz_282",uploadIcon:"_uploadIcon_yy3nz_308",fileName:"_fileName_yy3nz_312"}}]]))}}}));
//# sourceMappingURL=AddDataTableModal-legacy-DTNwHxG3.js.map