https://moep.social/packs/header-CVjpdSzI.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{O as o,t as s}from"./chevron_right-C_8yvOyO.js";import{r as c}from"./router-0etqvyN9.js";import{Nn as l}from"./mood-Cw3vXYdp.js";import{t as u}from"./classnames-CfLRLWYq.js";import{i as d,o as f,r as ee}from"./column-CICL8za9.js";import{G as te,Z as p}from"./poll-BYWZg_XP.js";import{t as ne}from"./add-BsoalWCj.js";import{n as re}from"./columns_context-BgKF0mfZ.js";import{t as m}from"./arrow_back-b5sYkiTj.js";import{t as ie}from"./chevron_left-C8eDlf40.js";import{t as ae}from"./unfold_less-BotrPWCa.js";import{t as oe}from"./unfold_more-Dr76BMqr.js";var h=e(t()),g=e(u()),_=n(),v=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`}}),y=({hasTitle:e})=>{let t=c(),n=i(),a=d(),o=(0,h.useCallback)(()=>{t.location.state?.fromMastodon?t.goBack():t.push(`/`)},[t]);return(0,_.jsxs)(`button`,{onClick:o,className:(0,g.default)(`column-header__back-button`,{compact:e}),id:e?void 0:f(a),"aria-label":n.formatMessage(v.back),type:`button`,children:[(0,_.jsx)(p,{id:`chevron-left`,icon:m,className:`column-back-button__icon`}),!e&&(0,_.jsx)(r,{id:`column_back_button.label`,defaultMessage:`Back`})]})},b=({title:e,icon:t,iconComponent:n,active:a,children:u,className:m,pinned:b,multiColumn:x,extraButton:se,showBackButton:ce,placeholder:S,appendContent:C,collapseIssues:le,scrollTopOnClick:w,onClick:T,onMove:E,onPin:D})=>{let O=i(),{signedIn:ue}=te(),k=c(),[A,j]=(0,h.useState)(!0),[M,N]=(0,h.useState)(!1),P=(0,h.useCallback)(e=>{e.stopPropagation(),j(e=>!e),N(!0)},[j,N]),{scrollTop:F}=ee(),I=(0,h.useCallback)(()=>{T?.(),w&&F()},[T,F,w]),L=(0,h.useCallback)(()=>{E?.(-1)},[E]),R=(0,h.useCallback)(()=>{E?.(1)},[E]),z=(0,h.useCallback)(()=>{N(!1)},[N]),B=(0,h.useCallback)(()=>{b||k.replace(`/`),D?.()},[k,b,D]),V=(0,g.default)(`column-header__wrapper`,m,{active:a}),H=(0,g.default)(`column-header`,{active:a}),de=(0,g.default)(`column-header__collapsible`,{collapsed:A,animating:M}),fe=(0,g.default)(`column-header__button`,{active:!A}),U,W,G,K,q;u&&(U=(0,_.jsx)(`div`,{className:`column-header__collapsible__extra`,children:u},`extra-content`)),x&&b?(W=(0,_.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:B,type:`button`,children:[(0,_.jsx)(p,{id:`times`,icon:o}),` `,(0,_.jsx)(r,{id:`column_header.unpin`,defaultMessage:`Unpin`})]}),G=(0,_.jsxs)(`div`,{className:`column-header__setting-arrows`,children:[(0,_.jsx)(`button`,{title:O.formatMessage(v.moveLeft),"aria-label":O.formatMessage(v.moveLeft),className:`icon-button column-header__setting-btn`,onClick:L,type:`button`,children:(0,_.jsx)(p,{id:`chevron-left`,icon:ie})}),(0,_.jsx)(`button`,{title:O.formatMessage(v.moveRight),"aria-label":O.formatMessage(v.moveRight),className:`icon-button column-header__setting-btn`,onClick:R,type:`button`,children:(0,_.jsx)(p,{id:`chevron-right`,icon:s})})]})):x&&D&&(W=(0,_.jsxs)(`button`,{className:`text-btn column-header__setting-btn`,onClick:B,type:`button`,children:[(0,_.jsx)(p,{id:`plus`,icon:ne}),` `,(0,_.jsx)(r,{id:`column_header.pin`,defaultMessage:`Pin`})]})),!b&&(x&&k.location.state?.fromMastodon||ce)&&(K=(0,_.jsx)(y,{hasTitle:!!e}));let J=[U];x&&J.push((0,_.jsxs)(`div`,{className:`column-header__advanced-buttons`,children:[W,G]},`buttons`)),ue&&(u||x&&D)&&(q=(0,_.jsx)(`button`,{className:fe,title:O.formatMessage(A?v.show:v.hide),"aria-label":O.formatMessage(A?v.show:v.hide),onClick:P,type:`button`,children:(0,_.jsxs)(`i`,{className:`icon-with-badge`,children:[(0,_.jsx)(p,{id:`sliders`,icon:A?oe:ae}),le&&(0,_.jsx)(`i`,{className:`icon-with-badge__issue-badge`})]})}));let Y=t&&n,pe=(Y||K)&&e,X=d(),Z=(0,_.jsxs)(_.Fragment,{children:[!K&&Y&&(0,_.jsx)(p,{id:t,icon:n,className:`column-header__icon`}),(0,_.jsx)(`span`,{className:`column-header__text`,children:e})]}),Q=(0,g.default)(`column-header__title`,{"column-header__title--with-back-button":!!K}),$=(0,_.jsxs)(`div`,{className:V,children:[(0,_.jsxs)(`div`,{className:H,children:[K,pe&&(0,_.jsx)(l,{as:`h1`,className:`column-header__title-wrapper`,children:T||w?(0,_.jsx)(`button`,{onClick:I,className:Q,type:`button`,id:f(X),children:Z}):(0,_.jsx)(`span`,{className:Q,tabIndex:-1,id:f(X),children:Z})}),(0,_.jsxs)(`div`,{className:`column-header__buttons`,children:[se,q]})]}),(0,_.jsx)(`div`,{className:de,tabIndex:A?-1:void 0,onTransitionEnd:z,children:(0,_.jsx)(`div`,{className:`column-header__collapsible-inner`,children:(!A||M)&&J})}),C]});return S?$:(0,_.jsx)(re,{children:$})};export{v as n,b as t};
2//# sourceMappingURL=header-CVjpdSzI.js.map