n8n-editor-ui/dist/assets/RunDataTable-DF-U59NM.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.13.4`}}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]=`01a4f864-c66c-4165-a731-bc8f7e5a7e9a`,e._sentryDebugIdIdentifier=`sentry-dbid-01a4f864-c66c-4165-a731-bc8f7e5a7e9a`)})()}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,Wt as l,X as u,_ as d,_n as f,bt as p,gt as m,j as h,p as g,pt as _,rt as v,w as y,yn as ee,yt as b}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as x,xt as S}from"./_MapCache-CUJwh2qp.js";import{$i as C,Ii as w,Mi as T,N as te,tt as ne}from"./src-wni2AGA3.js";import{t as E}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Dr as re,Pr as D,Sa as ie,Tr as ae,en as oe,ft as se,ia as ce,r as O,rn as le,s as k,sn as A}from"./users.store-BHWXXawf.js";import{_s as j}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import{N as ue}from"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as M}from"./Draggable-B_Sok8jx.js";import{t as N}from"./TextWithHighlights-DREOi4W6.js";import{n as de,t as fe}from"./useTelemetryContext-Chv8_oZ6.js";import"./dateFormatter-aoRZizgK.js";import{t as pe}from"./useExecutionHelpers-D8SD8Eej.js";var P=D(),F=[`src`,`alt`],I=1048576,me=E(a({__name:`BinaryEntryDataTable`,props:{value:{},depth:{}},setup(t){let i=t,a=k(),u=O(),d=x(),p=o(()=>{if(!g.value)return!1;let e=i.value.mimeType,t=Number(i.value.bytes);return(e?.startsWith(`image/`)??!1)&&(t===void 0?!1:t<I)}),m=o(()=>{let{fileName:e,fileExtension:t}=i.value,n=e??`file`;return n?.includes(`.`)?n:t?`${n}.${t}`:n}),g=o(()=>{let{id:e,mimeType:t}=i.value;return a.getBinaryUrl(e,`download`,m.value,t??``)}),_=o(()=>{let{mimeType:e,fileSize:t}=i.value;return e+(t?`, ${t}`:``)}),v=async()=>{try{let e=await fetch(g.value);if(!e.ok)throw Error(`Error downloading file`);(0,P.saveAs)(await e.blob(),m.value)}catch{ae().showMessage({title:d.baseText(`runData.downloadBinaryData.error.title`),message:d.baseText(`runData.downloadBinaryData.error.message`),type:`error`})}},y=()=>{u.openModalWithData({name:j,data:{binaryData:i.value}})},b=o(()=>({marginLeft:i.depth?`${i.depth*15}px`:`0`})),S=o(()=>i.value.mimeType?.startsWith(`text/`)??!1?`file-text`:`file`);return(t,i)=>(e(),r(`div`,{class:f(t.$style.container),style:ee(b.value)},[n(`div`,{class:f(t.$style.wrapper),onClick:y},[p.value?(e(),r(`img`,{key:0,src:g.value,class:f(t.$style.imagePreview),alt:m.value||`Image preview`},null,10,F)):(e(),r(`div`,{key:1,class:f(t.$style.iconWrapper)},[h(l(C),{icon:S.value,size:`xlarge`},null,8,[`icon`])],2))],2),n(`div`,{class:f(t.$style.info)},[n(`div`,{class:f(t.$style.filename),onClick:y},s(m.value),3),_.value?(e(),r(`div`,{key:0,class:f(t.$style.meta)},s(_.value),3)):c(``,!0)],2),n(`button`,{class:f(t.$style.download),onClick:v},[h(l(C),{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`}}]]),he=[`data-row`],ge=[`data-row`],_e={key:0},ve=[`width`],ye=[`data-test-id`],be=[`data-row`],xe=[`data-row`,`data-col`],Se={key:1},L=40,R=E(a({__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(a,{emit:ee}){let E=a,D=ee,ae=re(),O=_(`tableRef`),j=i(-1),P=i(!1),F=i(!1),I=i(null),R=i(null),z=i(-1),B=i(null),Ce=i(L),V=i(!1),H=i(),U=i(),W=le(),we=k(),Te=ce(),G=x(),Ee=oe(),De=fe(),{trackOpeningRelatedExecution:Oe,resolveRelatedExecutionUrl:ke}=pe(),{hoveringItem:K,focusedMappableInput:Ae,highlightDraggables:je}=ue(W),Me=o(()=>W.canDraggableDrop),Ne=o(()=>W.draggableStickyPos),Pe=o(()=>we.workflowExecutionPairedItemMappings),q=o(()=>Ze(E.inputData)),J=o(()=>E.collapsingColumnName?q.value.columns.indexOf(E.collapsingColumnName):-1);u(()=>{if(q.value?.columns&&H.value){let e=H.value.$refs.wrapper;e&&D(`mounted`,{avgRowHeight:e.offsetHeight/q.value.data.length})}});function Y(e){if(E.disableHoverHighlight)return!1;if(e===B.value)return!0;let t=E.pageOffset+e;if(t===0&&!K.value&&E.hasDefaultHoverState&&E.distanceFromActive===1)return!0;let n=A(E.node?.name??``,E.runIndex||0,E.outputIndex||0,t);if(!K.value||!Pe.value[n])return!1;let r=A(K.value.nodeName,K.value.runIndex,K.value.outputIndex,K.value.itemIndex);return Pe.value[n].has(r)}function Fe(e){return e===B.value?!0:B.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)||(z.value=r,t&&E.mappingEnabled&&(j.value=r)),t){let e=t.dataset.row;e&&!isNaN(parseInt(e,10))&&(B.value=parseInt(e,10),D(`activeRowChanged`,E.pageOffset+B.value))}}function Z(){j.value=-1,B.value=null,D(`activeRowChanged`,null),z.value=-1}function Ie(e,t){R.value=Q(e,t)}function Le(){R.value=null}function Re(e,t){let n=Q(e,t);return R.value===n}function ze(e){return E.node?se({nodeName:E.node.name,distanceFromActive:E.distanceFromActive,path:[e],binaryMode:Te?.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(!E.node)return``;let n=q.value.columns[t];return se({nodeName:E.node.name,distanceFromActive:E.distanceFromActive,path:[n,...e],binaryMode:Te?.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===``?G.baseText(`runData.emptyString`):typeof e==`string`?e:Array.isArray(e)&&e.length===0?G.baseText(`runData.emptyArray`):typeof e==`object`&&e&&Object.keys(e).length===0?G.baseText(`runData.emptyObject`):e==null?`${e}`:e===!0||e===!1||typeof e==`number`?e.toString():JSON.stringify(e)}function Ue(e,t){F.value=!0,W.draggableStartDragging({type:`mapping`,data:t??``,dimensions:e?.getBoundingClientRect()??null}),W.resetMappingTelemetry()}function We(e,t){e?.dataset.value&&(I.value=e.dataset.value),Ue(e,t)}function Ge(e){I.value=null,qe(e.dataset.name??``,`tree`,e.dataset.depth??`0`)}function Ke(e,t){if(I.value)return I.value===Q(e,t)}function qe(e,t,n=`0`){W.draggableStopDragging(),setTimeout(()=>{let r=W.mappingTelemetry,i={src_node_type:E.node.type,src_field_name:e,src_nodes_back:E.distanceFromActive,src_run_index:E.runIndex,src_runs_total:E.totalRuns,src_field_nest_level:parseInt(n,10),src_view:`table`,src_element:t,success:!1,view_shown:De.view_shown,...r};ae.run(`runDataTable.onDragEnd`,i),Ee.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>L?(V.value=!0,r=c.slice(0,L)):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(){D(`displayModeChange`,`json`)}function $e(e){D(`collapsingColumnChanged`,J.value===e?null:q.value.columns[e]??null)}return m(Ae,e=>{setTimeout(()=>{P.value=!!Ae.value},e?300:150)}),m([J,O],([e,t])=>{if(e===-1){U.value=void 0;return}t!==null&&(U.value=[...t.querySelectorAll(`thead tr th`)].map(e=>e instanceof HTMLElement?e.getBoundingClientRect().width:0))},{immediate:!0,flush:`post`}),(i,o)=>(e(),r(`div`,{class:f([i.$style.dataDisplay,{[i.$style.highlight]:l(je),[i.$style.lightHeader]:a.headerBgColor===`light`,[i.$style.compact]:E.compact,[i.$style.hasCollapsingColumn]:U.value!==void 0}])},[q.value.columns&&q.value.columns.length===0?(e(),r(`table`,{key:0,class:f(i.$style.table)},[n(`thead`,null,[n(`tr`,null,[q.value.metadata.hasExecutionIds?(e(),r(`th`,{key:0,class:f(i.$style.executionLinkRowHeader)},null,2)):c(``,!0),n(`th`,{class:f(i.$style.emptyCell)},null,2),n(`th`,{class:f(i.$style.tableRightMargin)},null,2)])]),n(`tbody`,null,[(e(!0),r(d,null,v(q.value.data,(a,o)=>(e(),r(`tr`,{key:o,class:f({[i.$style.hoveringRow]:Y(o)})},[q.value.metadata.hasExecutionIds?(e(),r(`td`,{key:0,"data-row":o,class:f(i.$style.executionLinkCell),onMouseenter:X,onMouseleave:Z},[q.value.metadata.data[o]?(e(),y(l(T),{key:0,content:l(G).baseText(`runData.table.viewSubExecution`,{interpolate:{id:`${q.value.metadata.data[o]?.subExecution.executionId}`}}),placement:`left`,"hide-after":0},{default:b(()=>[p(h(l(w),{variant:`subtle`,icon:`external-link`,"data-test-id":`debug-sub-execution`,size:`xsmall`,target:`_blank`,href:l(ke)(q.value.metadata.data[o]),onClick:e=>l(Oe)(q.value.metadata.data[o],`table`)},null,8,[`href`,`onClick`]),[[g,Fe(o)]])]),_:2},1032,[`content`])):c(``,!0)],42,he)):c(``,!0),n(`td`,{"data-row":o,"data-col":0,onMouseenter:X,onMouseleave:Z},[h(l(ne),null,{default:b(()=>[t(s(l(G).baseText(`runData.emptyItemHint`)),1)]),_:1})],40,ge),n(`td`,{class:f(i.$style.tableRightMargin)},null,2)],2))),128))])],2)):(e(),r(`table`,{key:1,ref_key:`tableRef`,ref:O,class:f(i.$style.table)},[U.value?(e(),r(`colgroup`,_e,[(e(!0),r(d,null,v(U.value,(t,n)=>(e(),r(`col`,{key:n,width:t},null,8,ve))),128))])):c(``,!0),n(`thead`,null,[n(`tr`,null,[q.value.metadata.hasExecutionIds?(e(),r(`th`,{key:0,class:f(i.$style.executionLinkRowHeader)},null,2)):c(``,!0),(e(!0),r(d,null,v(q.value.columns||[],(u,d)=>(e(),r(`th`,{key:u,class:f({[i.$style.isCollapsingColumn]:J.value===d,[i.$style.isHoveredColumn]:z.value===d})},[h(l(T),{placement:`bottom-start`,disabled:!a.mappingEnabled,"show-after":1e3},{content:b(()=>[n(`div`,null,[o[0]||=n(`img`,{src:`/%7B%7BBASE_PATH%7D%7D/static/data-mapping-gif.gif`},null,-1),t(` `+s(l(G).baseText(`dataMapping.dragColumnToFieldHint`)),1)])]),default:b(()=>[h(M,{type:`mapping`,data:ze(u),disabled:!a.mappingEnabled,"can-drop":Me.value,"sticky-position":Ne.value,onDragstart:Ue,onDragend:e=>qe(e?.textContent??``,`column`)},{preview:b(({canDrop:e})=>[h(de,{html:l(ie)(u,16,2),"can-drop":e},null,8,[`html`,`can-drop`])]),default:b(({isDragging:t})=>[n(`div`,{class:f({[i.$style.header]:!0,[i.$style.draggableHeader]:a.mappingEnabled,[i.$style.activeHeader]:(d===j.value||P.value)&&a.mappingEnabled,[i.$style.draggingHeader]:t})},[h(N,{content:$(u||``),search:a.search},null,8,[`content`,`search`]),h(l(T),{content:l(G).baseText(`dataMapping.tableView.columnCollapsing.tooltip`),disabled:a.mappingEnabled||J.value===d},{default:b(()=>[h(l(w),{variant:`ghost`,class:f(i.$style.collapseColumnButton),size:`xsmall`,icon:J.value===d?`chevrons-up-down`:`chevrons-down-up`,"aria-label":l(G).baseText(`dataMapping.tableView.columnCollapsing`),onClick:e=>$e(d)},null,8,[`class`,`icon`,`aria-label`,`onClick`])]),_:2},1032,[`content`,`disabled`]),a.mappingEnabled?(e(),r(`div`,{key:0,class:f(i.$style.dragButton)},[h(l(C),{icon:`grip-vertical`})],2)):c(``,!0)],2)]),_:2},1032,[`data`,`disabled`,`can-drop`,`sticky-position`,`onDragend`])]),_:2},1032,[`disabled`])],2))),128)),V.value?(e(),r(`th`,{key:1,class:f(i.$style.header)},[h(l(T),{placement:`bottom-end`},{content:b(()=>[n(`div`,null,[h(l(S),{tag:`span`,keypath:`dataMapping.tableView.tableColumnsExceeded.tooltip`,scope:`global`},{columnLimit:b(()=>[t(s(Ce.value),1)]),link:b(()=>[n(`a`,{onClick:Qe},s(l(G).baseText(`dataMapping.tableView.tableColumnsExceeded.tooltip.link`)),1)]),_:1})])]),default:b(()=>[n(`span`,null,[h(l(C),{class:f(i.$style.warningTooltip),icon:`triangle-alert`},null,8,[`class`]),t(` `+s(l(G).baseText(`dataMapping.tableView.tableColumnsExceeded`)),1)])]),_:1})],2)):c(``,!0),n(`th`,{class:f(i.$style.tableRightMargin)},null,2)])]),h(M,{ref_key:`draggableRef`,ref:H,tag:`tbody`,type:`mapping`,"target-data-key":`mappable`,disabled:!a.mappingEnabled,onDragstart:We,onDragend:Ge},{preview:b(({canDrop:e,el:t})=>[h(de,{html:l(ie)(Be(t)||``,16,2),"can-drop":e},null,8,[`html`,`can-drop`])]),default:b(()=>[(e(!0),r(d,null,v(q.value.data,(t,o)=>(e(),r(`tr`,{key:o,class:f({[i.$style.hoveringRow]:Y(o)}),"data-test-id":Y(o)?`hovering-item`:void 0},[q.value.metadata.hasExecutionIds?(e(),r(`td`,{key:0,"data-row":o,class:f(i.$style.executionLinkCell),onMouseenter:X,onMouseleave:Z},[q.value.metadata.data[o]?(e(),y(l(T),{key:0,content:l(G).baseText(`runData.table.viewSubExecution`,{interpolate:{id:`${q.value.metadata.data[o]?.subExecution.executionId}`}}),placement:`left`,"hide-after":0},{default:b(()=>[p(h(l(w),{variant:`subtle`,icon:`external-link`,"data-test-id":`debug-sub-execution`,size:`xsmall`,target:`_blank`,href:l(ke)(q.value.metadata.data[o]),onClick:e=>l(Oe)(q.value.metadata.data[o],`table`)},null,8,[`href`,`onClick`]),[[g,Fe(o)]])]),_:2},1032,[`content`])):c(``,!0)],42,be)):c(``,!0),(e(!0),r(d,null,v(t,(t,n)=>(e(),r(`td`,{key:n,"data-row":o,"data-col":n,class:f([Xe(n)?i.$style.minColWidth:i.$style.limitColWidth,J.value===n?i.$style.isCollapsingColumn:``]),onMouseenter:X,onMouseleave:Z},[Je(t)?(e(),y(N,{key:0,content:$(t),search:a.search,class:f({[i.$style.value]:!0,[i.$style.empty]:He(t)})},null,8,[`content`,`search`,`class`])):Ye(t)?(e(),y(l(te),{key:1,"node-class":i.$style.nodeClass,value:t},{label:b(({label:e,path:t})=>[h(N,{"data-target":`mappable`,class:f({[i.$style.hoveringKey]:a.mappingEnabled&&Re(t,n),[i.$style.draggingKey]:Ke(t,n),[i.$style.dataKey]:!0,[i.$style.mappable]:a.mappingEnabled}),content:e||l(G).baseText(`runData.unnamedField`),search:a.search,"data-name":Ve(t,n),"data-value":Q(t,n),"data-depth":t.length,onMouseenter:()=>Ie(t,n),onMouseleave:Le},null,8,[`class`,`content`,`search`,`data-name`,`data-value`,`data-depth`,`onMouseenter`])]),binary:b(({value:e})=>[h(me,{value:e},null,8,[`value`])]),value:b(({value:e})=>[h(N,{content:$(e),search:a.search,class:f({[i.$style.nestedValue]:!0,[i.$style.empty]:He(e)})},null,8,[`content`,`search`,`class`])]),_:2},1032,[`node-class`,`value`])):c(``,!0)],42,xe))),128)),V.value?(e(),r(`td`,Se)):c(``,!0),n(`td`,{class:f(i.$style.tableRightMargin)},null,2)],10,ye))),128))]),_:1},8,[`disabled`])],2))],2))}}),[[`__cssModules`,{$style:{dataDisplay:`_dataDisplay_1ms2m_125`,compact:`_compact_1ms2m_137`,table:`_table_1ms2m_141`,lightHeader:`_lightHeader_1ms2m_158`,tableRightMargin:`_tableRightMargin_1ms2m_161`,hasCollapsingColumn:`_hasCollapsingColumn_1ms2m_196`,isCollapsingColumn:`_isCollapsingColumn_1ms2m_199`,nodeClass:`_nodeClass_1ms2m_228`,emptyCell:`_emptyCell_1ms2m_232`,header:`_header_1ms2m_236`,draggableHeader:`_draggableHeader_1ms2m_248`,dragButton:`_dragButton_1ms2m_252`,highlight:`_highlight_1ms2m_256`,draggingHeader:`_draggingHeader_1ms2m_260`,activeHeader:`_activeHeader_1ms2m_265`,dataKey:`_dataKey_1ms2m_276`,value:`_value_1ms2m_285`,nestedValue:`_nestedValue_1ms2m_289 _value_1ms2m_285`,mappable:`_mappable_1ms2m_294`,empty:`_empty_1ms2m_232`,limitColWidth:`_limitColWidth_1ms2m_303`,minColWidth:`_minColWidth_1ms2m_307`,hoveringKey:`_hoveringKey_1ms2m_311`,draggingKey:`_draggingKey_1ms2m_315`,hoveringRow:`_hoveringRow_1ms2m_331`,warningTooltip:`_warningTooltip_1ms2m_336`,executionLinkCell:`_executionLinkCell_1ms2m_340`,executionLinkRowHeader:`_executionLinkRowHeader_1ms2m_344`,collapseColumnButton:`_collapseColumnButton_1ms2m_348`,isHoveredColumn:`_isHoveredColumn_1ms2m_355`}}]]);export{R as default};
//# sourceMappingURL=RunDataTable-DF-U59NM.js.map