2 lines
11 KiB
JavaScript
Executable File
2 lines
11 KiB
JavaScript
Executable File
"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[7379],{55538:(e,t,l)=>{l.d(t,{l:()=>A});l(46758),l(53321),l(86277);var r=l(50959),a=l(85648),i=l(67408),s=l(50216),n=l(98328);const o={"custom-order":s.HI,"title-and-artist-title":{column:n.Q.TITLE_AND_ARTIST,order:n.k.ASC},"title-and-artist-artist":{column:n.Q.TITLE_AND_ARTIST,order:n.k.SECONDARY_ASC},title:{column:n.Q.TITLE,order:n.k.ASC},artist:{column:n.Q.ARTIST,order:n.k.ASC},"added-by":{column:n.Q.ADDED_BY,order:n.k.ASC},"added-at":{column:n.Q.ADDED_AT,order:n.k.ASC},duration:{column:n.Q.DURATION,order:n.k.ASC},album:{column:n.Q.ALBUM,order:n.k.ASC},"album-or-podcast":{column:n.Q.ALBUM_OR_PODCAST,order:n.k.ASC},"album-or-show":{column:n.Q.ALBUM_OR_SHOW,order:n.k.ASC}},c={"title-and-artist-title":n.Q.TITLE_AND_ARTIST,"title-and-artist-artist":n.Q.TITLE_AND_ARTIST,title:n.Q.TITLE,artist:n.Q.ARTIST,"added-by":n.Q.ADDED_BY,"added-at":n.Q.ADDED_AT,duration:n.Q.DURATION,album:n.Q.ALBUM,"album-or-podcast":n.Q.ALBUM_OR_PODCAST,"album-or-show":n.Q.ALBUM_OR_SHOW},u={[n.k.NONE]:n.k.NONE,[n.k.ASC]:n.k.DESC,[n.k.DESC]:n.k.ASC,[n.k.SECONDARY_ASC]:n.k.SECONDARY_DESC,[n.k.SECONDARY_DESC]:n.k.SECONDARY_ASC},d=(n.Q.INDEX,{[n.Q.INDEX]:{key:"custom-order",get value(){return a.ag.get("sort.custom-order")}},[n.Q.TITLE_AND_ARTIST]:{key:"title",get value(){return a.ag.get("sort.title")}},[n.Q.TITLE]:{key:"title",get value(){return a.ag.get("sort.title")}},[n.Q.ARTIST]:{key:"artist",get value(){return a.ag.get("sort.artist")}},[n.Q.ADDED_BY]:{key:"added-by",get value(){return a.ag.get("sort.added-by")}},[n.Q.ADDED_AT]:{key:"added-at",get value(){return a.ag.get("sort.date-added")}},[n.Q.DURATION]:{key:"duration",get value(){return a.ag.get("sort.duration")}},[n.Q.EVENT_DATE]:null,[n.Q.EVENT_INFO]:null,[n.Q.ALBUM]:{key:"album",get value(){return a.ag.get("sort.album")}},[n.Q.ALBUM_OR_PODCAST]:{key:"album-or-podcast",get value(){return a.ag.get("sort.album-or-podcast")}},[n.Q.ALBUM_OR_SHOW]:{key:"album-or-show",get value(){return a.ag.get("sort.album-or-show")}},[n.Q.PLAYS]:null,[n.Q.RELEASE_DATE]:null,[n.Q.ADD]:null,[n.Q.ACTIONS]:null,[n.Q.CONCERT_VENUE]:null,[n.Q.CONCERT_DATE]:null,[n.Q.TITLE_AND_AUTHOR]:{key:"title",get value(){return a.ag.get("sort.title")}},[n.Q.AUTHOR]:null});var g=l(36199),m=l(21536),x=l(11527);function T(e){return!!e}const A=({columns:e,disabled:t,onSort:l})=>{const A=[...e],C=A.indexOf(g.QD.TITLE_AND_ARTIST),D=A.indexOf(g.QD.TITLE_AND_AUTHOR);-1!==C&&A.splice(C,1,g.QD.TITLE,g.QD.ARTIST),-1!==D&&A.splice(D,1);const{sortState:h,setSortState:k}=(0,r.useContext)(s.Gb),p=function(e){return null===e.column?d[g.QD.INDEX]:(0,m.cB)(e.column,e)?d[g.QD.ARTIST]:d[e.column]}(h),S=(0,r.useCallback)((e=>{l?.(),k(((e,t,l)=>e?t!==c[e]||"artist"===e&&[n.k.ASC,n.k.DESC].includes(l)||"title"===e&&[n.k.SECONDARY_ASC,n.k.SECONDARY_DESC].includes(l)?o[e]:{column:c[e],order:u[l]}:s.HI)(e,h.column,h.order))}),[l,k,h.column,h.order]),y=(0,r.useCallback)((()=>null!==h.column),[h.column]),I=A.map((e=>d[e])).filter(T);return(0,x.jsx)(i.A,{options:I,onSelect:S,selected:p,isSelectionChanged:y,sortOrder:h.order,heading:a.ag.get("drop_down.sort_by"),disabled:t,enableViewModeMenu:!0})}},12437:(e,t,l)=>{l.r(t),l.d(t,{default:()=>oe});l(46758),l(53321),l(86277);var r=l(50959),a=l(41194),i=l(43007),s=l(39505),n=l(32469),o=l(12970),c=l(85648),u=l(38024),d=l(97922),g=l(81639),m=l(16118),x=l(91643),T=l(57986),A=l(21536),C=l(65432),D=l(36199),h=l(50216),k=l(61046),p=l(19848),S=l(98716),y=l(58959),I=l(53335),j=l(27284),f=l(22527),b=l(80626),E=l(51837),_=l(87236),Q=l(8824),R=l(55538);const N="uCHqQ74vvHOnctGg0X0B",v="feuNq1FTxMbdeOTuFgpA";var O=l(11527);const P=r.memo((({tracklistDomRef:e})=>{const{spec:t,logger:l}=(0,b.fU)(E.createDesktopSearchBarEventFactory,{}),a=(0,r.useCallback)((()=>{l.logInteraction(t.filterFieldFactory().keyStrokeFilter())}),[l,t]),i=(0,r.useCallback)((()=>{l.logInteraction(t.filterFieldFactory().hitClearFilter())}),[l,t]),s=(0,_.v)().filter((e=>h.MI.includes(e)));return(0,O.jsxs)("div",{className:v,children:[(0,O.jsx)(r.Suspense,{fallback:null,children:(0,O.jsx)(Q.K,{placeholder:c.ag.get("playlist.search_in_playlist"),clearOnEscapeInElementRef:e,onFilter:a,onClear:i})}),(0,O.jsx)(R.l,{columns:s})]})}));var L=l(15842),M=l(66205),U=l(66819),B=l(64222),F=l(25230),w=l(72417);const H=r.memo((function({tracklistDomRef:e,togglePlay:t,isPlaying:l,isActive:a,backgroundColor:i,spec:s,logger:n}){const o=(0,w.Q)(),u=(0,r.useMemo)((()=>s.shuffleButtonContainerFactory()),[s]),d=(0,U.j)(),g=(0,r.useCallback)((()=>{const e=(0,B.aK)({isPlaying:l,isActive:a,spec:s.playButtonFactory(),logger:n,uri:y.b});t({loggingParams:e})}),[a,l,n,s,t]);return(0,O.jsx)(L.o,{backgroundColor:i,children:(0,O.jsxs)(M.F,{children:[(0,O.jsx)(T.$,{size:d,onClick:g,isPlaying:l,uri:y.b}),o&&(0,O.jsx)(b.Nh,{spec:u,children:(0,O.jsx)(F.K,{entityName:c.ag.get("local-files"),contextUri:y.b,activationPlacement:"bottomEnd",size:d})}),(0,O.jsx)(b.Nh,{spec:s,children:(0,O.jsx)(P,{tracklistDomRef:e})})]})})}));l(92372),l(70069),l(44227),l(91499),l(68856),l(18004),l(16527);var Y=l(34514),W=l(82579),z=l(98328),K=l(19125),X=l(19968),q=l(44724),V=l(45438),G=l(74234),$=l(35014),J=l(4901),Z=l(31360),ee=l(67282),te=l(85357);const le=r.memo((function({uri:e,uid:t,name:l,duration_ms:a,artists:i,album:s,is19PlusOnly:n,isExplicit:o,isPlayable:u,index:d,contextUri:g,imgUrl:m,usePlayContextItem:x,isCompactMode:T=!1}){const{spec:A}=(0,b.fU)(Y.r,{data:{position:d,reason:"",uri:e}}),{filter:D}=(0,r.useContext)(C.fo),{isActive:h,isPlaying:k,triggerPlay:p,togglePlay:S}=x({uid:t,uri:e,index:d}),{badges:y,hasBadges:I}=(0,G.r)({isExplicit:o}),j=i?.map((e=>e.name)).join(c.ag.getSeparator())||"",f=(0,_.v)();return(0,O.jsx)(V.JL,{value:"row",index:d,children:(0,O.jsx)(W._,{menu:(0,O.jsx)($.N,{uri:e,uid:t,contextUri:g}),children:(0,O.jsx)(te.c,{uri:e,contextUri:g,isActive:h,index:d,onTriggerPlay:(e,t)=>{p({loggingParams:t})},ariaRowIndex:d+1,isPlayable:u,ageRestricted:n,dragMetadata:{name:l,createdBy:j},spec:A,isCompactMode:T,children:f.map(((r,n)=>{const o=(0,K.Y)(n,r,f);switch(r){case z.Q.INDEX:return(0,O.jsx)(o,{ariaColIndex:n,children:(0,O.jsx)(Z.Du,{uri:e,playAriaLabel:c.ag.get("tracklist.a11y.play",l,j),isPlaying:k,isActive:h,onClick:(e,t)=>{S({loggingParams:t})},spec:A,children:(0,O.jsx)(Z.km,{children:d+1})})},n);case z.Q.TITLE_AND_ARTIST:return(0,O.jsxs)(o,{ariaColIndex:n,children:[(0,O.jsx)(Z.lD,{src:m}),(0,O.jsxs)(Z.vm,{children:[(0,O.jsx)(Z.Wh,{titleText:l,children:(0,O.jsx)(J.o,{searchWords:[D],textToHighlight:l})}),I&&(0,O.jsx)(Z.g3,{children:y.explicit?(0,O.jsx)(q.N,{}):null}),(0,O.jsx)(Z.K9,{children:i&&(0,O.jsx)(ee.o,{nonInteractive:!0,artists:i,filter:D})})]})]},n);case z.Q.TITLE:return(0,O.jsx)(o,{ariaColIndex:n,children:(0,O.jsxs)(Z.nh,{children:[(0,O.jsx)(Z.Wh,{titleText:l,children:(0,O.jsx)(J.o,{searchWords:[D],textToHighlight:l})}),I&&(0,O.jsx)(Z.g3,{children:y.explicit?(0,O.jsx)(q.N,{}):null})]})},n);case z.Q.ARTIST:return(0,O.jsx)(o,{ariaColIndex:n,children:(0,O.jsx)(Z.I4,{children:i&&(0,O.jsx)(ee.o,{nonInteractive:!0,artists:i,filter:D})})},n);case z.Q.ALBUM:return(0,O.jsx)(o,{ariaColIndex:n,children:s?.name&&(0,O.jsx)(Z.BM,{nonInteractive:!0,uri:s?.uri,name:s?.name,children:(0,O.jsx)(J.o,{searchWords:[D],textToHighlight:s?.name})})},n);case z.Q.DURATION:return(0,O.jsxs)(o,{ariaColIndex:n,children:[(0,O.jsx)(X.f,{uri:e}),(0,O.jsx)(Z.A$,{duration:a}),(0,O.jsx)(Z.Zv,{menu:(0,O.jsx)($.N,{uri:e,uid:t,contextUri:g}),label:c.ag.get("more.label.track",l,j),spec:A})]},n);default:return null}}))})})})}),((e,t)=>e.uri===t.uri&&e.index===t.index&&e.isCompactMode===t.isCompactMode));var re=l(58912);const ae=new Set(h.MI),ie=r.memo((function({uri:e,tracks:t,sortState:l,handleSort:a,usePlayContextItem:i,tracklistDomRef:s,isCompactMode:n=!1}){const o=(0,_.v)(),u=(0,r.useRef)(null),d=(0,r.useCallback)(((t,l)=>{const r=(0,re.X)(t.album?.images,{desiredSize:40,desiredLabel:"small"});return(0,O.jsx)(le,{index:l,contextUri:e,uri:t.uri,uid:t.uid,isPlayable:t.isPlayable,duration_ms:t.duration.milliseconds,name:t.name,artists:t.artists,album:t.album||void 0,isExplicit:t.isExplicit,is19PlusOnly:t.is19PlusOnly,type:t.type,imgUrl:r?.url||"",usePlayContextItem:i,isCompactMode:n},t.uid)}),[e,i,n]),g=(0,r.useCallback)((e=>({uri:e.uri,uid:e.uid})),[]);return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(V.JL,{value:"playlist-tracklist",children:(0,O.jsx)(D.Pv,{ariaLabel:c.ag.get("local-files"),hasHeaderRow:!0,columns:o,sortableColumns:ae,sortState:l,onSort:a,renderRow:d,resolveItem:g,tracks:t,nrTracks:t.length,limit:100,outerRef:u,outerDomRef:s,isCompactMode:n,columnPersistenceKey:"playlist-tracklist"},e)})})})),se=[D.QD.INDEX,D.QD.TITLE_AND_ARTIST,D.QD.ALBUM,D.QD.DURATION],ne=()=>{const{filter:e}=(0,r.useContext)(C.fo),{sortState:t,setSortState:l}=(0,r.useContext)(h.Gb),E=(0,r.useContext)(I.t),_=(0,j.I)(),Q=(0,S.Y)(s.Fzl),R=(0,r.useRef)(null),{spec:v}=(0,b.fU)(o.G,{data:{uri:y.b}}),P=(0,r.useMemo)((()=>v.actionBarFactory()),[v]),L=(0,r.useMemo)((()=>v.tracklistFactory()),[v]),M=(0,b.$P)(),{isCompactMode:U}=(0,p.mJ)(),B=(({isCompactMode:e=!1})=>{const t=[...se];return e&&t.splice(t.indexOf(D.QD.TITLE_AND_ARTIST),1,D.QD.TITLE,D.QD.ARTIST),t})({isCompactMode:U}),F=(0,r.useCallback)(((e,r)=>{l((0,A.VK)(e,t)),M.logInteraction(v.tracklistFactory().columnHeaderFactory({identifier:e,position:r||0}).hitSort())}),[l,t,M,v]),{data:w}=(0,a.a)({queryKey:["local-files",t,e],queryFn:()=>E.getTracks((0,A._j)(t),e),staleTime:0,gcTime:3e5,placeholderData:i.Wk,enabled:_}),{isActive:Y,isPlaying:W,togglePlay:z,usePlayContextItem:K}=(0,f.n)({uri:y.b,pages:[{items:(w??[]).map((e=>({...e,provider:null})))}]},{featureIdentifier:"local_files"});return w?e||w.length&&_?(0,O.jsx)(k.a,{columns:B,children:(0,O.jsxs)("div",{role:"presentation",className:N,children:[(0,O.jsxs)(d.gF,{backgroundColor:Q,children:[(0,O.jsxs)(g.W,{children:[(0,O.jsx)(T.$,{size:"medium",onClick:()=>z(),isPlaying:W,uri:y.b}),(0,O.jsx)(m.i,{text:c.ag.get("local-files")})]}),(0,O.jsxs)(d.sP,{children:[(0,O.jsx)(d.xd,{children:c.ag.get("local-files")}),(0,O.jsx)(d.T0,{children:c.ag.get("local-files.description")})]})]}),(0,O.jsx)(H,{togglePlay:z,isPlaying:W,isActive:Y,backgroundColor:Q,tracklistDomRef:R,spec:P,logger:M}),(0,O.jsx)("div",{className:"contentSpacing",children:(0,O.jsx)(b.Nh,{spec:L,children:(0,O.jsx)(ie,{tracks:w,uri:y.b,handleSort:F,sortState:t,usePlayContextItem:K,tracklistDomRef:R,isCompactMode:U})})})]})}):(0,O.jsx)(u.u,{linkTo:"/preferences",linkTitle:c.ag.get("local-files.empty-button"),message:c.ag.get("local-files.empty-description"),title:c.ag.get("local-files.empty-header"),children:(0,O.jsx)(n.Y,{size:"xxlarge","aria-hidden":"true"})}):(0,O.jsx)(x.h,{hasError:!1,errorMessage:c.ag.get("error.request-artist-failure"),loadOffline:!0})},oe=()=>(0,O.jsx)(h.kz,{uri:"spotify:internal:local-files",children:(0,O.jsx)(C.hz,{uri:"spotify:internal:local-files",children:(0,O.jsx)(ne,{})})})}}]);
|
|
//# sourceMappingURL=xpui-routes-collection-local-files.js.map
|