https://mast.lat/packs/header-CAWMtRAt.js

1import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t,t as n}from"./jsx-runtime-D3F0h15I.js";import{a as r,c as i,s as a}from"./react-intl-CZJDGRhA.js";import{r as o}from"./preload-helper-C17SfWRL.js";import{k as ee,t as te}from"./chevron_right-BiyG1y5G.js";import{r as s}from"./router-C9kwTRXR.js";import{$t as ne}from"./collection_preview_card-Cpmb33EE.js";import{t as c}from"./classnames-CfLRLWYq.js";import{i as l,o as u,r as re}from"./column-DMlzeVEv.js";import{B as ie,U as d}from"./poll-ZEE7VpbB.js";import{t as ae}from"./add-BsoalWCj.js";import{t as f}from"./arrow_back-b5sYkiTj.js";import{t as oe}from"./chevron_left-C8eDlf40.js";import{t as p}from"./unfold_less-BotrPWCa.js";import{t as se}from"./unfold_more-Dr76BMqr.js";var m=e(c()),h=e(t()),g=e(o()),_=n(),v=(0,h.createContext)({tabsBarElement:null,multiColumn:!1,setTabsBarElement:()=>void 0});function y(){return(0,h.useContext)(v)}var b=({children:e})=>{let{multiColumn:t,tabsBarElement:n}=y();return t?e:n?(0,g.createPortal)(e,n):e},x=({multiColumn:e,children:t})=>{let[n,r]=(0,h.useState)(null),i=(0,h.useMemo)(()=>({multiColumn:e,tabsBarElement:n,setTabsBarElement:r}),[e,n]);return(0,_.jsx)(v.Provider,{value:i,children:t})},S=a({show:{id:`column_header.show_settings`,defaultMessage:`Show settings`},hide:{id:`column_header.hide_settings`,defaultMessage:`Hide settings`},moveLeft:{id:`column_header.moveLeft_settings`,defaultMessage:`Move column to the left`},moveRight:{id:`column_header.moveRight_settings`,defaultMessage:`Move column to the right`},back:{id:`column_back_button.label`,defaultMessage:`Back`}}),ce=({hasTitle:e})=>{let t=s(),n=i(),a=l(),o=(0,h.useCallback)(()=>{t.location.state?.fromMastodon?t.goBack():t.push(`/`)},[t]);return(0,_.jsxs)(`button`,{onClick:o,className:(0,m.default)(`column-header__back-button`,{compact:e}),id:e?void 0:u(a),"aria-label":n.formatMessage(S.back),type:`button`,children:[(0,_.jsx)(d,{id:`chevron-left`,icon:f,className:`column-back-button__icon`}),!e&&(0,_.jsx)(r,{id:`column_back_button.label`,defaultMessage:`Back`})]})},C=({title:e,icon:t,iconComponent:n,active:a,children:o,className:c,pinned:f,multiColumn:g,extraButton:v,showBackButton:y,placeholder:x,appendContent:C,collapseIssues:le,scrollTopOnClick:w,onClick:T,onMove:E,onPin:D})=>{let O=i(),{signedIn:ue}=ie(),k=s(),[A,j]=(0,h.useState)(!0),[M,N]=(0,h.useState)(!1),de=(0,h.useCallback)(e=>{e.stopPropagation(),j(e=>!e),N(!0)},[j,N]),{scrollTop:P}=re(),F=(0,h.useCallback)(()=>{T?.(),w&&P()},[T,P,w]),I=(0,h.useCallback)(()=>{E?.(-1)},[E]),L=(0,h.useCallback)(()=>{E?.(1)},[E]),R=(0,h.useCallback)(()=>{N(!1)},[N]),z=(0,h.useCallback)(()=>{f||k.replace(`/`),D?.()},[k,f,D]),B=(0,m.default)(`column-header__wrapper`,c,{active:a}),V=(0,m.default)(`column-header`,{active:a}),fe=(0,m.default)(`column-header__collapsible`,{collapsed:A,animating:M}),pe=(0,m.default)(`column-header__button`,{active:!A}),H,U,W,G,K;o&&(H=(0,_.jsx)(`div`,{className:`column-header__collapsible__extra`,children:o},`extra-content`)),g&&f?(U=(0,_.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:z,type:`button`,children:[(0,_.jsx)(d,{id:`times`,icon:ee}),` `,(0,_.jsx)(r,{id:`column_header.unpin`,defaultMessage:`Unpin`})]}),W=(0,_.jsxs)(`div`,{className:`column-header__setting-arrows`,children:[(0,_.jsx)(`button`,{title:O.formatMessage(S.moveLeft),"aria-label":O.formatMessage(S.moveLeft),className:`icon-button column-header__setting-btn`,onClick:I,type:`button`,children:(0,_.jsx)(d,{id:`chevron-left`,icon:oe})}),(0,_.jsx)(`button`,{title:O.formatMessage(S.moveRight),"aria-label":O.formatMessage(S.moveRight),className:`icon-button column-header__setting-btn`,onClick:L,type:`button`,children:(0,_.jsx)(d,{id:`chevron-right`,icon:te})})]})):g&&D&&(U=(0,_.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:z,type:`button`,children:[(0,_.jsx)(d,{id:`plus`,icon:ae}),` `,(0,_.jsx)(r,{id:`column_header.pin`,defaultMessage:`Pin`})]})),!f&&(g&&k.location.state?.fromMastodon||y)&&(G=(0,_.jsx)(ce,{hasTitle:!!e}));let q=[H];g&&q.push((0,_.jsxs)(`div`,{className:`column-header__advanced-buttons`,children:[U,W]},`buttons`)),ue&&(o||g&&D)&&(K=(0,_.jsx)(`button`,{className:pe,title:O.formatMessage(A?S.show:S.hide),"aria-label":O.formatMessage(A?S.show:S.hide),onClick:de,type:`button`,children:(0,_.jsxs)(`i`,{className:`icon-with-badge`,children:[(0,_.jsx)(d,{id:`sliders`,icon:A?se:p}),le&&(0,_.jsx)(`i`,{className:`icon-with-badge__issue-badge`})]})}));let J=t&&n,Y=(J||G)&&e,X=l(),Z=(0,_.jsxs)(_.Fragment,{children:[!G&&J&&(0,_.jsx)(d,{id:t,icon:n,className:`column-header__icon`}),(0,_.jsx)(`span`,{className:`column-header__text`,children:e})]}),Q=(0,m.default)(`column-header__title`,{"column-header__title--with-back-button":!!G}),$=(0,_.jsxs)(`div`,{className:B,children:[(0,_.jsxs)(`div`,{className:V,children:[G,Y&&(0,_.jsx)(ne,{as:`h1`,className:`column-header__title-wrapper`,children:T||w?(0,_.jsx)(`button`,{onClick:F,className:Q,type:`button`,id:u(X),children:Z}):(0,_.jsx)(`span`,{className:Q,tabIndex:-1,id:u(X),children:Z})}),(0,_.jsxs)(`div`,{className:`column-header__buttons`,children:[v,K]})]}),(0,_.jsx)(`div`,{className:fe,tabIndex:A?-1:void 0,onTransitionEnd:R,children:(0,_.jsx)(`div`,{className:`column-header__collapsible-inner`,children:(!A||M)&&q})}),C]});return x?$:(0,_.jsx)(b,{children:$})};export{y as a,b as i,S as n,x as r,C as t};
2//# sourceMappingURL=header-CAWMtRAt.js.map