n8n-editor-ui/dist/assets/DataTableView-bz5yARtk.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]=`da0438b3-86b8-4780-baf4-3eb4d2ce01da`,e._sentryDebugIdIdentifier=`sentry-dbid-da0438b3-86b8-4780-baf4-3eb4d2ce01da`)})()}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,_n as f,gt as p,h as m,j as h,w as g,yt as _}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as v}from"./core-Bz5WjPxS.js";import{Ft as y,Pi as b,Qi as x,Xi as S,ct as C,lt as w,tt as T,wt as E}from"./src-XqE2yCpG.js";import{t as D}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Pn as ee,Rt as O,ai as k,ei as A,oi as j,r as te}from"./users.store-xP93bV7X.js";import{Er as M,Ir as N,Sr as P,cl as ne,el as F}from"./constants-DuQbSl-q.js";import{n as I,t as L}from"./useDebounce-DyDXl6eh.js";import{t as R}from"./dataTable.store-DVN6vAE2.js";import{t as z}from"./ProjectCardBadge-oqs-4qFh.js";import{t as B}from"./TimeAgo-D3e2Vl9V.js";import{t as V}from"./insights.store-i6LlshbL.js";import{r as re}from"./readyToRun.store-DUyOyjE3.js";import{t as ie}from"./ResourcesListLayout-BANHdcmL.js";import{t as H}from"./ProjectHeader-CZLMSWNr.js";import{n as U,t as W}from"./DependencyPill-DaytNi4_.js";import{t as G}from"./InsightsSummary-fRg21vR0.js";import{t as K}from"./DataTableActions-CHsolxsn.js";var q={"data-test-id":`data-table-card`},J=D(o({__name:`DataTableCard`,props:{dataTable:{},readOnly:{type:Boolean,default:!1},showOwnershipBadge:{type:Boolean,default:!1}},setup(e){let a=v(),o=R(),d=k(),{hasDependencies:p}=U(),b=e,C=s(()=>({name:M,params:{projectId:b.dataTable.projectId,id:b.dataTable.id}})),w=s(()=>o.dataTableSizes[b.dataTable.id]??0),D=s(()=>p(b.dataTable.id));return(o,s)=>(t(),i(`div`,q,[h(u(T),{to:C.value,class:`data-table-card`,"data-test-id":`data-table-card-link`},{default:_(()=>[h(u(E),{class:f(o.$style.card)},{prepend:_(()=>[h(u(x),{"data-test-id":`data-table-card-icon`,class:f(o.$style[`card-icon`]),icon:`table`,size:`xlarge`,"stroke-width":1.5},null,8,[`class`])]),header:_(()=>[r(`div`,{class:f(o.$style[`card-header`])},[h(u(S),{tag:`h2`,bold:``,"data-test-id":`data-table-card-name`},{default:_(()=>[n(c(b.dataTable.name),1)]),_:1}),b.readOnly?(t(),g(u(y),{key:0,class:`ml-3xs`,theme:`tertiary`,bold:``},{default:_(()=>[n(c(u(a).baseText(`workflows.item.readonly`)),1)]),_:1})):l(``,!0)],2)]),footer:_(()=>[r(`div`,{class:f(o.$style[`card-footer`])},[h(u(S),{size:`small`,color:`text-light`,class:f([o.$style[`info-cell`],o.$style[`info-cell--size`]]),"data-test-id":`data-table-card-size`},{default:_(()=>[n(c(u(a).baseText(`dataTable.card.size`,{interpolate:{size:w.value}})),1)]),_:1},8,[`class`]),h(u(S),{size:`small`,color:`text-light`,class:f([o.$style[`info-cell`],o.$style[`info-cell--column-count`]]),"data-test-id":`data-table-card-column-count`},{default:_(()=>[n(c(u(a).baseText(`dataTable.card.column.count`,{interpolate:{count:b.dataTable.columns.length+1}})),1)]),_:1},8,[`class`]),h(u(S),{size:`small`,color:`text-light`,class:f([o.$style[`info-cell`],o.$style[`info-cell--updated`]]),"data-test-id":`data-table-card-last-updated`},{default:_(()=>[n(c(u(a).baseText(`workerList.item.lastUpdated`))+` `,1),h(B,{date:String(b.dataTable.updatedAt)},null,8,[`date`])]),_:1},8,[`class`]),h(u(S),{size:`small`,color:`text-light`,class:f([o.$style[`info-cell`],o.$style[`info-cell--created`]]),"data-test-id":`data-table-card-created`},{default:_(()=>[n(c(u(a).baseText(`workflows.item.created`))+` `,1),h(B,{date:String(b.dataTable.createdAt)},null,8,[`date`])]),_:1},8,[`class`])],2)]),append:_(()=>[r(`div`,{class:f(o.$style[`card-actions`]),onClick:s[0]||=m(()=>{},[`stop`])},[D.value?(t(),g(W,{key:0,"resource-type":`dataTable`,"resource-id":b.dataTable.id,source:`data_table_card`,"data-test-id":`data-table-card-dependents`},null,8,[`resource-id`])):l(``,!0),b.showOwnershipBadge?(t(),g(z,{key:1,class:f(o.$style[`card-badge`]),resource:e.dataTable,"resource-type":u(A).DataTable,"resource-type-label":`Data Table`,"personal-project":u(d).personalProject,"show-badge-border":!1},null,8,[`class`,`resource`,`resource-type`,`personal-project`])):l(``,!0),h(K,{"data-table":b.dataTable,"is-read-only":b.readOnly,location:`card`},null,8,[`data-table`,`is-read-only`])],2)]),_:1},8,[`class`])]),_:1},8,[`to`])]))}}),[[`__cssModules`,{$style:{card:`_card_1r8gi_125`,"card-icon":`_card-icon_1r8gi_133`,"card-header":`_card-header_1r8gi_140`,"card-footer":`_card-footer_1r8gi_148`,"info-cell":`_info-cell_1r8gi_152`,"card-actions":`_card-actions_1r8gi_157`,"card-badge":`_card-badge_1r8gi_168`,"info-cell--created":`_info-cell--created_1r8gi_176`,"info-cell--column-count":`_info-cell--column-count_1r8gi_177`,"info-cell--size":`_info-cell--size_1r8gi_178`}}]]),ae=e(I(),1),Y=o({__name:`DataTableView`,setup(e){let r=v(),i=C(),o=w(),f=re(),{callDebounced:m}=L(),y=O(),x=ee(),S=R(),T=V(),E=k(),D=j(),A=te(),{fetchDependencyCounts:M}=U(),I=a(!0),z=a(1),B=a(10),W=ne(F.INPUT.SEARCH),K=[`sizeAsc`,`sizeDesc`],q=a({search:``,homeProject:``}),Y=s(()=>S.dataTables.map(e=>({...e,resourceType:`dataTable`}))),oe=s(()=>S.totalCount),se=s(()=>f.isOverviewSubPage?E.personalProject:E.currentProject),ce=s(()=>D.preferences.branchReadOnly),X={lastUpdated:`updatedAt:desc`,lastCreated:`createdAt:desc`,nameAsc:`name:asc`,nameDesc:`name:desc`,sizeAsc:`size:asc`,sizeDesc:`size:desc`},Z=a(`updatedAt:desc`),Q=(0,ae.default)(()=>{I.value=!0},300),$=async()=>{let e=f.isOverviewSubPage?``:E.currentProjectId;try{Q(),await S.fetchDataTables(e??``,z.value,B.value,{name:q.value.search===``?void 0:q.value.search,projectId:q.value.homeProject===``?void 0:q.value.homeProject},Z.value)}catch(e){x.showError(e,`Error loading data tables`)}finally{Q.cancel(),I.value=!1,M(S.dataTables.map(e=>e.id),`dataTable`)}},le=async e=>{e.page&&(z.value=e.page),e.pageSize&&(B.value=e.pageSize),e.sort&&(Z.value=X[e.sort]??`updatedAt:desc`),I.value||await m($,{debounceTime:200,trailing:!0})},ue=()=>{o.push({name:N,params:{projectId:se.value?.id,new:`new`}})},de=async e=>{z.value=1,q.value.search=e,e?await m($,{debounceTime:W,trailing:!0}):await $()};return d(()=>{y.set(r.baseText(`dataTable.dataTables`))}),p(()=>i.params.new,()=>{i.params.new===`new`?A.openModal(P):A.closeModal(P)},{immediate:!0}),(e,i)=>(t(),g(ie,{ref:`layout`,"resource-key":`dataTable`,type:`list-paginated`,resources:Y.value,initialize:$,"type-props":{itemSize:80},loading:!1,disabled:!1,"total-items":oe.value,"resources-refreshing":I.value,"sort-options":Object.keys(X),"dont-perform-sorting-and-filtering":!0,"ui-config":{searchEnabled:!0,showFiltersDropdown:!1,sortEnabled:!0},"tab-key":`dataTable`,"persist-key-exclusions":K,"onUpdate:search":de,"onUpdate:paginationAndSort":le},{header:_(()=>[h(H,{"main-button":`dataTable`},{default:_(()=>[u(f).isOverviewSubPage&&u(T).isSummaryEnabled?(t(),g(G,{key:0,loading:u(T).weeklySummary.isLoading,summary:u(T).weeklySummary.state,"time-range":`week`},null,8,[`loading`,`summary`])):l(``,!0)]),_:1})]),empty:_(()=>[h(u(b),{"data-test-id":`empty-data-table-action-box`,heading:u(r).baseText(`dataTable.empty.label`),description:u(r).baseText(`dataTable.empty.description`),"button-text":u(r).baseText(`dataTable.add.button.label`),"button-type":`secondary`,"button-disabled":!u(S).projectPermissions.dataTable.create,"button-icon":u(S).projectPermissions.dataTable.create?void 0:`lock`,"onClick:button":ue},{disabledButtonTooltip:_(()=>[n(c(u(r).baseText(`dataTable.empty.button.disabled.tooltip`)),1)]),_:1},8,[`heading`,`description`,`button-text`,`button-disabled`,`button-icon`])]),item:_(({item:e})=>[h(J,{class:`mb-2xs`,"data-table":e,"show-ownership-badge":u(f).isOverviewSubPage,"read-only":ce.value},null,8,[`data-table`,`show-ownership-badge`,`read-only`])]),_:1},8,[`resources`,`total-items`,`resources-refreshing`,`sort-options`]))}});export{Y as default};
//# sourceMappingURL=DataTableView-bz5yARtk.js.map