n8n-editor-ui/dist/assets/RunDataTable-Dzy1G0MA.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]=`adffadac-3850-40c1-92bf-54a392b5fda3`,e._sentryDebugIdIdentifier=`sentry-dbid-adffadac-3850-40c1-92bf-54a392b5fda3`)})()}catch{}import{o as e}from"./chunk-CACdhNlC.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,S as s,Sn as c,T as l,Wt as u,X as d,_ as f,_n as p,bt as m,gt as h,j as g,p as _,pt as ee,rt as v,w as y,yn as b,yt as x}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as te,ot as ne}from"./core-Bz5WjPxS.js";import{Di as S,J as re,Mi as C,Qi as w,w as ie}from"./src-XqE2yCpG.js";import{t as T}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Bn as E,Ca as ae,In as oe,Pn as D,aa as se,dt as O,fr as ce,gr as le,or as ue,r as k,s as A}from"./users.store-xP93bV7X.js";import{ts as j}from"./constants-DuQbSl-q.js";import{D as de}from"./useRootStore-XEREVjMN.js";import{t as fe}from"./Draggable-C5UHad2G.js";import{t as M}from"./TextWithHighlights-D5CTCqWK.js";import{n as pe,t as me}from"./useTelemetryContext-DAk8VAfQ.js";import{t as he}from"./useExecutionHelpers-DaszaQT9.js";var ge=e(E(),1),N=[`src`,`alt`],P=1048576,_e=T(o({__name:`BinaryEntryDataTable`,props:{value:{},depth:{}},setup(e){let n=e,a=A(),o=k(),d=te(),f=s(()=>{if(!h.value)return!1;let e=n.value.mimeType,t=Number(n.value.bytes);return(e?.startsWith(`image/`)??!1)&&(t===void 0?!1:t<P)}),m=s(()=>{let{fileName:e,fileExtension:t}=n.value,r=e??`file`;return r?.includes(`.`)?r:t?`${r}.${t}`:r}),h=s(()=>{let{id:e,mimeType:t}=n.value;return a.getBinaryUrl(e,`download`,m.value,t??``)}),_=s(()=>{let{mimeType:e,fileSize:t}=n.value;return e+(t?`, ${t}`:``)}),ee=async()=>{try{let e=await fetch(h.value);if(!e.ok)throw Error(`Error downloading file`);(0,ge.saveAs)(await e.blob(),m.value)}catch{D().showMessage({title:d.baseText(`runData.downloadBinaryData.error.title`),message:d.baseText(`runData.downloadBinaryData.error.message`),type:`error`})}},v=()=>{o.openModalWithData({name:j,data:{binaryData:n.value}})},y=s(()=>({marginLeft:n.depth?`${n.depth*15}px`:`0`})),x=s(()=>n.value.mimeType?.startsWith(`text/`)??!1?`file-text`:`file`);return(e,n)=>(t(),i(`div`,{class:p(e.$style.container),style:b(y.value)},[r(`div`,{class:p(e.$style.wrapper),onClick:v},[f.value?(t(),i(`img`,{key:0,src:h.value,class:p(e.$style.imagePreview),alt:m.value||`Image preview`},null,10,N)):(t(),i(`div`,{key:1,class:p(e.$style.iconWrapper)},[g(u(w),{icon:x.value,size:`xlarge`},null,8,[`icon`])],2))],2),r(`div`,{class:p(e.$style.info)},[r(`div`,{class:p(e.$style.filename),onClick:v},c(m.value),3),_.value?(t(),i(`div`,{key:0,class:p(e.$style.meta)},c(_.value),3)):l(``,!0)],2),r(`button`,{class:p(e.$style.download),onClick:ee},[g(u(w),{icon:`download`,size:`large`})],2)],6))}}),[[`__cssModules`,{$style:{container:`_container_6ylyr_125`,download:`_download_6ylyr_139`,wrapper:`_wrapper_6ylyr_143`,iconWrapper:`_iconWrapper_6ylyr_155`,imagePreview:`_imagePreview_6ylyr_165`,info:`_info_6ylyr_172`,filename:`_filename_6ylyr_182`,meta:`_meta_6ylyr_193`}}]]),ve=[`data-row`],ye=[`data-row`],be={key:0},xe=[`width`],Se=[`data-test-id`],Ce=[`data-row`],we=[`data-row`,`data-col`],Te={key:1},F=40,I=T(o({__name:`RunDataTable`,props:{node:{},inputData:{},distanceFromActive:{},pageOffset:{},runIndex:{default:0},outputIndex:{default:0},totalRuns:{default:0},mappingEnabled:{type:Boolean,default:!1},hasDefaultHoverState:{type:Boolean,default:!1},search:{default:``},headerBgColor:{default:`base`},compact:{type:Boolean,default:!1},disableHoverHighlight:{type:Boolean,default:!1},collapsingColumnName:{}},emits:[`activeRowChanged`,`displayModeChange`,`mounted`,`collapsingColumnChanged`],setup(e,{emit:o}){let b=e,T=o,E=oe(),D=ee(`tableRef`),k=a(-1),j=a(!1),ge=a(!1),N=a(null),P=a(null),I=a(-1),L=a(null),Ee=a(F),R=a(!1),z=a(),B=a(),V=le(),De=A(),Oe=se(),H=te(),ke=ce(),Ae=me(),{trackOpeningRelatedExecution:U,resolveRelatedExecutionUrl:W}=he(),{hoveringItem:G,focusedMappableInput:K,highlightDraggables:je}=de(V),Me=s(()=>V.canDraggableDrop),Ne=s(()=>V.draggableStickyPos),Pe=s(()=>De.workflowExecutionPairedItemMappings),q=s(()=>Ze(b.inputData)),J=s(()=>b.collapsingColumnName?q.value.columns.indexOf(b.collapsingColumnName):-1);d(()=>{if(q.value?.columns&&z.value){let e=z.value.$refs.wrapper;e&&T(`mounted`,{avgRowHeight:e.offsetHeight/q.value.data.length})}});function Y(e){if(b.disableHoverHighlight)return!1;if(e===L.value)return!0;let t=b.pageOffset+e;if(t===0&&!G.value&&b.hasDefaultHoverState&&b.distanceFromActive===1)return!0;let n=ue(b.node?.name??``,b.runIndex||0,b.outputIndex||0,t);if(!G.value||!Pe.value[n])return!1;let r=ue(G.value.nodeName,G.value.runIndex,G.value.outputIndex,G.value.itemIndex);return Pe.value[n].has(r)}function Fe(e){return e===L.value?!0:L.value===null?e===0:!1}function X(e){let t=e.target,n=t.dataset.col,r=n?parseInt(n,10):NaN;if(isNaN(r)||(I.value=r,t&&b.mappingEnabled&&(k.value=r)),t){let e=t.dataset.row;e&&!isNaN(parseInt(e,10))&&(L.value=parseInt(e,10),T(`activeRowChanged`,b.pageOffset+L.value))}}function Z(){k.value=-1,L.value=null,T(`activeRowChanged`,null),I.value=-1}function Ie(e,t){P.value=Q(e,t)}function Le(){P.value=null}function Re(e,t){let n=Q(e,t);return P.value===n}function ze(e){return b.node?O({nodeName:b.node.name,distanceFromActive:b.distanceFromActive,path:[e],binaryMode:Oe?.value?.settings?.binaryMode}):``}function Be(e){return e?e.dataset.name:``}function Ve(e,t){let n=e[e.length-1];return typeof n==`string`?n:e.length>1?`${e[e.length-2]}[${n}]`:`${q.value.columns[t]}[${n}]`}function Q(e,t){if(!b.node)return``;let n=q.value.columns[t];return O({nodeName:b.node.name,distanceFromActive:b.distanceFromActive,path:[n,...e],binaryMode:Oe?.value?.settings?.binaryMode})}function He(e){return e===``||Array.isArray(e)&&e.length===0||typeof e==`object`&&!!e&&Object.keys(e).length===0||e==null}function $(e){return e===``?H.baseText(`runData.emptyString`):typeof e==`string`?e:Array.isArray(e)&&e.length===0?H.baseText(`runData.emptyArray`):typeof e==`object`&&e&&Object.keys(e).length===0?H.baseText(`runData.emptyObject`):e==null?`${e}`:e===!0||e===!1||typeof e==`number`?e.toString():JSON.stringify(e)}function Ue(e,t){ge.value=!0,V.draggableStartDragging({type:`mapping`,data:t??``,dimensions:e?.getBoundingClientRect()??null}),V.resetMappingTelemetry()}function We(e,t){e?.dataset.value&&(N.value=e.dataset.value),Ue(e,t)}function Ge(e){N.value=null,qe(e.dataset.name??``,`tree`,e.dataset.depth??`0`)}function Ke(e,t){if(N.value)return N.value===Q(e,t)}function qe(e,t,n=`0`){V.draggableStopDragging(),setTimeout(()=>{let r=V.mappingTelemetry,i={src_node_type:b.node.type,src_field_name:e,src_nodes_back:b.distanceFromActive,src_run_index:b.runIndex,src_runs_total:b.totalRuns,src_field_nest_level:parseInt(n,10),src_view:`table`,src_element:t,success:!1,view_shown:Ae.view_shown,...r};E.run(`runDataTable.onDragEnd`,i),ke.track(`User dragged data for mapping`,i)},1e3)}function Je(e){return typeof e!=`object`||!e||Array.isArray(e)&&e.length===0||typeof e==`object`&&Object.keys(e).length===0}function Ye(e){return!Je(e)}function Xe(e){return q.value.hasJson[q.value.columns[e]]}function Ze(e){let t=[],n=[],r,i,a,o={hasExecutionIds:!1,data:[]},s={};return e.forEach(e=>{if(!e.hasOwnProperty(`json`))return;a=e.json,i=[];let c=Object.keys(a||{});c.length>F?(R.value=!0,r=c.slice(0,F)):r=c,e.metadata?.subExecution?(o.data.push(e.metadata),o.hasExecutionIds=!0):o.data.push(void 0),n.forEach(e=>{a.hasOwnProperty(e)?(i.push(a[e]),r.splice(r.indexOf(e),1),s[e]=s[e]||typeof a[e]==`object`&&Object.keys(a[e]??{}).length>0||!1):i.push(void 0)}),r.forEach(e=>{n.push(e),i.push(a[e]),s[e]=s[e]||typeof a[e]==`object`&&Object.keys(a[e]??{}).length>0||!1}),t.push(i)}),t.forEach(e=>{n.length>e.length&&e.push(...Array(n.length-e.length))}),{hasJson:s,columns:n,data:t,metadata:o}}function Qe(){T(`displayModeChange`,`json`)}function $e(e){T(`collapsingColumnChanged`,J.value===e?null:q.value.columns[e]??null)}return h(K,e=>{setTimeout(()=>{j.value=!!K.value},e?300:150)}),h([J,D],([e,t])=>{if(e===-1){B.value=void 0;return}t!==null&&(B.value=[...t.querySelectorAll(`thead tr th`)].map(e=>e instanceof HTMLElement?e.getBoundingClientRect().width:0))},{immediate:!0,flush:`post`}),(a,o)=>(t(),i(`div`,{class:p([a.$style.dataDisplay,{[a.$style.highlight]:u(je),[a.$style.lightHeader]:e.headerBgColor===`light`,[a.$style.compact]:b.compact,[a.$style.hasCollapsingColumn]:B.value!==void 0}])},[q.value.columns&&q.value.columns.length===0?(t(),i(`table`,{key:0,class:p(a.$style.table)},[r(`thead`,null,[r(`tr`,null,[q.value.metadata.hasExecutionIds?(t(),i(`th`,{key:0,class:p(a.$style.executionLinkRowHeader)},null,2)):l(``,!0),r(`th`,{class:p(a.$style.emptyCell)},null,2),r(`th`,{class:p(a.$style.tableRightMargin)},null,2)])]),r(`tbody`,null,[(t(!0),i(f,null,v(q.value.data,(e,o)=>(t(),i(`tr`,{key:o,class:p({[a.$style.hoveringRow]:Y(o)})},[q.value.metadata.hasExecutionIds?(t(),i(`td`,{key:0,"data-row":o,class:p(a.$style.executionLinkCell),onMouseenter:X,onMouseleave:Z},[q.value.metadata.data[o]?(t(),y(u(S),{key:0,content:u(H).baseText(`runData.table.viewSubExecution`,{interpolate:{id:`${q.value.metadata.data[o]?.subExecution.executionId}`}}),placement:`left`,"hide-after":0},{default:x(()=>[m(g(u(C),{variant:`subtle`,icon:`external-link`,"data-test-id":`debug-sub-execution`,size:`xsmall`,target:`_blank`,href:u(W)(q.value.metadata.data[o]),onClick:e=>u(U)(q.value.metadata.data[o],`table`)},null,8,[`href`,`onClick`]),[[_,Fe(o)]])]),_:2},1032,[`content`])):l(``,!0)],42,ve)):l(``,!0),r(`td`,{"data-row":o,"data-col":0,onMouseenter:X,onMouseleave:Z},[g(u(re),null,{default:x(()=>[n(c(u(H).baseText(`runData.emptyItemHint`)),1)]),_:1})],40,ye),r(`td`,{class:p(a.$style.tableRightMargin)},null,2)],2))),128))])],2)):(t(),i(`table`,{key:1,ref_key:`tableRef`,ref:D,class:p(a.$style.table)},[B.value?(t(),i(`colgroup`,be,[(t(!0),i(f,null,v(B.value,(e,n)=>(t(),i(`col`,{key:n,width:e},null,8,xe))),128))])):l(``,!0),r(`thead`,null,[r(`tr`,null,[q.value.metadata.hasExecutionIds?(t(),i(`th`,{key:0,class:p(a.$style.executionLinkRowHeader)},null,2)):l(``,!0),(t(!0),i(f,null,v(q.value.columns||[],(s,d)=>(t(),i(`th`,{key:s,class:p({[a.$style.isCollapsingColumn]:J.value===d,[a.$style.isHoveredColumn]:I.value===d})},[g(u(S),{placement:`bottom-start`,disabled:!e.mappingEnabled,"show-after":1e3},{content:x(()=>[r(`div`,null,[o[0]||=r(`img`,{src:`/%7B%7BBASE_PATH%7D%7D/static/data-mapping-gif.gif`},null,-1),n(` `+c(u(H).baseText(`dataMapping.dragColumnToFieldHint`)),1)])]),default:x(()=>[g(fe,{type:`mapping`,data:ze(s),disabled:!e.mappingEnabled,"can-drop":Me.value,"sticky-position":Ne.value,onDragstart:Ue,onDragend:e=>qe(e?.textContent??``,`column`)},{preview:x(({canDrop:e})=>[g(pe,{html:u(ae)(s,16,2),"can-drop":e},null,8,[`html`,`can-drop`])]),default:x(({isDragging:n})=>[r(`div`,{class:p({[a.$style.header]:!0,[a.$style.draggableHeader]:e.mappingEnabled,[a.$style.activeHeader]:(d===k.value||j.value)&&e.mappingEnabled,[a.$style.draggingHeader]:n})},[g(M,{content:$(s||``),search:e.search},null,8,[`content`,`search`]),g(u(S),{content:u(H).baseText(`dataMapping.tableView.columnCollapsing.tooltip`),disabled:e.mappingEnabled||J.value===d},{default:x(()=>[g(u(C),{variant:`ghost`,class:p(a.$style.collapseColumnButton),size:`xsmall`,icon:J.value===d?`chevrons-up-down`:`chevrons-down-up`,"aria-label":u(H).baseText(`dataMapping.tableView.columnCollapsing`),onClick:e=>$e(d)},null,8,[`class`,`icon`,`aria-label`,`onClick`])]),_:2},1032,[`content`,`disabled`]),e.mappingEnabled?(t(),i(`div`,{key:0,class:p(a.$style.dragButton)},[g(u(w),{icon:`grip-vertical`})],2)):l(``,!0)],2)]),_:2},1032,[`data`,`disabled`,`can-drop`,`sticky-position`,`onDragend`])]),_:2},1032,[`disabled`])],2))),128)),R.value?(t(),i(`th`,{key:1,class:p(a.$style.header)},[g(u(S),{placement:`bottom-end`},{content:x(()=>[r(`div`,null,[g(u(ne),{tag:`span`,keypath:`dataMapping.tableView.tableColumnsExceeded.tooltip`,scope:`global`},{columnLimit:x(()=>[n(c(Ee.value),1)]),link:x(()=>[r(`a`,{onClick:Qe},c(u(H).baseText(`dataMapping.tableView.tableColumnsExceeded.tooltip.link`)),1)]),_:1})])]),default:x(()=>[r(`span`,null,[g(u(w),{class:p(a.$style.warningTooltip),icon:`triangle-alert`},null,8,[`class`]),n(` `+c(u(H).baseText(`dataMapping.tableView.tableColumnsExceeded`)),1)])]),_:1})],2)):l(``,!0),r(`th`,{class:p(a.$style.tableRightMargin)},null,2)])]),g(fe,{ref_key:`draggableRef`,ref:z,tag:`tbody`,type:`mapping`,"target-data-key":`mappable`,disabled:!e.mappingEnabled,onDragstart:We,onDragend:Ge},{preview:x(({canDrop:e,el:t})=>[g(pe,{html:u(ae)(Be(t)||``,16,2),"can-drop":e},null,8,[`html`,`can-drop`])]),default:x(()=>[(t(!0),i(f,null,v(q.value.data,(n,o)=>(t(),i(`tr`,{key:o,class:p({[a.$style.hoveringRow]:Y(o)}),"data-test-id":Y(o)?`hovering-item`:void 0},[q.value.metadata.hasExecutionIds?(t(),i(`td`,{key:0,"data-row":o,class:p(a.$style.executionLinkCell),onMouseenter:X,onMouseleave:Z},[q.value.metadata.data[o]?(t(),y(u(S),{key:0,content:u(H).baseText(`runData.table.viewSubExecution`,{interpolate:{id:`${q.value.metadata.data[o]?.subExecution.executionId}`}}),placement:`left`,"hide-after":0},{default:x(()=>[m(g(u(C),{variant:`subtle`,icon:`external-link`,"data-test-id":`debug-sub-execution`,size:`xsmall`,target:`_blank`,href:u(W)(q.value.metadata.data[o]),onClick:e=>u(U)(q.value.metadata.data[o],`table`)},null,8,[`href`,`onClick`]),[[_,Fe(o)]])]),_:2},1032,[`content`])):l(``,!0)],42,Ce)):l(``,!0),(t(!0),i(f,null,v(n,(n,r)=>(t(),i(`td`,{key:r,"data-row":o,"data-col":r,class:p([Xe(r)?a.$style.minColWidth:a.$style.limitColWidth,J.value===r?a.$style.isCollapsingColumn:``]),onMouseenter:X,onMouseleave:Z},[Je(n)?(t(),y(M,{key:0,content:$(n),search:e.search,class:p({[a.$style.value]:!0,[a.$style.empty]:He(n)})},null,8,[`content`,`search`,`class`])):Ye(n)?(t(),y(u(ie),{key:1,"node-class":a.$style.nodeClass,value:n},{label:x(({label:t,path:n})=>[g(M,{"data-target":`mappable`,class:p({[a.$style.hoveringKey]:e.mappingEnabled&&Re(n,r),[a.$style.draggingKey]:Ke(n,r),[a.$style.dataKey]:!0,[a.$style.mappable]:e.mappingEnabled}),content:t||u(H).baseText(`runData.unnamedField`),search:e.search,"data-name":Ve(n,r),"data-value":Q(n,r),"data-depth":n.length,onMouseenter:()=>Ie(n,r),onMouseleave:Le},null,8,[`class`,`content`,`search`,`data-name`,`data-value`,`data-depth`,`onMouseenter`])]),binary:x(({value:e})=>[g(_e,{value:e},null,8,[`value`])]),value:x(({value:t})=>[g(M,{content:$(t),search:e.search,class:p({[a.$style.nestedValue]:!0,[a.$style.empty]:He(t)})},null,8,[`content`,`search`,`class`])]),_:2},1032,[`node-class`,`value`])):l(``,!0)],42,we))),128)),R.value?(t(),i(`td`,Te)):l(``,!0),r(`td`,{class:p(a.$style.tableRightMargin)},null,2)],10,Se))),128))]),_:1},8,[`disabled`])],2))],2))}}),[[`__cssModules`,{$style:{dataDisplay:`_dataDisplay_1vyta_125`,compact:`_compact_1vyta_137`,table:`_table_1vyta_141`,lightHeader:`_lightHeader_1vyta_158`,tableRightMargin:`_tableRightMargin_1vyta_161`,hasCollapsingColumn:`_hasCollapsingColumn_1vyta_196`,isCollapsingColumn:`_isCollapsingColumn_1vyta_199`,nodeClass:`_nodeClass_1vyta_228`,emptyCell:`_emptyCell_1vyta_232`,header:`_header_1vyta_236`,draggableHeader:`_draggableHeader_1vyta_248`,dragButton:`_dragButton_1vyta_252`,highlight:`_highlight_1vyta_256`,draggingHeader:`_draggingHeader_1vyta_260`,activeHeader:`_activeHeader_1vyta_265`,dataKey:`_dataKey_1vyta_276`,value:`_value_1vyta_285`,nestedValue:`_nestedValue_1vyta_289 _value_1vyta_285`,mappable:`_mappable_1vyta_294`,empty:`_empty_1vyta_232`,limitColWidth:`_limitColWidth_1vyta_303`,minColWidth:`_minColWidth_1vyta_307`,hoveringKey:`_hoveringKey_1vyta_311`,draggingKey:`_draggingKey_1vyta_315`,hoveringRow:`_hoveringRow_1vyta_331`,warningTooltip:`_warningTooltip_1vyta_336`,executionLinkCell:`_executionLinkCell_1vyta_340`,executionLinkRowHeader:`_executionLinkRowHeader_1vyta_344`,collapseColumnButton:`_collapseColumnButton_1vyta_348`,isHoveredColumn:`_isHoveredColumn_1vyta_355`}}]]);export{I as default};
//# sourceMappingURL=RunDataTable-Dzy1G0MA.js.map