From 7cbe5e6f8b2142c31e2d0c8a12080f2d4d765c15 Mon Sep 17 00:00:00 2001 From: Konstantin Obenland Date: Wed, 29 Oct 2025 21:04:14 -0500 Subject: [PATCH 01/22] Refactor Social Web UI with three-panel layout Major architectural changes: - Replaced custom routing with simpler state-based navigation - Implemented three-panel layout (sidebar, stage, inspector) - Created reusable Page and Panel components for consistent UI structure - Organized routes by section (dashboard, followers, following, interactions) Component improvements: - Layout: Dark theme (#1e1e1e) with fullscreen mode support - Sidebar: 300px fixed width with visible menu items on dark background - Stage: Main content area with DataViews tables and action buttons - Inspector: 380px conditional panel for item details TypeScript improvements: - Added explicit action types for Redux store (SetFollowersAction, etc.) - Created store.d.ts for @wordpress/data module augmentation - Fixed React JSX transform configuration (react-jsx mode) - Added missing icon type definitions Styling: - Consolidated styles into style-index.css via style.scss entry point - Added fullscreen body class management with useEffect hook - Used wpds design tokens for consistency with WordPress Design System - Proper margin-based spacing between panels --- build/social-web/block.json | 2 +- build/social-web/index.asset.php | 2 +- build/social-web/index.js | 129 +++- build/social-web/style-index-rtl.css | 5 +- build/social-web/style-index.css | 5 +- package-lock.json | 112 +-- package.json | 3 + src/social-web/app.tsx | 307 -------- src/social-web/block.json | 2 +- .../components/content-panel-dashboard.tsx | 160 ----- .../content-panel-follower-details.tsx | 203 ------ src/social-web/components/content.js | 31 - src/social-web/components/header.js | 30 - src/social-web/components/item-view.tsx | 139 ---- src/social-web/components/layout/index.tsx | 106 +++ src/social-web/components/layout/style.scss | 56 ++ .../components/navigation-context.tsx | 83 --- src/social-web/components/page/index.tsx | 61 ++ src/social-web/components/page/style.scss | 62 ++ src/social-web/components/panel-layout.tsx | 78 --- src/social-web/components/panel/index.tsx | 19 + src/social-web/components/panel/style.scss | 10 + .../sidebar-navigation-screen-followers.tsx | 142 ---- .../sidebar-navigation-screen-main.tsx | 93 --- .../components/sidebar-navigation-screen.tsx | 86 --- src/social-web/components/sidebar.js | 53 -- src/social-web/components/sidebar/index.tsx | 59 ++ src/social-web/components/sidebar/style.scss | 56 ++ src/social-web/components/site-icon.tsx | 2 +- src/social-web/contexts/panel-context.tsx | 167 ----- src/social-web/features/follower-activity.tsx | 52 -- src/social-web/features/follower-overview.tsx | 104 --- src/social-web/features/follower-settings.tsx | 58 -- src/social-web/features/index.tsx | 146 ---- src/social-web/hooks/use-social-web-data.ts | 92 ++- src/social-web/index.tsx | 10 +- src/social-web/router.tsx | 152 ---- src/social-web/routes/dashboard/stage.tsx | 53 ++ src/social-web/routes/followers/inspector.tsx | 57 ++ src/social-web/routes/followers/stage.tsx | 70 ++ src/social-web/routes/following/inspector.tsx | 29 + src/social-web/routes/following/stage.tsx | 19 + .../routes/interactions/inspector.tsx | 29 + src/social-web/routes/interactions/stage.tsx | 24 + src/social-web/store/index.ts | 46 +- src/social-web/style.scss | 660 +----------------- src/social-web/styles/design-tokens.scss | 29 + src/social-web/styles/global.scss | 38 + src/social-web/tsconfig.json | 3 +- src/social-web/types/store.d.ts | 35 + src/social-web/types/wordpress__icons.d.ts | 2 + 51 files changed, 1133 insertions(+), 2838 deletions(-) delete mode 100644 src/social-web/app.tsx delete mode 100644 src/social-web/components/content-panel-dashboard.tsx delete mode 100644 src/social-web/components/content-panel-follower-details.tsx delete mode 100644 src/social-web/components/content.js delete mode 100644 src/social-web/components/header.js delete mode 100644 src/social-web/components/item-view.tsx create mode 100644 src/social-web/components/layout/index.tsx create mode 100644 src/social-web/components/layout/style.scss delete mode 100644 src/social-web/components/navigation-context.tsx create mode 100644 src/social-web/components/page/index.tsx create mode 100644 src/social-web/components/page/style.scss delete mode 100644 src/social-web/components/panel-layout.tsx create mode 100644 src/social-web/components/panel/index.tsx create mode 100644 src/social-web/components/panel/style.scss delete mode 100644 src/social-web/components/sidebar-navigation-screen-followers.tsx delete mode 100644 src/social-web/components/sidebar-navigation-screen-main.tsx delete mode 100644 src/social-web/components/sidebar-navigation-screen.tsx delete mode 100644 src/social-web/components/sidebar.js create mode 100644 src/social-web/components/sidebar/index.tsx create mode 100644 src/social-web/components/sidebar/style.scss delete mode 100644 src/social-web/contexts/panel-context.tsx delete mode 100644 src/social-web/features/follower-activity.tsx delete mode 100644 src/social-web/features/follower-overview.tsx delete mode 100644 src/social-web/features/follower-settings.tsx delete mode 100644 src/social-web/features/index.tsx delete mode 100644 src/social-web/router.tsx create mode 100644 src/social-web/routes/dashboard/stage.tsx create mode 100644 src/social-web/routes/followers/inspector.tsx create mode 100644 src/social-web/routes/followers/stage.tsx create mode 100644 src/social-web/routes/following/inspector.tsx create mode 100644 src/social-web/routes/following/stage.tsx create mode 100644 src/social-web/routes/interactions/inspector.tsx create mode 100644 src/social-web/routes/interactions/stage.tsx create mode 100644 src/social-web/styles/design-tokens.scss create mode 100644 src/social-web/styles/global.scss create mode 100644 src/social-web/types/store.d.ts diff --git a/build/social-web/block.json b/build/social-web/block.json index 3e439b7af..a8465e46c 100644 --- a/build/social-web/block.json +++ b/build/social-web/block.json @@ -7,5 +7,5 @@ "description": "Social Web admin interface", "textdomain": "activitypub", "editorScript": "file:./index.js", - "editorStyle": "file:./index.css" + "editorStyle": "file:./style.scss" } \ No newline at end of file diff --git a/build/social-web/index.asset.php b/build/social-web/index.asset.php index e37e78cff..7a2e54f69 100644 --- a/build/social-web/index.asset.php +++ b/build/social-web/index.asset.php @@ -1 +1 @@ - array('react', 'react-jsx-runtime', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-preferences', 'wp-primitives', 'wp-url'), 'version' => '793976d91b7efd715568'); + array('react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-data', 'wp-data-controls', 'wp-date', 'wp-element', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-primitives', 'wp-private-apis', 'wp-warning'), 'version' => '8aff5f5cc2a74e23ea19'); diff --git a/build/social-web/index.js b/build/social-web/index.js index df649d8d7..b9b2b4b22 100644 --- a/build/social-web/index.js +++ b/build/social-web/index.js @@ -1,14 +1,115 @@ -(()=>{var e,t={92:(e,t,i)=>{"use strict";var a={};i.r(a),i.d(a,{closeModal:()=>P,disableComplementaryArea:()=>T,enableComplementaryArea:()=>C,openModal:()=>H,pinItem:()=>V,setDefaultComplementaryArea:()=>k,setFeatureDefaults:()=>L,setFeatureValue:()=>M,toggleFeature:()=>z,unpinItem:()=>A});var n={};i.r(n),i.d(n,{getActiveComplementaryArea:()=>B,isComplementaryAreaLoading:()=>F,isFeatureActive:()=>I,isItemPinned:()=>E,isModalActive:()=>R});const s=window.React,r=window.wp.element;var l=i.n(r);const c=window.wp.components,o=window.wp.keyboardShortcuts,d=window.wp.i18n,p=window.ReactJSXRuntime;function u(e){var t,i,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(t=0;t(0,p.jsx)(a,{ref:s,className:m("admin-ui-navigable-region",t),"aria-label":i,role:"region",tabIndex:"-1",...n,children:e}));v.displayName="NavigableRegion";var h=v;const _=window.wp.compose,x={type:"tween",duration:.25,ease:[.6,0,.4,1]},b={hidden:{opacity:1,marginTop:-60},visible:{opacity:1,marginTop:0},distractionFreeHover:{opacity:1,marginTop:0,transition:{...x,delay:.2,delayChildren:.2}},distractionFreeHidden:{opacity:0,marginTop:-60},distractionFreeDisabled:{opacity:0,marginTop:0,transition:{...x,delay:.8,delayChildren:.8}}};var w=(0,r.forwardRef)(function({isDistractionFree:e,footer:t,header:i,editorNotices:a,sidebar:n,secondarySidebar:s,content:l,actions:o,labels:u,className:v},x){const[w,y]=(0,_.useResizeObserver)(),f=(0,_.useViewportMatch)("medium","<"),g={type:"tween",duration:(0,_.useReducedMotion)()?0:.25,ease:[.6,0,.4,1]};!function(e){(0,r.useEffect)(()=>{const t=document&&document.querySelector(`html:not(.${e})`);if(t)return t.classList.toggle(e),()=>{t.classList.toggle(e)}},[e])}("interface-interface-skeleton__html-container");const j={ -/* translators: accessibility text for the top bar landmark region. */ -header:(0,d._x)("Header","header landmark area"), -/* translators: accessibility text for the content landmark region. */ -body:(0,d.__)("Content"), -/* translators: accessibility text for the secondary sidebar landmark region. */ -secondarySidebar:(0,d.__)("Block Library"), -/* translators: accessibility text for the settings landmark region. */ -sidebar:(0,d._x)("Settings","settings landmark area"), -/* translators: accessibility text for the publish landmark region. */ -actions:(0,d.__)("Publish"), -/* translators: accessibility text for the footer landmark region. */ -footer:(0,d.__)("Footer"),...u};return(0,p.jsxs)("div",{ref:x,className:m(v,"interface-interface-skeleton",!!t&&"has-footer"),children:[(0,p.jsxs)("div",{className:"interface-interface-skeleton__editor",children:[(0,p.jsx)(c.__unstableAnimatePresence,{initial:!1,children:!!i&&(0,p.jsx)(h,{as:c.__unstableMotion.div,className:"interface-interface-skeleton__header","aria-label":j.header,initial:e&&!f?"distractionFreeHidden":"hidden",whileHover:e&&!f?"distractionFreeHover":"visible",animate:e&&!f?"distractionFreeDisabled":"visible",exit:e&&!f?"distractionFreeHidden":"hidden",variants:b,transition:g,children:i})}),e&&(0,p.jsx)("div",{className:"interface-interface-skeleton__header",children:a}),(0,p.jsxs)("div",{className:"interface-interface-skeleton__body",children:[(0,p.jsx)(c.__unstableAnimatePresence,{initial:!1,children:!!s&&(0,p.jsx)(h,{className:"interface-interface-skeleton__secondary-sidebar",ariaLabel:j.secondarySidebar,as:c.__unstableMotion.div,initial:"closed",animate:"open",exit:"closed",variants:{open:{width:y.width},closed:{width:0}},transition:g,children:(0,p.jsxs)(c.__unstableMotion.div,{style:{position:"absolute",width:f?"100vw":"fit-content",height:"100%",left:0},variants:{open:{x:0},closed:{x:"-100%"}},transition:g,children:[w,s]})})}),(0,p.jsx)(h,{className:"interface-interface-skeleton__content",ariaLabel:j.body,children:l}),!!n&&(0,p.jsx)(h,{className:"interface-interface-skeleton__sidebar",ariaLabel:j.sidebar,children:n}),!!o&&(0,p.jsx)(h,{className:"interface-interface-skeleton__actions",ariaLabel:j.actions,children:o})]})]}),!!t&&(0,p.jsx)(h,{className:"interface-interface-skeleton__footer",ariaLabel:j.footer,children:t})]})});const y=window.wp.data,f=window.wp.deprecated;var g=i.n(f);const j=window.wp.preferences;function S(e){return["core/edit-post","core/edit-site"].includes(e)?(g()(`${e} interface scope`,{alternative:"core interface scope",hint:"core/edit-post and core/edit-site are merging.",version:"6.6"}),"core"):e}function N(e,t){return"core"===e&&"edit-site/template"===t?(g()("edit-site/template sidebar",{alternative:"edit-post/document",version:"6.6"}),"edit-post/document"):"core"===e&&"edit-site/block-inspector"===t?(g()("edit-site/block-inspector sidebar",{alternative:"edit-post/block",version:"6.6"}),"edit-post/block"):t}const k=(e,t)=>({type:"SET_DEFAULT_COMPLEMENTARY_AREA",scope:e=S(e),area:t=N(e,t)}),C=(e,t)=>({registry:i,dispatch:a})=>{t&&(e=S(e),t=N(e,t),i.select(j.store).get(e,"isComplementaryAreaVisible")||i.dispatch(j.store).set(e,"isComplementaryAreaVisible",!0),a({type:"ENABLE_COMPLEMENTARY_AREA",scope:e,area:t}))},T=e=>({registry:t})=>{e=S(e),t.select(j.store).get(e,"isComplementaryAreaVisible")&&t.dispatch(j.store).set(e,"isComplementaryAreaVisible",!1)},V=(e,t)=>({registry:i})=>{if(!t)return;e=S(e),t=N(e,t);const a=i.select(j.store).get(e,"pinnedItems");!0!==a?.[t]&&i.dispatch(j.store).set(e,"pinnedItems",{...a,[t]:!0})},A=(e,t)=>({registry:i})=>{if(!t)return;e=S(e),t=N(e,t);const a=i.select(j.store).get(e,"pinnedItems");i.dispatch(j.store).set(e,"pinnedItems",{...a,[t]:!1})};function z(e,t){return function({registry:i}){g()("dispatch( 'core/interface' ).toggleFeature",{since:"6.0",alternative:"dispatch( 'core/preferences' ).toggle"}),i.dispatch(j.store).toggle(e,t)}}function M(e,t,i){return function({registry:a}){g()("dispatch( 'core/interface' ).setFeatureValue",{since:"6.0",alternative:"dispatch( 'core/preferences' ).set"}),a.dispatch(j.store).set(e,t,!!i)}}function L(e,t){return function({registry:i}){g()("dispatch( 'core/interface' ).setFeatureDefaults",{since:"6.0",alternative:"dispatch( 'core/preferences' ).setDefaults"}),i.dispatch(j.store).setDefaults(e,t)}}function H(e){return{type:"OPEN_MODAL",name:e}}function P(){return{type:"CLOSE_MODAL"}}const B=(0,y.createRegistrySelector)(e=>(t,i)=>{i=S(i);const a=e(j.store).get(i,"isComplementaryAreaVisible");if(void 0!==a)return!1===a?null:t?.complementaryAreas?.[i]}),F=(0,y.createRegistrySelector)(e=>(t,i)=>{i=S(i);const a=e(j.store).get(i,"isComplementaryAreaVisible"),n=t?.complementaryAreas?.[i];return a&&void 0===n}),E=(0,y.createRegistrySelector)(e=>(t,i,a)=>{a=N(i=S(i),a);const n=e(j.store).get(i,"pinnedItems");return n?.[a]??!0}),I=(0,y.createRegistrySelector)(e=>(t,i,a)=>(g()("select( 'core/interface' ).isFeatureActive( scope, featureName )",{since:"6.0",alternative:"select( 'core/preferences' ).get( scope, featureName )"}),!!e(j.store).get(i,a)));function R(e,t){return e.activeModal===t}var D=(0,y.combineReducers)({complementaryAreas:function(e={},t){switch(t.type){case"SET_DEFAULT_COMPLEMENTARY_AREA":{const{scope:i,area:a}=t;return e[i]?e:{...e,[i]:a}}case"ENABLE_COMPLEMENTARY_AREA":{const{scope:i,area:a}=t;return{...e,[i]:a}}}return e},activeModal:function(e=null,t){switch(t.type){case"OPEN_MODAL":return t.name;case"CLOSE_MODAL":return null}return e}});const O=(0,y.createReduxStore)("core/interface",{reducer:D,actions:a,selectors:n});(0,y.register)(O);const G=window.wp.primitives;var Z=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"})});const $=window.wp.keycodes;var U=i(942),Y=i.n(U);const W=window.wp.url;function Q(){const e=(0,W.getQueryArgs)(window.location.href),t=e.path||"/",i=t.split("/").filter(Boolean);return{path:t,params:{section:i[0]||"dashboard",id:i[1]||void 0},query:e}}const q=[{name:"dashboard",path:"/",label:"Dashboard"},{name:"followers",path:"/followers",label:"Followers"},{name:"follower-details",path:"/followers/:id",label:"Follower Details",parent:"followers"},{name:"following",path:"/following",label:"Following"},{name:"following-details",path:"/following/:id",label:"Following Details",parent:"following"},{name:"interactions",path:"/interactions",label:"Interactions"},{name:"interaction-details",path:"/interactions/:id",label:"Interaction Details",parent:"interactions"}],J=(0,s.createContext)({direction:null,navigate:()=>{},focusSelector:null});function X({children:e,onNavigate:t}){const[i,a]=(0,s.useState)(null),[n,r]=(0,s.useState)(null),l=(0,s.useRef)(),c=(0,s.useCallback)((e,i="forward",n)=>{l.current&&clearTimeout(l.current),a(i),r(n||null),t(e),l.current=setTimeout(()=>{a(null)},300)},[t]);return(0,s.useEffect)(()=>()=>{l.current&&clearTimeout(l.current)},[]),(0,s.useEffect)(()=>{if(n){const e=setTimeout(()=>{const e=document.querySelector(n);e instanceof HTMLElement&&e.focus(),r(null)},350);return()=>clearTimeout(e)}},[n]),(0,p.jsx)(J.Provider,{value:{direction:i,navigate:c,focusSelector:n},children:e})}function K(){return(0,s.useContext)(J)}const ee=(0,r.createContext)(void 0);function te({children:e,initialState:t={},onStateChange:i}){const[a,n]=(0,r.useState)({selectedItem:null,activeFeature:"overview",viewMode:"split",isPanelExpanded:!1,panelData:{},...t}),s=(0,r.useCallback)(e=>{n(t=>{const a={...t,selectedItem:e};return i?.(a),a})},[i]),l=(0,r.useCallback)(e=>{n(t=>{const a={...t,activeFeature:e};return i?.(a),a})},[i]),c=(0,r.useCallback)(e=>{n(t=>{const a={...t,viewMode:e};return i?.(a),a})},[i]),o=(0,r.useCallback)(()=>{n(e=>{const t={...e,isPanelExpanded:!e.isPanelExpanded};return i?.(t),t})},[i]),d=(0,r.useCallback)((e,t)=>{n(a=>{const n={...a,panelData:{...a.panelData,[e]:t}};return i?.(n),n})},[i]),u=(0,r.useCallback)(()=>{n(e=>{const t={...e,selectedItem:null,isPanelExpanded:!1};return i?.(t),t})},[i]),m=(0,r.useMemo)(()=>({...a,setSelectedItem:s,setActiveFeature:l,setViewMode:c,togglePanelExpanded:o,setPanelData:d,clearSelection:u,hasSelection:null!==a.selectedItem,isDetailView:"detail"===a.viewMode||"split"===a.viewMode&&null!==a.selectedItem,isSplitView:"split"===a.viewMode}),[a,s,l,c,o,d,u]);return(0,p.jsx)(ee.Provider,{value:m,children:e})}function ie(){const e=(0,r.useContext)(ee);if(!e)throw new Error("usePanelContext must be used within a PanelProvider");return e}function ae({sidebar:e,content:t,detail:i,canvas:a,className:n=""}){const{viewMode:s,hasSelection:r,isPanelExpanded:l}=ie(),c=Y()("activitypub-panel-layout",n,{"has-selection":r,"is-split-view":"split"===s,"is-detail-view":"detail"===s,"is-list-view":"list"===s,"is-panel-expanded":l}),o="detail"!==s||!r,d="split"===s&&r||"detail"===s&&r,u=a&&("split"===s||"detail"===s&&!r);return(0,p.jsxs)("div",{className:c,children:[(0,p.jsx)("div",{className:"activitypub-panel-layout__sidebar",children:e}),(0,p.jsxs)("div",{className:"activitypub-panel-layout__main",children:[o&&t&&(0,p.jsx)("div",{className:"activitypub-panel-layout__content",children:t}),d&&i&&(0,p.jsx)("div",{className:"activitypub-panel-layout__detail",children:i}),u&&(0,p.jsx)("div",{className:"activitypub-panel-layout__canvas",children:(0,p.jsx)("div",{className:"edit-site-resizable-frame__inner-content",children:a})})]})]})}var ne=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"})});function se({title:e,subtitle:t,tabs:i,onClose:a,headerActions:n,className:s=""}){const{activeFeature:o,setActiveFeature:u,selectedItem:m,clearSelection:v}=ie(),h=(0,r.useMemo)(()=>i.filter(e=>!1!==e.enabled),[i]),_=(0,r.useMemo)(()=>h.map(e=>({name:e.name,title:e.title,className:`activitypub-tab-${e.name}`})),[h]),x=h.find(e=>e.name===o);return m?(0,p.jsxs)("div",{className:`activitypub-item-view ${s}`,children:[(0,p.jsx)("div",{className:"activitypub-item-view__header",children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"top",children:[(0,p.jsxs)(c.__experimentalVStack,{spacing:1,className:"activitypub-item-view__header-text",children:[(0,p.jsx)(c.__experimentalHeading,{level:2,size:24,children:e}),t&&(0,p.jsx)("span",{className:"activitypub-item-view__subtitle",children:t})]}),(0,p.jsxs)(c.__experimentalHStack,{spacing:2,alignment:"center",className:"activitypub-item-view__header-actions",children:[n,(0,p.jsx)(c.Button,{icon:ne,label:(0,d.__)("Close","activitypub"),onClick:()=>{a?a():v()},className:"activitypub-item-view__close"})]})]})}),(0,p.jsx)("div",{className:"activitypub-item-view__content",children:h.length>1?(0,p.jsx)(c.TabPanel,{tabs:_,onSelect:e=>u(e),initialTabName:o,children:()=>{const e=x?.component;return e?(0,p.jsx)(e,{item:m}):null}}):h[0]&&l().createElement(h[0].component,{item:m})})]}):(0,p.jsx)("div",{className:`activitypub-item-view-empty ${s}`,children:(0,p.jsx)(c.__experimentalVStack,{spacing:3,alignment:"center",children:(0,p.jsx)(c.__experimentalHeading,{level:3,children:(0,d.__)("Select an item to view details","activitypub")})})})}var re=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})}),le=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"})}),ce=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{fillRule:"evenodd",d:"M11.25 5h1.5v15h-1.5V5zM6 10h1.5v10H6V10zm12 4h-1.5v6H18v-6z",clipRule:"evenodd"})}),oe=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"})}),de=(0,p.jsx)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,p.jsx)(G.Path,{d:"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z"})}),pe=(0,p.jsx)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,p.jsx)(G.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.68822 16.625L5.5 17.8145L5.5 5.5L18.5 5.5L18.5 16.625L6.68822 16.625ZM7.31 18.125L19 18.125C19.5523 18.125 20 17.6773 20 17.125L20 5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19.5247C4 19.8173 4.16123 20.086 4.41935 20.2237C4.72711 20.3878 5.10601 20.3313 5.35252 20.0845L7.31 18.125ZM16 9.99997H8V8.49997H16V9.99997ZM8 14H13V12.5H8V14Z"})});const ue={name:"followers",label:(0,d.__)("Followers","activitypub"),icon:re,defaultTab:"overview",tabs:[{name:"overview",title:(0,d.__)("Overview","activitypub"),icon:le,component:function({item:e}){return e?(0,p.jsxs)(c.__experimentalVStack,{spacing:4,className:"activitypub-follower-overview",children:[(0,p.jsxs)(c.__experimentalHStack,{alignment:"top",spacing:4,children:[(0,p.jsx)("img",{src:e.avatar,alt:e.name,width:80,height:80,style:{borderRadius:"50%"}}),(0,p.jsxs)(c.__experimentalVStack,{spacing:2,children:[(0,p.jsx)(c.__experimentalText,{size:24,weight:600,children:e.name}),(0,p.jsxs)(c.__experimentalText,{variant:"muted",children:["@",e.username]}),(0,p.jsx)(c.ExternalLink,{href:e.url,children:(0,d.__)("View profile","activitypub")})]})]}),(0,p.jsxs)(c.__experimentalVStack,{spacing:3,children:[(0,p.jsxs)("div",{children:[(0,p.jsx)(c.__experimentalText,{weight:600,as:"div",marginBottom:1,children:(0,d.__)("Following since","activitypub")}),(0,p.jsx)(c.__experimentalText,{variant:"muted",children:new Date(e.created).toLocaleDateString()})]}),(0,p.jsxs)("div",{children:[(0,p.jsx)(c.__experimentalText,{weight:600,as:"div",marginBottom:1,children:(0,d.__)("Last activity","activitypub")}),(0,p.jsx)(c.__experimentalText,{variant:"muted",children:new Date(e.modified).toLocaleDateString()})]}),e.errors&&e.errors>0&&(0,p.jsxs)("div",{children:[(0,p.jsx)(c.__experimentalText,{weight:600,as:"div",marginBottom:1,children:(0,d.__)("Delivery errors","activitypub")}),(0,p.jsxs)(c.__experimentalText,{variant:"muted",className:"has-warning",children:[e.errors," ",(0,d.__)("errors","activitypub")]})]})]}),(0,p.jsxs)(c.__experimentalVStack,{spacing:3,children:[(0,p.jsx)(c.__experimentalText,{weight:600,children:(0,d.__)("Technical Details","activitypub")}),(0,p.jsxs)("div",{children:[(0,p.jsx)(c.__experimentalText,{variant:"muted",size:"small",children:(0,d.__)("Actor ID","activitypub")}),(0,p.jsx)("code",{style:{wordBreak:"break-all",fontSize:"11px"},children:e.actor})]}),e.inbox&&(0,p.jsxs)("div",{children:[(0,p.jsx)(c.__experimentalText,{variant:"muted",size:"small",children:(0,d.__)("Inbox","activitypub")}),(0,p.jsx)("code",{style:{wordBreak:"break-all",fontSize:"11px"},children:e.inbox})]})]}),(0,p.jsxs)(c.__experimentalHStack,{spacing:2,children:[(0,p.jsx)(c.Button,{variant:"secondary",isDestructive:!0,children:(0,d.__)("Block Follower","activitypub")}),(0,p.jsx)(c.Button,{variant:"tertiary",children:(0,d.__)("Remove Follower","activitypub")})]})]}):null},enabled:!0},{name:"activity",title:(0,d.__)("Activity","activitypub"),icon:ce,component:function({item:e}){return(0,p.jsxs)(c.__experimentalVStack,{spacing:4,className:"activitypub-follower-activity",children:[(0,p.jsxs)(c.__experimentalText,{children:[(0,d.__)("Activity timeline for","activitypub")," ",e.name]}),(0,p.jsx)(c.Card,{children:(0,p.jsx)(c.CardBody,{children:(0,p.jsx)(c.__experimentalText,{variant:"muted",children:(0,d.__)("Activity history will be displayed here...","activitypub")})})}),(0,p.jsxs)(c.__experimentalVStack,{spacing:3,children:[(0,p.jsx)(c.Card,{size:"small",children:(0,p.jsxs)(c.CardBody,{children:[(0,p.jsx)(c.__experimentalText,{size:"small",variant:"muted",children:"2 hours ago"}),(0,p.jsx)(c.__experimentalText,{children:'Liked your post "Introduction to ActivityPub"'})]})}),(0,p.jsx)(c.Card,{size:"small",children:(0,p.jsxs)(c.CardBody,{children:[(0,p.jsx)(c.__experimentalText,{size:"small",variant:"muted",children:"Yesterday"}),(0,p.jsx)(c.__experimentalText,{children:"Started following you"})]})})]})]})},enabled:!0},{name:"settings",title:(0,d.__)("Settings","activitypub"),icon:oe,component:function({item:e}){return(0,p.jsxs)(c.__experimentalVStack,{spacing:4,className:"activitypub-follower-settings",children:[(0,p.jsxs)(c.__experimentalText,{children:[(0,d.__)("Settings for","activitypub")," ",e.name]}),(0,p.jsx)(c.ToggleControl,{label:(0,d.__)("Send notifications","activitypub"),help:(0,d.__)("Receive notifications when this follower interacts with your content","activitypub"),checked:!0,onChange:()=>{}}),(0,p.jsx)(c.ToggleControl,{label:(0,d.__)("Allow mentions","activitypub"),help:(0,d.__)("Allow this follower to mention you in their posts","activitypub"),checked:!0,onChange:()=>{}}),(0,p.jsx)(c.SelectControl,{label:(0,d.__)("Visibility","activitypub"),value:"public",options:[{label:(0,d.__)("Public","activitypub"),value:"public"},{label:(0,d.__)("Followers only","activitypub"),value:"followers"},{label:(0,d.__)("Private","activitypub"),value:"private"}],onChange:()=>{}}),(0,p.jsx)(c.Button,{variant:"primary",children:(0,d.__)("Save Settings","activitypub")})]})},enabled:!0}]},me={name:"following",label:(0,d.__)("Following","activitypub"),icon:de,defaultTab:"overview",tabs:[{name:"overview",title:(0,d.__)("Overview","activitypub"),component:()=>(0,p.jsx)("div",{children:"Following Overview"}),enabled:!0},{name:"activity",title:(0,d.__)("Activity","activitypub"),component:()=>(0,p.jsx)("div",{children:"Following Activity"}),enabled:!0}]},ve={name:"interactions",label:(0,d.__)("Interactions","activitypub"),icon:pe,defaultTab:"all",tabs:[{name:"all",title:(0,d.__)("All","activitypub"),component:()=>(0,p.jsx)("div",{children:"All Interactions"}),enabled:!0},{name:"mentions",title:(0,d.__)("Mentions","activitypub"),component:()=>(0,p.jsx)("div",{children:"Mentions"}),enabled:!0},{name:"replies",title:(0,d.__)("Replies","activitypub"),component:()=>(0,p.jsx)("div",{children:"Replies"}),enabled:!0}]},he=new Map([["followers",ue],["following",me],["interactions",ve]]);var _e=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"m13.1 16-3.4-4 3.4-4 1.1 1-2.6 3 2.6 3-1.1 1z"})}),xe=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z"})});function be({isRoot:e=!1,title:t,description:i,content:a,footer:n,actions:r,backPath:l,backLabel:o}){const{navigate:u}=(0,s.useContext)(J);return(0,p.jsxs)(c.__experimentalVStack,{className:"edit-site-sidebar-navigation-screen",spacing:0,justify:"flex-start",children:[(0,p.jsxs)("div",{className:"edit-site-sidebar-navigation-screen__header",children:[(0,p.jsxs)(c.__experimentalHStack,{spacing:3,alignment:"flex-start",className:"edit-site-sidebar-navigation-screen__title-icon",children:[!e&&l&&(0,p.jsx)(c.Button,{__next40pxDefaultSize:!0,icon:(0,d.isRTL)()?xe:_e,label:o||(0,d.__)("Back","activitypub"),onClick:()=>{l&&u(l,"back")},className:"edit-site-sidebar-button is-small has-icon",size:"compact"}),(0,p.jsx)(c.__experimentalHeading,{className:"edit-site-sidebar-navigation-screen__title",color:"#e0e0e0",level:1,size:20,children:t}),r&&(0,p.jsx)("div",{className:"edit-site-sidebar-navigation-screen__actions",children:r})]}),i&&(0,p.jsx)("div",{className:"edit-site-sidebar-navigation-screen__description",children:i})]}),(0,p.jsx)("div",{className:"edit-site-sidebar-navigation-screen__content",children:a}),n&&(0,p.jsx)("div",{className:"edit-site-sidebar-navigation-screen__footer",children:n})]})}const we=[{name:"dashboard",label:(0,d.__)("Dashboard","activitypub"),icon:le,withChevron:!1,path:"/"},{name:"followers",label:(0,d.__)("Followers","activitypub"),icon:re,withChevron:!0,path:"/followers"},{name:"following",label:(0,d.__)("Following","activitypub"),icon:de,withChevron:!0,path:"/following"},{name:"interactions",label:(0,d.__)("Interactions","activitypub"),icon:pe,withChevron:!0,path:"/interactions"}];function ye(){const{navigate:e}=K(),t=(0,p.jsx)(c.__experimentalItemGroup,{className:"edit-site-sidebar-navigation-screen-main",children:we.map(t=>(0,p.jsx)(c.__experimentalItem,{className:"edit-site-sidebar-navigation-item",onClick:()=>{return i=t.path,void e(i,"forward");var i},children:(0,p.jsxs)(c.__experimentalHStack,{justify:"flex-start",children:[t.icon&&(0,p.jsx)(c.Icon,{style:{fill:"currentcolor"},icon:t.icon,size:24}),(0,p.jsx)(c.FlexBlock,{children:t.label}),t.withChevron&&(0,p.jsx)(c.Icon,{icon:(0,d.isRTL)()?_e:xe,className:"edit-site-sidebar-navigation-item__drilldown-indicator",size:24})]})},t.name))});return(0,p.jsx)(be,{isRoot:!0,title:(0,d.__)("Social Web","activitypub"),description:(0,d.__)("Connect and interact with the fediverse through ActivityPub.","activitypub"),content:t})}function fe({followers:e=[],selectedId:t,onSelectFollower:i}){const[a,n]=(0,s.useState)(""),[r,l]=(0,s.useState)("recent"),{navigate:o}=K(),u=[...e.filter(e=>{if(!a)return!0;const t=a.toLowerCase();return e.name.toLowerCase().includes(t)||e.username.toLowerCase().includes(t)||e.actor.toLowerCase().includes(t)})].sort((e,t)=>{switch(r){case"name":return e.name.localeCompare(t.name);case"username":return e.username.localeCompare(t.username);default:return new Date(t.created).getTime()-new Date(e.created).getTime()}}),m=(0,p.jsxs)(c.__experimentalVStack,{spacing:4,children:[(0,p.jsx)(c.SearchControl,{__nextHasNoMarginBottom:!0,label:(0,d.__)("Search followers","activitypub"),placeholder:(0,d.__)("Search by name or handle...","activitypub"),value:a,onChange:n}),(0,p.jsx)(c.SelectControl,{__nextHasNoMarginBottom:!0,label:(0,d.__)("Sort by","activitypub"),value:r,options:[{label:(0,d.__)("Recently followed","activitypub"),value:"recent"},{label:(0,d.__)("Name","activitypub"),value:"name"},{label:(0,d.__)("Username","activitypub"),value:"username"}],onChange:l}),(0,p.jsx)(c.__experimentalItemGroup,{className:"activitypub-followers-list",children:0===u.length?(0,p.jsx)(c.__experimentalItem,{children:(0,p.jsx)(c.__experimentalText,{children:a?(0,d.__)("No followers match your search.","activitypub"):(0,d.__)("No followers yet.","activitypub")})}):u.map(e=>(0,p.jsx)(c.__experimentalItem,{onClick:()=>(e=>{i(e.id),o(`/followers/${e.id}`,"forward")})(e),className:t===e.id?"is-selected":"",children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",spacing:3,children:[(0,p.jsx)("img",{src:e.avatar,alt:e.name,width:32,height:32,style:{borderRadius:"50%"}}),(0,p.jsxs)(c.__experimentalVStack,{spacing:0,children:[(0,p.jsx)(c.__experimentalText,{weight:600,children:e.name}),(0,p.jsxs)(c.__experimentalText,{variant:"muted",size:"small",lineHeight:1.2,children:["@",e.username]})]})]})},e.id))})]}),v=(0,p.jsxs)(c.__experimentalText,{variant:"muted",size:"small",children:[u.length," ",(0,d.__)("followers","activitypub")]});return(0,p.jsx)(be,{title:(0,d.__)("Followers","activitypub"),description:(0,d.__)("People who follow your ActivityPub profile.","activitypub"),content:m,footer:v,backPath:"/",backLabel:(0,d.__)("Back to Social Web","activitypub")})}var ge=(0,p.jsx)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,p.jsx)(G.Path,{d:"M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"})}),je=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(G.Path,{d:"M3.445 16.505a.75.75 0 001.06.05l5.005-4.55 4.024 3.521 4.716-4.715V14h1.5V8.25H14v1.5h3.19l-3.724 3.723L9.49 9.995l-5.995 5.45a.75.75 0 00-.05 1.06z"})});function Se({stats:e,onNavigate:t}){return(0,p.jsx)("div",{className:"activitypub-content-panel activitypub-dashboard",children:(0,p.jsxs)(c.__experimentalVStack,{spacing:4,children:[(0,p.jsx)(c.__experimentalHeading,{level:1,size:30,children:(0,d.__)("Social Web Dashboard","activitypub")}),(0,p.jsx)(c.__experimentalText,{children:(0,d.__)("Your ActivityPub presence at a glance. Monitor your federated social presence and interactions.","activitypub")}),(0,p.jsxs)("div",{className:"activitypub-stats-grid",children:[(0,p.jsxs)(c.Card,{size:"small",className:"activitypub-stat-card",children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",children:[(0,p.jsx)(c.Icon,{icon:re,size:24}),(0,p.jsx)(c.__experimentalText,{weight:600,children:(0,d.__)("Followers","activitypub")})]})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsxs)(c.__experimentalVStack,{spacing:2,children:[(0,p.jsx)(c.__experimentalText,{size:30,weight:700,children:e.followers}),(0,p.jsx)(c.Button,{variant:"link",onClick:()=>t("/followers"),children:(0,d.__)("View all followers →","activitypub")})]})})]}),(0,p.jsxs)(c.Card,{size:"small",className:"activitypub-stat-card",children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",children:[(0,p.jsx)(c.Icon,{icon:de,size:24}),(0,p.jsx)(c.__experimentalText,{weight:600,children:(0,d.__)("Following","activitypub")})]})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsxs)(c.__experimentalVStack,{spacing:2,children:[(0,p.jsx)(c.__experimentalText,{size:30,weight:700,children:e.following}),(0,p.jsx)(c.Button,{variant:"link",onClick:()=>t("/following"),children:(0,d.__)("Manage following →","activitypub")})]})})]}),(0,p.jsxs)(c.Card,{size:"small",className:"activitypub-stat-card",children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",children:[(0,p.jsx)(c.Icon,{icon:pe,size:24}),(0,p.jsx)(c.__experimentalText,{weight:600,children:(0,d.__)("Interactions","activitypub")})]})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsxs)(c.__experimentalVStack,{spacing:2,children:[(0,p.jsx)(c.__experimentalText,{size:30,weight:700,children:e.interactions}),(0,p.jsx)(c.Button,{variant:"link",onClick:()=>t("/interactions"),children:(0,d.__)("View interactions →","activitypub")})]})})]}),(0,p.jsxs)(c.Card,{size:"small",className:"activitypub-stat-card",children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",children:[(0,p.jsx)(c.Icon,{icon:ge,size:24}),(0,p.jsx)(c.__experimentalText,{weight:600,children:(0,d.__)("Federated Posts","activitypub")})]})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsxs)(c.__experimentalVStack,{spacing:2,children:[(0,p.jsx)(c.__experimentalText,{size:30,weight:700,children:e.posts}),(0,p.jsx)(c.Button,{variant:"link",href:"/wp-admin/edit.php",children:(0,d.__)("View posts →","activitypub")})]})})]})]}),(0,p.jsxs)(c.Card,{children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsxs)(c.__experimentalHStack,{alignment:"center",children:[(0,p.jsx)(c.Icon,{icon:je,size:24}),(0,p.jsx)(c.__experimentalHeading,{level:2,size:20,children:(0,d.__)("Recent Activity","activitypub")})]})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsx)(c.__experimentalVStack,{spacing:3,children:(0,p.jsx)(c.__experimentalText,{variant:"muted",children:(0,d.__)("Activity feed will be displayed here...","activitypub")})})})]}),(0,p.jsxs)(c.Card,{children:[(0,p.jsx)(c.CardHeader,{children:(0,p.jsx)(c.__experimentalHeading,{level:2,size:20,children:(0,d.__)("Quick Actions","activitypub")})}),(0,p.jsx)(c.CardBody,{children:(0,p.jsxs)(c.__experimentalHStack,{spacing:3,children:[(0,p.jsx)(c.Button,{variant:"secondary",children:(0,d.__)("Import Followers","activitypub")}),(0,p.jsx)(c.Button,{variant:"secondary",children:(0,d.__)("Export Data","activitypub")}),(0,p.jsx)(c.Button,{variant:"link",href:"/wp-admin/options-general.php?page=activitypub",children:(0,d.__)("Settings","activitypub")})]})})]})]})})}var Ne=(0,p.jsx)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24",children:(0,p.jsx)(G.Path,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})});const ke=function({className:e,siteIconUrl:t}){const i=t?(0,p.jsx)("img",{className:"edit-site-site-icon__image",alt:"Site Icon",src:t}):(0,p.jsx)(c.Icon,{className:"edit-site-site-icon__icon",icon:Ne,size:48});return(0,p.jsx)("div",{className:Y()(e,"edit-site-site-icon"),children:i})},Ce=[{id:"1",actor:"https://mastodon.social/@user1",name:"John Doe",username:"user1@mastodon.social",avatar:"https://via.placeholder.com/150",url:"https://mastodon.social/@user1",created:"2024-01-15T10:00:00Z",modified:"2024-10-20T10:00:00Z",errors:0,inbox:"https://mastodon.social/@user1/inbox",shared_inbox:"https://mastodon.social/inbox"},{id:"2",actor:"https://pixelfed.social/@photographer",name:"Jane Smith",username:"photographer@pixelfed.social",avatar:"https://via.placeholder.com/150",url:"https://pixelfed.social/@photographer",created:"2024-02-20T10:00:00Z",modified:"2024-10-19T10:00:00Z",errors:2,inbox:"https://pixelfed.social/@photographer/inbox",shared_inbox:"https://pixelfed.social/inbox"}],Te={followers:42,following:18,interactions:156,posts:234};function Ve({settings:e}){const{location:t,navigate:i}=function(){const[e,t]=(0,r.useState)(Q());return(0,r.useEffect)(()=>{const e=()=>{t(Q())};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[]),{location:e,navigate:(e,i)=>{!function(e,t){const i=(0,W.getQueryArgs)(window.location.href);let a=window.location.pathname;const n={...i,...t,path:e,page:"activitypub-social-web"};Object.keys(n).forEach(e=>{void 0===n[e]&&delete n[e]}),a=(0,W.addQueryArgs)(a,n),window.history.pushState({path:e},"",a)}(e,i),t(Q())},goBack:()=>{window.history.back()}}}(),{selectedItem:a,setSelectedItem:n,setActiveFeature:s}=ie(),l=function(e){const{path:t}=e;let i=q.find(e=>e.path===t);return i||(i=q.find(e=>{const i=e.path.replace(/:[\w]+/g,"[^/]+");return new RegExp(`^${i}$`).test(t)})),i}(t),o=t.params.section||"dashboard",u=(m=o,he.get(m));var m;(0,r.useEffect)(()=>{if(t.params.id&&"followers"===o){const e=Ce.find(e=>e.id===t.params.id);e&&n(e)}else t.params.id||n(null)},[t.params.id,o,n]);const v=e=>{i(e)},_=()=>"dashboard"===o?(0,p.jsx)(Se,{stats:Te,onNavigate:v}):a&&a.url?(0,p.jsx)("div",{className:"activitypub-preview-panel",children:(0,p.jsx)("iframe",{src:a.url,title:(0,d.__)("Profile Preview","activitypub"),className:"activitypub-preview-iframe"})}):(0,p.jsx)("div",{className:"activitypub-preview-panel",children:(0,p.jsx)("div",{className:"activitypub-preview-placeholder",children:(0,d.__)("Preview area","activitypub")})});return(0,p.jsx)(X,{onNavigate:v,children:(0,p.jsxs)("div",{className:"edit-site-layout__content",children:[(0,p.jsx)(h,{ariaLabel:(0,d.__)("Navigation","activitypub"),className:"edit-site-layout__sidebar-region",children:(0,p.jsxs)("div",{className:"edit-site-layout__sidebar",children:[(0,p.jsx)("div",{className:"edit-site-site-hub",children:(0,p.jsxs)(c.__experimentalHStack,{justify:"space-between",spacing:"0",children:[(0,p.jsxs)(c.__experimentalHStack,{justify:"flex-start",spacing:"0",children:[(0,p.jsx)("div",{className:"edit-site-site-hub__view-mode-toggle-container",children:(0,p.jsx)(c.Button,{__next40pxDefaultSize:!0,href:e.adminUrl,label:(0,d.__)("Go to the Dashboard","activitypub"),className:"edit-site-layout__view-mode-toggle",style:{transform:"scale(0.5)",borderRadius:"4px"},children:(0,p.jsx)(ke,{className:"edit-site-layout__view-mode-toggle-icon"})})}),(0,p.jsx)("div",{className:"edit-site-site-hub__title",children:(0,p.jsxs)(c.Button,{__next40pxDefaultSize:!0,variant:"link",href:e.siteUrl,target:"_blank",children:[e.siteTitle,(0,p.jsx)(c.VisuallyHidden,{as:"span",children:/* translators: accessibility text */ /* translators: accessibility text */ -(0,d.__)("(opens in a new tab)","activitypub")})]})})]}),(0,p.jsx)(c.__experimentalHStack,{spacing:0,expanded:!1,className:"edit-site-site-hub__actions",children:(0,p.jsx)(c.Button,{size:"compact",className:"edit-site-site-hub__toggle-command-center",icon:Z,onClick:()=>{},label:(0,d.__)("Open command palette","activitypub"),shortcut:$.displayShortcut.primary("k")})})]})}),(0,p.jsx)("div",{className:"edit-site-sidebar__content",children:(0,p.jsx)("div",{className:"edit-site-sidebar__screen-wrapper",children:"followers"===o?(0,p.jsx)(fe,{followers:Ce,selectedId:a?.id,onSelectFollower:e=>{const t=Ce.find(t=>t.id===e);t&&(n(t),i(`/followers/${e}`),u?.defaultTab&&s(u.defaultTab))}}):(0,p.jsx)(ye,{})})})]})}),(0,p.jsx)("div",{className:"edit-site-layout__canvas-container",children:"dashboard"===o?(0,p.jsx)("div",{className:"edit-site-layout__canvas",children:(0,p.jsx)("div",{className:"edit-site-resizable-frame__inner-content",children:_()})}):(0,p.jsx)(ae,{sidebar:null,content:"dashboard"===o||a?null:(0,p.jsxs)("div",{className:"activitypub-content-panel",children:[(0,p.jsx)("h2",{children:l?.label||(0,d.__)("Social Web","activitypub")}),(0,p.jsx)("p",{children:(0,d.__)("Pick an item from the list to view details.","activitypub")})]}),detail:(()=>{if(!a||!u)return null;const e=a.name||a.title||"Details",t=a.username||a.description||"";return(0,p.jsx)(se,{title:e,subtitle:t,tabs:u.tabs,className:"activitypub-detail-panel"})})(),canvas:_(),className:Y()("activitypub-panel-layout",{[`section-${o}`]:!0})})})]})})}function Ae({settings:e}){const t=(0,p.jsx)(te,{initialState:{viewMode:"split",activeFeature:"overview"},children:(0,p.jsx)(Ve,{settings:e})});return(0,p.jsx)(w,{content:t,className:"edit-site-layout"})}window.wp=window.wp||{},window.wp.activitypubSocialWeb={initialize:function(e,t){const i=document.getElementById(e);i&&(0,r.createRoot)(i).render((0,p.jsx)(o.ShortcutProvider,{children:(0,p.jsx)(c.SlotFillProvider,{children:(0,p.jsx)(Ae,{settings:t})})}))}}},942:(e,t)=>{var i;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e="",t=0;t{if(!i){var r=1/0;for(d=0;d=s)&&Object.keys(a.O).every(e=>a.O[e](i[c]))?i.splice(c--,1):(l=!1,s0&&e[d-1][2]>s;d--)e[d]=e[d-1];e[d]=[i,n,s]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var i in t)a.o(t,i)&&!a.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={994:0,982:0};a.O.j=t=>0===e[t];var t=(t,i)=>{var n,s,[r,l,c]=i,o=0;if(r.some(t=>0!==e[t])){for(n in l)a.o(l,n)&&(a.m[n]=l[n]);if(c)var d=c(a)}for(t&&t(i);oa(92));n=a.O(n)})(); \ No newline at end of file +(()=>{var e,t,n,i={252:e=>{"use strict";e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){if(t.constructor!==n.constructor)return!1;var i,r,a;if(Array.isArray(t)){if((i=t.length)!=n.length)return!1;for(r=i;0!==r--;)if(!e(t[r],n[r]))return!1;return!0}if(t instanceof Map&&n instanceof Map){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;for(r of t.entries())if(!e(r[1],n.get(r[0])))return!1;return!0}if(t instanceof Set&&n instanceof Set){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;return!0}if(ArrayBuffer.isView(t)&&ArrayBuffer.isView(n)){if((i=t.length)!=n.length)return!1;for(r=i;0!==r--;)if(t[r]!==n[r])return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((i=(a=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(r=i;0!==r--;)if(!Object.prototype.hasOwnProperty.call(n,a[r]))return!1;for(r=i;0!==r--;){var o=a[r];if(!e(t[o],n[o]))return!1}return!0}return t!=t&&n!=n}},493:(e,t,n)=>{"use strict";var i=n(609),r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},a=i.useState,o=i.useEffect,s=i.useLayoutEffect,l=i.useDebugValue;function c(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!r(e,n)}catch(e){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),i=a({inst:{value:n,getSnapshot:t}}),r=i[0].inst,u=i[1];return s(function(){r.value=n,r.getSnapshot=t,c(r)&&u({inst:r})},[e,n,t]),o(function(){return c(r)&&u({inst:r}),e(function(){c(r)&&u({inst:r})})},[e]),l(n),n};t.useSyncExternalStore=void 0!==i.useSyncExternalStore?i.useSyncExternalStore:u},609:e=>{"use strict";e.exports=window.React},678:(e,t,n)=>{"use strict";var i=n(609),r=n.t(i,2);const a=window.wp.element,o=window.wp.components,s=window.wp.keyboardShortcuts,l=window.ReactJSXRuntime,c=window.wp.primitives,u=[{id:"dashboard",label:"Dashboard",icon:(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"})})},{id:"followers",label:"Followers",icon:(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z",fillRule:"evenodd"})})},{id:"following",label:"Following",icon:(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M18.5 5.5V8H20V5.5h2.5V4H20V1.5h-1.5V4H16v1.5h2.5zM12 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-6h-1.5v6a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5h6V4z"})})},{id:"interactions",label:"Interactions",icon:(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M18 4H6c-1.1 0-2 .9-2 2v12.9c0 .6.5 1.1 1.1 1.1.3 0 .5-.1.8-.3L8.5 17H18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H7.9l-2.4 2.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v9z"})})}];function d({activeSection:e,onNavigate:t}){return(0,l.jsxs)("div",{className:"sidebar",children:[(0,l.jsx)("div",{className:"header",children:(0,l.jsx)("h1",{className:"title",children:"ActivityPub"})}),(0,l.jsx)("nav",{className:"nav",children:(0,l.jsx)(o.NavigableMenu,{children:(0,l.jsx)(o.MenuGroup,{children:u.map(n=>(0,l.jsxs)(o.MenuItem,{isSelected:e===n.id,onClick:()=>t(n.id),className:"menu-item",children:[n.icon&&(0,l.jsx)(o.Icon,{icon:n.icon,size:20}),(0,l.jsx)("span",{children:n.label})]},n.id))})})}),(0,l.jsx)("div",{className:"footer",children:(0,l.jsxs)(o.MenuGroup,{children:[(0,l.jsx)(o.MenuItem,{onClick:()=>window.open("/docs","_blank"),children:"Documentation"}),(0,l.jsx)(o.MenuItem,{onClick:()=>t("settings"),children:"Settings"})]})})]})}var f=n(942),m=n.n(f);function v({className:e,children:t}){return(0,l.jsx)("div",{className:m()("panel",e),children:t})}function p({title:e,subTitle:t,badges:n,actions:i,breadcrumbs:r,hasPadding:a=!0,hasBorder:o=!1,contentWidth:s="default",children:c}){return(0,l.jsxs)("div",{className:"page",children:[(0,l.jsxs)("header",{className:m()("header",{"has-border":o}),children:[r&&(0,l.jsx)("div",{className:"breadcrumbs",children:r}),(0,l.jsxs)("div",{className:"title-row",children:[(0,l.jsxs)("div",{className:"title-group",children:[(0,l.jsx)("h1",{className:"title",children:e}),n&&(0,l.jsx)("div",{className:"badges",children:n})]}),i&&(0,l.jsx)("div",{className:"actions",children:i})]}),t&&(0,l.jsx)("p",{className:"sub-title",children:t})]}),(0,l.jsx)("div",{className:m()("content",{padded:a,constrained:"constrained"===s,full:"full"===s}),children:c})]})}const h=window.wp.data,g=window.wp.dataControls,b=window.wp.apiFetch;var w=n.n(b);const x="activitypub/social-web",y={followers:[],following:[],interactions:[],isLoading:{followers:!1,following:!1,interactions:!1}},_={setFollowers:e=>({type:"SET_FOLLOWERS",followers:e}),setFollowing:e=>({type:"SET_FOLLOWING",following:e}),setInteractions:e=>({type:"SET_INTERACTIONS",interactions:e}),setLoading:(e,t)=>({type:"SET_LOADING",resource:e,isLoading:t}),*fetchFollowers(){yield _.setLoading("followers",!0);try{const e=yield w()({path:"/activitypub/v1/followers"});yield _.setFollowers(e)}catch(e){console.error("Failed to fetch followers:",e)}finally{yield _.setLoading("followers",!1)}},*fetchFollowing(){yield _.setLoading("following",!0);try{const e=yield w()({path:"/activitypub/v1/following"});yield _.setFollowing(e)}catch(e){console.error("Failed to fetch following:",e)}finally{yield _.setLoading("following",!1)}},*fetchInteractions(){yield _.setLoading("interactions",!0);try{const e=yield w()({path:"/activitypub/v1/interactions"});yield _.setInteractions(e)}catch(e){console.error("Failed to fetch interactions:",e)}finally{yield _.setLoading("interactions",!1)}},*blockFollower(e){try{yield w()({path:`/activitypub/v1/followers/${e}/block`,method:"POST"}),yield _.fetchFollowers()}catch(e){console.error("Failed to block follower:",e)}},*removeFollower(e){try{yield w()({path:`/activitypub/v1/followers/${e}`,method:"DELETE"}),yield _.fetchFollowers()}catch(e){console.error("Failed to remove follower:",e)}}},j=(0,h.createReduxStore)(x,{reducer:function(e=y,t){switch(t.type){case"SET_FOLLOWERS":return{...e,followers:t.followers};case"SET_FOLLOWING":return{...e,following:t.following};case"SET_INTERACTIONS":return{...e,interactions:t.interactions};case"SET_LOADING":return{...e,isLoading:{...e.isLoading,[t.resource]:t.isLoading}};default:return e}},actions:_,selectors:{getFollowers:e=>e.followers,getFollowerById:(e,t)=>e.followers.find(e=>e.id===t),getFollowing:e=>e.following,getFollowingById:(e,t)=>e.following.find(e=>e.id===t),getInteractions:e=>e.interactions,getInteractionById:(e,t)=>e.interactions.find(e=>e.id===t),isLoading:(e,t)=>e.isLoading[t],getStats:e=>({followers:e.followers.length,following:e.following.length,interactions:e.interactions.length,posts:0})},controls:g.controls});function C(e,t){const n=function(){const e=(0,h.useSelect)(e=>{const t=e(x);return{followers:t.getFollowers(),following:t.getFollowing(),interactions:t.getInteractions(),stats:t.getStats(),isLoading:{followers:t.isLoading("followers"),following:t.isLoading("following"),interactions:t.isLoading("interactions")}}},[]),{fetchFollowers:t,fetchFollowing:n,fetchInteractions:i,blockFollower:r,removeFollower:o}=(0,h.useDispatch)(x);return(0,a.useEffect)(()=>{t(),n(),i()},[]),{...e,fetchFollowers:t,fetchFollowing:n,fetchInteractions:i,blockFollower:r,removeFollower:o}}();if(!e)return{items:n,isLoading:!1};if(t){const i=(0,h.useSelect)(n=>{const i=n(x);return"followers"===e?i.getFollowerById(t):"following"===e?i.getFollowingById(t):"interactions"===e?i.getInteractionById(t):null},[e,t]);return{items:i,isLoading:n.isLoading[e]}}return{items:n[e],isLoading:n.isLoading[e]}}function S(){const{items:e}=C("followers"),{items:t}=C("following"),{items:n}=C("interactions");return(0,l.jsx)(p,{title:"Dashboard",subTitle:"Overview of your ActivityPub network",hasPadding:!0,contentWidth:"constrained",children:(0,l.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"var(--wpds-spacing-60, 24px)"},children:[(0,l.jsx)(o.Card,{children:(0,l.jsxs)(o.CardBody,{children:[(0,l.jsx)("h3",{children:"Followers"}),(0,l.jsx)("p",{style:{fontSize:"32px",margin:"8px 0"},children:e?.length||0})]})}),(0,l.jsx)(o.Card,{children:(0,l.jsxs)(o.CardBody,{children:[(0,l.jsx)("h3",{children:"Following"}),(0,l.jsx)("p",{style:{fontSize:"32px",margin:"8px 0"},children:t?.length||0})]})}),(0,l.jsx)(o.Card,{children:(0,l.jsxs)(o.CardBody,{children:[(0,l.jsx)("h3",{children:"Interactions"}),(0,l.jsx)("p",{style:{fontSize:"32px",margin:"8px 0"},children:n?.length||0})]})})]})})}(0,h.register)(j);const k=window.wp.compose,V=window.wp.i18n;var I=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),E=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const N="is",F="isNot",O="isAny",M="isNone",P="isAll",L="isNotAll",A="lessThan",T="greaterThan",D="lessThanOrEqual",B="greaterThanOrEqual",z="before",H="after",R="beforeInc",W="afterInc",$="contains",q="notContains",G="startsWith",K="between",Y="on",U="notOn",Z="inThePast",X="over",Q=[N,F,O,M,P,L,A,T,D,B,z,H,R,W,$,q,G,K,Y,U,Z,X],J=[N,F,A,T,D,B,z,H,R,W,$,q,G,Y,U],ee={[N]:{key:"is-filter",label:(0,V.__)("Is")},[F]:{key:"is-not-filter",label:(0,V.__)("Is not")},[O]:{key:"is-any-filter",label:(0,V.__)("Is any")},[M]:{key:"is-none-filter",label:(0,V.__)("Is none")},[P]:{key:"is-all-filter",label:(0,V.__)("Is all")},[L]:{key:"is-not-all-filter",label:(0,V.__)("Is not all")},[A]:{key:"less-than-filter",label:(0,V.__)("Less than")},[T]:{key:"greater-than-filter",label:(0,V.__)("Greater than")},[D]:{key:"less-than-or-equal-filter",label:(0,V.__)("Less than or equal")},[B]:{key:"greater-than-or-equal-filter",label:(0,V.__)("Greater than or equal")},[z]:{key:"before-filter",label:(0,V.__)("Before")},[H]:{key:"after-filter",label:(0,V.__)("After")},[R]:{key:"before-inc-filter",label:(0,V.__)("Before (inc)")},[W]:{key:"after-inc-filter",label:(0,V.__)("After (inc)")},[$]:{key:"contains-filter",label:(0,V.__)("Contains")},[q]:{key:"not-contains-filter",label:(0,V.__)("Doesn't contain")},[G]:{key:"starts-with-filter",label:(0,V.__)("Starts with")},[K]:{key:"between-filter",label:(0,V.__)("Between (inc)")},[Y]:{key:"on-filter",label:(0,V.__)("On")},[U]:{key:"not-on-filter",label:(0,V.__)("Not on")},[Z]:{key:"in-the-past-filter",label:(0,V.__)("In the past")},[X]:{key:"over-filter",label:(0,V.__)("Over")}},te=["asc","desc"],ne={asc:"↑",desc:"↓"},ie={asc:"ascending",desc:"descending"},re={asc:(0,V.__)("Sort ascending"),desc:(0,V.__)("Sort descending")},ae={asc:I,desc:E},oe="table",se="grid",le=(0,a.createContext)({view:{type:oe},onChangeView:()=>{},fields:[],data:[],paginationInfo:{totalItems:0,totalPages:0},selection:[],onChangeSelection:()=>{},setOpenedFilter:()=>{},openedFilter:null,getItemId:e=>e.id,isItemClickable:()=>!0,renderItemLink:void 0,containerWidth:0,containerRef:(0,a.createRef)(),resizeObserverRef:()=>{},defaultLayouts:{list:{},grid:{},table:{}},filters:[],isShowingFilter:!1,setIsShowingFilter:()=>{},hasInfiniteScrollHandler:!1,config:{perPageSizes:[]}});le.displayName="DataViewsContext";var ce=le,ue=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v3.5h-15V5c0-.3.2-.5.5-.5zm8 5.5h6.5v3.5H13V10zm-1.5 3.5h-7V10h7v3.5zm-7 5.5v-4h7v4.5H5c-.3 0-.5-.2-.5-.5zm14.5.5h-6V15h6.5v4c0 .3-.2.5-.5.5z"})}),de=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",fillRule:"evenodd",clipRule:"evenodd"})}),fe=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M4 8.8h8.9V7.2H4v1.6zm0 7h8.9v-1.5H4v1.5zM18 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"})}),me=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})});function ve(e){var t,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e)){var r=e.length;for(t=0;t{a||t(e.includes(c)?e.filter(e=>c!==e):[...e,c])},...s})}var be=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})});const we=window.wp.privateApis,{lock:xe,unlock:ye}=(0,we.__dangerousOptInToUnstableAPIsOnlyForCoreModules)("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.","@wordpress/dataviews"),{Menu:_e,kebabCase:je}=ye(o.privateApis);function Ce({action:e,onClick:t,items:n}){const i="string"==typeof e.label?e.label:e.label(n);return(0,l.jsx)(o.Button,{disabled:!!e.disabled,accessibleWhenDisabled:!0,size:"compact",onClick:t,children:i})}function Se({action:e,onClick:t,items:n}){const i="string"==typeof e.label?e.label:e.label(n);return(0,l.jsx)(_e.Item,{disabled:e.disabled,onClick:t,children:(0,l.jsx)(_e.ItemLabel,{children:i})})}function ke({action:e,items:t,closeModal:n}){const i="string"==typeof e.label?e.label:e.label(t),r="function"==typeof e.modalHeader?e.modalHeader(t):e.modalHeader;return(0,l.jsx)(o.Modal,{title:r||i,__experimentalHideHeader:!!e.hideModalHeader,onRequestClose:n,focusOnMount:e.modalFocusOnMount??!0,size:e.modalSize||"medium",overlayClassName:`dataviews-action-modal dataviews-action-modal__${je(e.id)}`,children:(0,l.jsx)(e.RenderModal,{items:t,closeModal:n})})}function Ve({actions:e,item:t,registry:n,setActiveModalAction:i}){return(0,l.jsx)(_e.Group,{children:e.map(e=>(0,l.jsx)(Se,{action:e,onClick:()=>{"RenderModal"in e?i(e):e.callback([t],{registry:n})},items:[t]},e.id))})}function Ie({item:e,actions:t,isCompact:n}){const i=(0,h.useRegistry)(),{primaryActions:r,eligibleActions:s}=(0,a.useMemo)(()=>{const n=t.filter(t=>!t.isEligible||t.isEligible(e));return{primaryActions:n.filter(e=>e.isPrimary),eligibleActions:n}},[t,e]);return n?(0,l.jsx)(Ee,{item:e,actions:s,isSmall:!0,registry:i}):(0,l.jsxs)(o.__experimentalHStack,{spacing:0,justify:"flex-end",className:"dataviews-item-actions",style:{flexShrink:0,width:"auto"},children:[(0,l.jsx)(Ne,{item:e,actions:r,registry:i}),r.lengths(null)})]})}function Ne({item:e,actions:t,registry:n}){const[i,r]=(0,a.useState)(null);return(0,k.useViewportMatch)("medium","<")?null:Array.isArray(t)&&0!==t.length?(0,l.jsxs)(l.Fragment,{children:[t.map(t=>(0,l.jsx)(Ce,{action:t,onClick:()=>{"RenderModal"in t?r(t):t.callback([e],{registry:n})},items:[e]},t.id)),!!i&&(0,l.jsx)(ke,{action:i,items:[e],closeModal:()=>r(null)})]}):null}var Fe=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"})});function Oe({action:e,items:t,ActionTriggerComponent:n}){const[i,r]=(0,a.useState)(!1),o={action:e,onClick:()=>{r(!0)},items:t};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n,{...o}),i&&(0,l.jsx)(ke,{action:e,items:t,closeModal:()=>r(!1)})]})}function Me(e,t){return(0,a.useMemo)(()=>e.some(e=>e.supportsBulk&&(!e.isEligible||e.isEligible(t))),[e,t])}function Pe(e,t){return(0,a.useMemo)(()=>t.some(t=>e.some(e=>e.supportsBulk&&(!e.isEligible||e.isEligible(t)))),[e,t])}function Le({selection:e,onChangeSelection:t,data:n,actions:i,getItemId:r}){const s=(0,a.useMemo)(()=>n.filter(e=>i.some(t=>t.supportsBulk&&(!t.isEligible||t.isEligible(e)))),[n,i]),c=n.filter(t=>e.includes(r(t))&&s.includes(t)),u=c.length===s.length;return(0,l.jsx)(o.CheckboxControl,{className:"dataviews-view-table-selection-checkbox",__nextHasNoMarginBottom:!0,checked:u,indeterminate:!u&&!!c.length,onChange:()=>{t(u?[]:s.map(e=>r(e)))},"aria-label":u?(0,V.__)("Deselect all"):(0,V.__)("Select all")})}function Ae({action:e,onClick:t,isBusy:n,items:i}){const r="string"==typeof e.label?e.label:e.label(i);return(0,k.useViewportMatch)("medium","<")?(0,l.jsx)(o.Button,{disabled:n,accessibleWhenDisabled:!0,label:r,icon:e.icon,size:"compact",onClick:t,isBusy:n}):(0,l.jsx)(o.Button,{disabled:n,accessibleWhenDisabled:!0,size:"compact",onClick:t,isBusy:n,children:r})}const Te=[];function De({action:e,selectedItems:t,actionInProgress:n,setActionInProgress:i}){const r=(0,h.useRegistry)(),o=(0,a.useMemo)(()=>t.filter(t=>!e.isEligible||e.isEligible(t)),[e,t]);return"RenderModal"in e?(0,l.jsx)(Oe,{action:e,items:o,ActionTriggerComponent:Ae},e.id):(0,l.jsx)(Ae,{action:e,onClick:async()=>{i(e.id),await e.callback(t,{registry:r}),i(null)},items:o,isBusy:n===e.id},e.id)}function Be(e,t,n,i,r,a,s,c,u){const d=a.length>0?(0,V.sprintf)( +/* translators: %d: number of items. */ +/* translators: %d: number of items. */ +(0,V._n)("%d Item selected","%d Items selected",a.length),a.length):(0,V.sprintf)( +/* translators: %d: number of items. */ +/* translators: %d: number of items. */ +(0,V._n)("%d Item","%d Items",e.length),e.length);return(0,l.jsxs)(o.__experimentalHStack,{expanded:!1,className:"dataviews-bulk-actions-footer__container",spacing:3,children:[(0,l.jsx)(Le,{selection:i,onChangeSelection:u,data:e,actions:t,getItemId:n}),(0,l.jsx)("span",{className:"dataviews-bulk-actions-footer__item-count",children:d}),(0,l.jsxs)(o.__experimentalHStack,{className:"dataviews-bulk-actions-footer__action-buttons",expanded:!1,spacing:1,children:[r.map(e=>(0,l.jsx)(De,{action:e,selectedItems:a,actionInProgress:s,setActionInProgress:c},e.id)),a.length>0&&(0,l.jsx)(o.Button,{icon:Fe,showTooltip:!0,tooltipPosition:"top",size:"compact",label:(0,V.__)("Cancel"),disabled:!!s,accessibleWhenDisabled:!1,onClick:()=>{u(Te)}})]})]})}function ze({selection:e,actions:t,onChangeSelection:n,data:i,getItemId:r}){const[o,s]=(0,a.useState)(null),l=(0,a.useRef)(null),c=(0,k.useViewportMatch)("medium","<"),u=(0,a.useMemo)(()=>t.filter(e=>e.supportsBulk),[t]),d=(0,a.useMemo)(()=>i.filter(e=>u.some(t=>!t.isEligible||t.isEligible(e))),[i,u]),f=(0,a.useMemo)(()=>i.filter(t=>e.includes(r(t))&&d.includes(t)),[e,i,r,d]),m=(0,a.useMemo)(()=>t.filter(e=>e.supportsBulk&&(!c||e.icon)&&f.some(t=>!e.isEligible||e.isEligible(t))),[t,f,c]);return o?(l.current||(l.current=Be(i,t,r,e,m,f,o,s,n)),l.current):(l.current&&(l.current=null),Be(i,t,r,e,m,f,o,s,n))}function He(){const{data:e,selection:t,actions:n=Te,onChangeSelection:i,getItemId:r}=(0,a.useContext)(ce);return(0,l.jsx)(ze,{selection:t,onChangeSelection:i,data:e,actions:n,getItemId:r})}var Re=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M10 17.5H14V16H10V17.5ZM6 6V7.5H18V6H6ZM8 12.5H16V11H8V12.5Z"})}),We=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),$e=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),qe=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"})});const{Menu:Ge}=ye(o.privateApis);function Ke({children:e}){return a.Children.toArray(e).filter(Boolean).map((e,t)=>(0,l.jsxs)(a.Fragment,{children:[t>0&&(0,l.jsx)(Ge.Separator,{}),e]},t))}const Ye=(0,a.forwardRef)(function({fieldId:e,view:t,fields:n,onChangeView:i,onHide:r,setOpenedFilter:a,canMove:s=!0},c){const u=t.fields??[],d=u?.indexOf(e),f=t.sort?.field===e;let m=!1,v=!1,p=!1,h=[];const g=n.find(t=>t.id===e);if(!g)return null;m=!1!==g.enableHiding,v=!1!==g.enableSorting;const b=g.header;return h=!!g.filterBy&&g.filterBy?.operators||[],p=!(t.filters?.some(t=>e===t.field)||!g.hasElements&&!g.Edit||!1===g.filterBy||g.filterBy?.isPrimary),v||s||m||p?(0,l.jsxs)(Ge,{children:[(0,l.jsxs)(Ge.TriggerButton,{render:(0,l.jsx)(o.Button,{size:"compact",className:"dataviews-view-table-header-button",ref:c,variant:"tertiary"}),children:[b,t.sort&&f&&(0,l.jsx)("span",{"aria-hidden":"true",children:ne[t.sort.direction]})]}),(0,l.jsx)(Ge.Popover,{style:{minWidth:"240px"},children:(0,l.jsxs)(Ke,{children:[v&&(0,l.jsx)(Ge.Group,{children:te.map(n=>{const r=t.sort&&f&&t.sort.direction===n,a=`${e}-${n}`;return(0,l.jsx)(Ge.RadioItem,{name:"view-table-sorting",value:a,checked:r,onChange:()=>{i({...t,sort:{field:e,direction:n},showLevels:!1})},children:(0,l.jsx)(Ge.ItemLabel,{children:re[n]})},a)})}),p&&(0,l.jsx)(Ge.Group,{children:(0,l.jsx)(Ge.Item,{prefix:(0,l.jsx)(o.Icon,{icon:Re}),onClick:()=>{a(e),i({...t,page:1,filters:[...t.filters||[],{field:e,value:void 0,operator:h[0]}]})},children:(0,l.jsx)(Ge.ItemLabel,{children:(0,V.__)("Add filter")})})}),(s||m)&&g&&(0,l.jsxs)(Ge.Group,{children:[s&&(0,l.jsx)(Ge.Item,{prefix:(0,l.jsx)(o.Icon,{icon:We}),disabled:d<1,onClick:()=>{i({...t,fields:[...u.slice(0,d-1)??[],e,u[d-1],...u.slice(d+1)]})},children:(0,l.jsx)(Ge.ItemLabel,{children:(0,V.__)("Move left")})}),s&&(0,l.jsx)(Ge.Item,{prefix:(0,l.jsx)(o.Icon,{icon:$e}),disabled:d>=u.length-1,onClick:()=>{i({...t,fields:[...u.slice(0,d)??[],u[d+1],e,...u.slice(d+2)]})},children:(0,l.jsx)(Ge.ItemLabel,{children:(0,V.__)("Move right")})}),m&&g&&(0,l.jsx)(Ge.Item,{prefix:(0,l.jsx)(o.Icon,{icon:qe}),onClick:()=>{r(g),i({...t,fields:u.filter(t=>t!==e)})},children:(0,l.jsx)(Ge.ItemLabel,{children:(0,V.__)("Hide column")})})]})]})})]}):b});var Ue=Ye;function Ze({item:e,isItemClickable:t,onClickItem:n,renderItemLink:i,className:r,children:o,...s}){if(!t(e))return(0,l.jsx)("div",{className:r,...s,children:o});if(i){const t=i({item:e,className:`${r} ${r}--clickable`,...s,children:o});return(0,a.cloneElement)(t,{onClick:e=>{e.stopPropagation(),t.props.onClick&&t.props.onClick(e)},onKeyDown:e=>{"Enter"!==e.key&&""!==e.key&&" "!==e.key||(e.stopPropagation(),t.props.onKeyDown&&t.props.onKeyDown(e))}})}const c=function({item:e,isItemClickable:t,onClickItem:n,className:i}){return t(e)&&n?{className:i?`${i} ${i}--clickable`:void 0,role:"button",tabIndex:0,onClick:t=>{t.stopPropagation(),n(e)},onKeyDown:t=>{"Enter"!==t.key&&""!==t.key&&" "!==t.key||(t.stopPropagation(),n(e))}}:{className:i}}({item:e,isItemClickable:t,onClickItem:n,className:r});return(0,l.jsx)("div",{...c,...s,children:o})}var Xe=function({item:e,level:t,titleField:n,mediaField:i,descriptionField:r,onClickItem:a,renderItemLink:s,isItemClickable:c}){return(0,l.jsxs)(o.__experimentalHStack,{spacing:3,justify:"flex-start",children:[i&&(0,l.jsx)(Ze,{item:e,isItemClickable:c,onClickItem:a,renderItemLink:s,className:"dataviews-view-table__cell-content-wrapper dataviews-column-primary__media","aria-label":n?(0,V.sprintf)( +// translators: %s is the item title. +// translators: %s is the item title. +(0,V.__)("Click item: %s"),n.getValue?.({item:e})):void 0,children:(0,l.jsx)(i.render,{item:e,field:i,config:{sizes:"32px"}})}),(0,l.jsxs)(o.__experimentalVStack,{spacing:0,alignment:"flex-start",className:"dataviews-view-table__primary-column-content",children:[n&&(0,l.jsxs)(Ze,{item:e,isItemClickable:c,onClickItem:a,renderItemLink:s,className:"dataviews-view-table__cell-content-wrapper dataviews-title-field",children:[void 0!==t&&t>0&&(0,l.jsxs)("span",{className:"dataviews-view-table__level",children:["—".repeat(t)," "]}),(0,l.jsx)(n.render,{item:e,field:n})]}),r&&(0,l.jsx)(r.render,{item:e,field:r})]})]})};function Qe(e,t){return e.reduce((e,n)=>{const i=t.getValue({item:n});return e.has(i)||e.set(i,[]),e.get(i)?.push(n),e},new Map)}function Je({item:e,fields:t,column:n,align:i}){const r=t.find(e=>e.id===n);if(!r)return null;const a=pe("dataviews-view-table__cell-content-wrapper",{"dataviews-view-table__cell-align-end":"end"===i,"dataviews-view-table__cell-align-center":"center"===i});return(0,l.jsx)("div",{className:a,children:(0,l.jsx)(r.render,{item:e,field:r})})}function et({hasBulkActions:e,item:t,level:n,actions:i,fields:r,id:o,view:s,titleField:c,mediaField:u,descriptionField:d,selection:f,getItemId:m,isItemClickable:v,onClickItem:p,renderItemLink:h,onChangeSelection:g,isActionsColumnSticky:b,posinset:w}){const{paginationInfo:x}=(0,a.useContext)(ce),y=Me(i,t),_=y&&f.includes(o),[j,C]=(0,a.useState)(!1),{showTitle:S=!0,showMedia:k=!0,showDescription:V=!0,infiniteScrollEnabled:I}=s,E=(0,a.useRef)(!1),N=s.fields??[],F=c&&S||u&&k||d&&V;return(0,l.jsxs)("tr",{className:pe("dataviews-view-table__row",{"is-selected":y&&_,"is-hovered":j,"has-bulk-actions":y}),onMouseEnter:()=>{C(!0)},onMouseLeave:()=>{C(!1)},onTouchStart:()=>{E.current=!0},"aria-setsize":I?x.totalItems:void 0,"aria-posinset":w,role:I?"article":void 0,onClick:e=>{y&&(E.current||"Range"===document.getSelection()?.type||(((0,he.isAppleOS)()?e.metaKey:e.ctrlKey)?g(f.includes(o)?f.filter(e=>o!==e):[...f,o]):g(f.includes(o)?f.filter(e=>o!==e):[o])))},children:[e&&(0,l.jsx)("td",{className:"dataviews-view-table__checkbox-column",children:(0,l.jsx)("div",{className:"dataviews-view-table__cell-content-wrapper",children:(0,l.jsx)(ge,{item:t,selection:f,onChangeSelection:g,getItemId:m,titleField:c,disabled:!y})})}),F&&(0,l.jsx)("td",{children:(0,l.jsx)(Xe,{item:t,level:n,titleField:S?c:void 0,mediaField:k?u:void 0,descriptionField:V?d:void 0,isItemClickable:v,onClickItem:p,renderItemLink:h})}),N.map(e=>{const{width:n,maxWidth:i,minWidth:a,align:o}=s.layout?.styles?.[e]??{};return(0,l.jsx)("td",{style:{width:n,maxWidth:i,minWidth:a},children:(0,l.jsx)(Je,{fields:r,item:t,column:e,align:o})},e)}),!!i?.length&&(0,l.jsx)("td",{className:pe("dataviews-view-table__actions-column",{"dataviews-view-table__actions-column--sticky":!0,"dataviews-view-table__actions-column--stuck":b}),onClick:e=>e.stopPropagation(),children:(0,l.jsx)(Ie,{item:t,actions:i})})]})}const tt=(0,a.forwardRef)(({className:e,previewSize:t,...n},i)=>(0,l.jsx)("div",{ref:i,className:pe("dataviews-view-grid-items",e),style:{gridTemplateColumns:t&&`repeat(auto-fill, minmax(${t}px, 1fr))`},...n})),{Badge:nt}=ye(o.privateApis);function it({view:e,selection:t,onChangeSelection:n,onClickItem:i,isItemClickable:r,renderItemLink:s,getItemId:c,item:u,actions:d,mediaField:f,titleField:m,descriptionField:v,regularFields:p,badgeFields:h,hasBulkActions:g,config:b,posinset:w}){const{showTitle:x=!0,showMedia:y=!0,showDescription:_=!0,infiniteScrollEnabled:j}=e,C=Me(d,u),S=c(u),I=(0,k.useInstanceId)(it),E=t.includes(S),N=f?.render?(0,l.jsx)(f.render,{item:u,field:f,config:b}):null,F=x&&m?.render?(0,l.jsx)(m.render,{item:u,field:m}):null,O=y&&N;let M,P;r(u)&&i&&(F?(M={"aria-labelledby":`dataviews-view-grid__title-field-${I}`},P={id:`dataviews-view-grid__title-field-${I}`}):M={"aria-label":(0,V.__)("Navigate to item")});const{paginationInfo:L}=(0,a.useContext)(ce);return(0,l.jsxs)(o.__experimentalVStack,{spacing:0,className:pe("dataviews-view-grid__card",{"is-selected":C&&E}),onClickCapture:e=>{if((0,he.isAppleOS)()?e.metaKey:e.ctrlKey){if(e.stopPropagation(),e.preventDefault(),!C)return;n(t.includes(S)?t.filter(e=>S!==e):[...t,S])}},role:j?"article":void 0,"aria-setsize":j?L.totalItems:void 0,"aria-posinset":w,children:[O&&(0,l.jsx)(Ze,{item:u,isItemClickable:r,onClickItem:i,renderItemLink:s,className:"dataviews-view-grid__media",...M,children:N}),g&&O&&(0,l.jsx)(ge,{item:u,selection:t,onChangeSelection:n,getItemId:c,titleField:m,disabled:!C}),!x&&O&&!!d?.length&&(0,l.jsx)("div",{className:"dataviews-view-grid__media-actions",children:(0,l.jsx)(Ie,{item:u,actions:d,isCompact:!0})}),x&&(0,l.jsxs)(o.__experimentalHStack,{justify:"space-between",className:"dataviews-view-grid__title-actions",children:[(0,l.jsx)(Ze,{item:u,isItemClickable:r,onClickItem:i,renderItemLink:s,className:"dataviews-view-grid__title-field dataviews-title-field",...P,children:F}),!!d?.length&&(0,l.jsx)(Ie,{item:u,actions:d,isCompact:!0})]}),(0,l.jsxs)(o.__experimentalVStack,{spacing:1,children:[_&&v?.render&&(0,l.jsx)(v.render,{item:u,field:v}),!!h?.length&&(0,l.jsx)(o.__experimentalHStack,{className:"dataviews-view-grid__badge-fields",spacing:2,wrap:!0,alignment:"top",justify:"flex-start",children:h.map(e=>(0,l.jsx)(nt,{className:"dataviews-view-grid__field-value",children:(0,l.jsx)(e.render,{item:u,field:e})},e.id))}),!!p?.length&&(0,l.jsx)(o.__experimentalVStack,{className:"dataviews-view-grid__fields",spacing:1,children:p.map(e=>(0,l.jsx)(o.Flex,{className:"dataviews-view-grid__field",gap:1,justify:"flex-start",expanded:!0,style:{height:"auto"},direction:"row",children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Tooltip,{text:e.label,children:(0,l.jsx)(o.FlexItem,{className:"dataviews-view-grid__field-name",children:e.header})}),(0,l.jsx)(o.FlexItem,{className:"dataviews-view-grid__field-value",style:{maxHeight:"none"},children:(0,l.jsx)(e.render,{item:u,field:e})})]})},e.id))})]})]},S)}const{Menu:rt}=ye(o.privateApis);function at(e){return`${e}-item-wrapper`}function ot(e){return`${e}-dropdown`}function st({idPrefix:e,primaryAction:t,item:n}){const i=(0,h.useRegistry)(),[r,s]=(0,a.useState)(!1),c=function(e,t){return`${e}-primary-action-${t}`}(e,t.id),u="string"==typeof t.label?t.label:t.label([n]);return"RenderModal"in t?(0,l.jsx)("div",{role:"gridcell",children:(0,l.jsx)(o.Composite.Item,{id:c,render:(0,l.jsx)(o.Button,{disabled:!!t.disabled,accessibleWhenDisabled:!0,size:"small",onClick:()=>s(!0),variant:"link",children:u}),children:r&&(0,l.jsx)(ke,{action:t,items:[n],closeModal:()=>s(!1)})})},t.id):(0,l.jsx)("div",{role:"gridcell",children:(0,l.jsx)(o.Composite.Item,{id:c,render:(0,l.jsx)(o.Button,{disabled:!!t.disabled,accessibleWhenDisabled:!0,size:"small",onClick:()=>{t.callback([n],{registry:i})},variant:"link",children:u})})},t.id)}function lt({view:e,actions:t,idPrefix:n,isSelected:i,item:r,titleField:s,mediaField:c,descriptionField:u,onSelect:d,otherFields:f,onDropdownTriggerKeyDown:m,posinset:v}){const{showTitle:p=!0,showMedia:g=!0,showDescription:b=!0,infiniteScrollEnabled:w}=e,x=(0,a.useRef)(null),y=`${n}-label`,_=`${n}-description`,j=(0,h.useRegistry)(),[C,S]=(0,a.useState)(!1),[k,I]=(0,a.useState)(null),E=({type:e})=>{S("mouseenter"===e)},{paginationInfo:N}=(0,a.useContext)(ce);(0,a.useEffect)(()=>{i&&x.current?.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})},[i]);const{primaryAction:F,eligibleActions:O}=(0,a.useMemo)(()=>{const e=t.filter(e=>!e.isEligible||e.isEligible(r));return{primaryAction:e.filter(e=>e.isPrimary)[0],eligibleActions:e}},[t,r]),M=F&&1===t.length,P=g&&c?.render?(0,l.jsx)("div",{className:"dataviews-view-list__media-wrapper",children:(0,l.jsx)(c.render,{item:r,field:c,config:{sizes:"52px"}})}):null,L=p&&s?.render?(0,l.jsx)(s.render,{item:r,field:s}):null,A=O?.length>0&&(0,l.jsxs)(o.__experimentalHStack,{spacing:3,className:"dataviews-view-list__item-actions",children:[F&&(0,l.jsx)(st,{idPrefix:n,primaryAction:F,item:r}),!M&&(0,l.jsxs)("div",{role:"gridcell",children:[(0,l.jsxs)(rt,{placement:"bottom-end",children:[(0,l.jsx)(rt.TriggerButton,{render:(0,l.jsx)(o.Composite.Item,{id:ot(n),render:(0,l.jsx)(o.Button,{size:"small",icon:be,label:(0,V.__)("Actions"),accessibleWhenDisabled:!0,disabled:!t.length,onKeyDown:m})})}),(0,l.jsx)(rt.Popover,{children:(0,l.jsx)(Ve,{actions:O,item:r,registry:j,setActiveModalAction:I})})]}),!!k&&(0,l.jsx)(ke,{action:k,items:[r],closeModal:()=>I(null)})]})]});return(0,l.jsx)(o.Composite.Row,{ref:x,render:(0,l.jsx)("div",{"aria-posinset":v,"aria-setsize":w?N.totalItems:void 0}),role:w?"article":"row",className:pe({"is-selected":i,"is-hovered":C}),onMouseEnter:E,onMouseLeave:E,children:(0,l.jsxs)(o.__experimentalHStack,{className:"dataviews-view-list__item-wrapper",spacing:0,children:[(0,l.jsx)("div",{role:"gridcell",children:(0,l.jsx)(o.Composite.Item,{id:at(n),"aria-pressed":i,"aria-labelledby":y,"aria-describedby":_,className:"dataviews-view-list__item",onClick:()=>d(r)})}),(0,l.jsxs)(o.__experimentalHStack,{spacing:3,justify:"start",alignment:"flex-start",children:[P,(0,l.jsxs)(o.__experimentalVStack,{spacing:1,className:"dataviews-view-list__field-wrapper",children:[(0,l.jsxs)(o.__experimentalHStack,{spacing:0,children:[(0,l.jsx)("div",{className:"dataviews-title-field",id:y,children:L}),A]}),b&&u?.render&&(0,l.jsx)("div",{className:"dataviews-view-list__field",children:(0,l.jsx)(u.render,{item:r,field:u})}),(0,l.jsx)("div",{className:"dataviews-view-list__fields",id:_,children:f.map(e=>(0,l.jsxs)("div",{className:"dataviews-view-list__field",children:[(0,l.jsx)(o.VisuallyHidden,{as:"span",className:"dataviews-view-list__field-label",children:e.label}),(0,l.jsx)("span",{className:"dataviews-view-list__field-value",children:(0,l.jsx)(e.render,{item:r,field:e})})]},e.id))})]})]})]})})}function ct(e){return!!e}const{Badge:ut}=ye(o.privateApis);function dt({view:e,multiselect:t,selection:n,onChangeSelection:i,getItemId:r,item:a,mediaField:s,titleField:c,descriptionField:u,regularFields:d,badgeFields:f,config:m,posinset:v,setsize:p}){const{showTitle:h=!0,showMedia:g=!0,showDescription:b=!0}=e,w=r(a),x=n.includes(w),y=s?.render?(0,l.jsx)(s.render,{item:a,field:s,config:m}):null,_=h&&c?.render?(0,l.jsx)(c.render,{item:a,field:c}):null;return(0,l.jsxs)(o.Composite.Item,{"aria-label":c?c.getValue({item:a})||(0,V.__)("(no title)"):void 0,render:({children:e,...t})=>(0,l.jsx)(o.__experimentalVStack,{spacing:0,children:e,...t}),role:"option","aria-posinset":v,"aria-setsize":p,className:pe("dataviews-view-picker-grid__card",{"is-selected":x}),"aria-selected":x,onClick:()=>{if(x)i(n.filter(e=>w!==e));else{const e=t?[...n,w]:[w];i(e)}},children:[g&&y&&(0,l.jsx)("div",{className:"dataviews-view-picker-grid__media",children:y}),g&&y&&(0,l.jsx)(ge,{item:a,selection:n,onChangeSelection:i,getItemId:r,titleField:c,disabled:!1,"aria-hidden":!0,tabIndex:-1}),h&&(0,l.jsx)(o.__experimentalHStack,{justify:"space-between",className:"dataviews-view-picker-grid__title-actions",children:(0,l.jsx)("div",{className:"dataviews-view-picker-grid__title-field dataviews-title-field",children:_})}),(0,l.jsxs)(o.__experimentalVStack,{spacing:1,children:[b&&u?.render&&(0,l.jsx)(u.render,{item:a,field:u}),!!f?.length&&(0,l.jsx)(o.__experimentalHStack,{className:"dataviews-view-picker-grid__badge-fields",spacing:2,wrap:!0,alignment:"top",justify:"flex-start",children:f.map(e=>(0,l.jsx)(ut,{className:"dataviews-view-picker-grid__field-value",children:(0,l.jsx)(e.render,{item:a,field:e})},e.id))}),!!d?.length&&(0,l.jsx)(o.__experimentalVStack,{className:"dataviews-view-picker-grid__fields",spacing:1,children:d.map(e=>(0,l.jsx)(o.Flex,{className:"dataviews-view-picker-grid__field",gap:1,justify:"flex-start",expanded:!0,style:{height:"auto"},direction:"row",children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.FlexItem,{className:"dataviews-view-picker-grid__field-name",children:e.header}),(0,l.jsx)(o.FlexItem,{className:"dataviews-view-picker-grid__field-value",style:{maxHeight:"none"},children:(0,l.jsx)(e.render,{item:a,field:e})})]})},e.id))})]})]},w)}function ft({groupName:e,groupField:t,children:n}){const i=(0,k.useInstanceId)(ft,"dataviews-view-picker-grid-group__header");return(0,l.jsxs)(o.__experimentalVStack,{spacing:2,role:"group","aria-labelledby":i,children:[(0,l.jsx)("h3",{className:"dataviews-view-picker-grid-group__header",id:i,children:(0,V.sprintf)( +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +(0,V.__)("%1$s: %2$s"),t.label,e)}),n]},e)}const mt=[{value:120,breakpoint:1},{value:170,breakpoint:1},{value:230,breakpoint:1},{value:290,breakpoint:1112},{value:350,breakpoint:1636},{value:430,breakpoint:588}];function vt(){const e=(0,a.useContext)(ce),t=e.view,n=mt.filter(t=>e.containerWidth>=t.breakpoint),i=t.layout?.previewSize??230,r=n.map((e,t)=>({...e,index:t})).filter(e=>e.value<=i).sort((e,t)=>t.value-e.value)[0]?.index??0,s=n.map((e,t)=>({value:t}));return(0,l.jsx)(o.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,showTooltip:!1,label:(0,V.__)("Preview size"),value:r,min:0,max:n.length-1,withInputField:!1,onChange:(i=0)=>{e.onChangeView({...t,layout:{...t.layout,previewSize:n[i].value}})},step:1,marks:s})}const pt=[{type:oe,label:(0,V.__)("Table"),component:function({actions:e,data:t,fields:n,getItemId:i,getItemLevel:r,isLoading:s=!1,onChangeView:c,onChangeSelection:u,selection:d,setOpenedFilter:f,onClickItem:m,isItemClickable:v,renderItemLink:p,view:h,className:g,empty:b}){const{containerRef:w}=(0,a.useContext)(ce),x=(0,a.useRef)(new Map),y=(0,a.useRef)(),[_,j]=(0,a.useState)(),C=Pe(e,t);(0,a.useEffect)(()=>{y.current&&(y.current.focus(),y.current=void 0)});const S=(0,a.useId)(),I=function({scrollContainerRef:e,enabled:t=!1}){const[n,i]=(0,a.useState)(!1),r=(0,k.useDebounce)((0,a.useCallback)(()=>{const t=e.current;var n;t&&i((n=t,(0,V.isRTL)()?Math.abs(n.scrollLeft)<=1:n.scrollLeft+n.clientWidth>=n.scrollWidth-1))},[e,i]),200);return(0,a.useEffect)(()=>"undefined"!=typeof window&&t&&e.current?(r(),e.current.addEventListener("scroll",r),window.addEventListener("resize",r),()=>{e.current?.removeEventListener("scroll",r),window.removeEventListener("resize",r)}):()=>{},[e,t]),n}({scrollContainerRef:w,enabled:!!e?.length});if(_)return y.current=_,void j(void 0);const E=e=>{const t=x.current.get(e.id),n=t?x.current.get(t.fallback):void 0;j(n?.node)},N=!!t?.length,F=n.find(e=>e.id===h.titleField),O=n.find(e=>e.id===h.mediaField),M=n.find(e=>e.id===h.descriptionField),P=h.groupByField?n.find(e=>e.id===h.groupByField):null,L=P?Qe(t,P):null,{showTitle:A=!0,showMedia:T=!0,showDescription:D=!0}=h,B=F&&A||O&&T||M&&D,z=h.fields??[],H=(e,t)=>n=>{n?x.current.set(e,{node:n,fallback:z[t>0?t-1:1]}):x.current.delete(e)},R=h.infiniteScrollEnabled&&!L;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("table",{className:pe("dataviews-view-table",g,{[`has-${h.layout?.density}-density`]:h.layout?.density&&["compact","comfortable"].includes(h.layout.density)}),"aria-busy":s,"aria-describedby":S,role:R?"feed":void 0,children:[(0,l.jsx)("thead",{children:(0,l.jsxs)("tr",{className:"dataviews-view-table__row",children:[C&&(0,l.jsx)("th",{className:"dataviews-view-table__checkbox-column",scope:"col",children:(0,l.jsx)(Le,{selection:d,onChangeSelection:u,data:t,actions:e,getItemId:i})}),B&&(0,l.jsx)("th",{scope:"col",children:F&&(0,l.jsx)(Ue,{ref:H(F.id,0),fieldId:F.id,view:h,fields:n,onChangeView:c,onHide:E,setOpenedFilter:f,canMove:!1})}),z.map((e,t)=>{const{width:i,maxWidth:r,minWidth:a,align:o}=h.layout?.styles?.[e]??{};return(0,l.jsx)("th",{style:{width:i,maxWidth:r,minWidth:a,textAlign:o},"aria-sort":h.sort?.direction&&h.sort?.field===e?ie[h.sort.direction]:void 0,scope:"col",children:(0,l.jsx)(Ue,{ref:H(e,t),fieldId:e,view:h,fields:n,onChangeView:c,onHide:E,setOpenedFilter:f,canMove:h.layout?.enableMoving??!0})},e)}),!!e?.length&&(0,l.jsx)("th",{className:pe("dataviews-view-table__actions-column",{"dataviews-view-table__actions-column--sticky":!0,"dataviews-view-table__actions-column--stuck":!I}),children:(0,l.jsx)("span",{className:"dataviews-view-table-header",children:(0,V.__)("Actions")})})]})}),N&&P&&L?Array.from(L.entries()).map(([t,a])=>(0,l.jsxs)("tbody",{children:[(0,l.jsx)("tr",{className:"dataviews-view-table__group-header-row",children:(0,l.jsx)("td",{colSpan:z.length+(B?1:0)+(C?1:0)+(e?.length?1:0),className:"dataviews-view-table__group-header-cell",children:(0,V.sprintf)( +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +(0,V.__)("%1$s: %2$s"),P.label,t)})}),a.map((t,a)=>(0,l.jsx)(et,{item:t,level:h.showLevels&&"function"==typeof r?r(t):void 0,hasBulkActions:C,actions:e,fields:n,id:i(t)||a.toString(),view:h,titleField:F,mediaField:O,descriptionField:M,selection:d,getItemId:i,onChangeSelection:u,onClickItem:m,renderItemLink:p,isItemClickable:v,isActionsColumnSticky:!I},i(t)))]},`group-${t}`)):(0,l.jsx)("tbody",{children:N&&t.map((t,a)=>(0,l.jsx)(et,{item:t,level:h.showLevels&&"function"==typeof r?r(t):void 0,hasBulkActions:C,actions:e,fields:n,id:i(t)||a.toString(),view:h,titleField:F,mediaField:O,descriptionField:M,selection:d,getItemId:i,onChangeSelection:u,onClickItem:m,renderItemLink:p,isItemClickable:v,isActionsColumnSticky:!I,posinset:R?a+1:void 0},i(t)))})]}),(0,l.jsxs)("div",{className:pe({"dataviews-loading":s,"dataviews-no-results":!N&&!s}),id:S,children:[!N&&(s?(0,l.jsx)("p",{children:(0,l.jsx)(o.Spinner,{})}):b),N&&s&&(0,l.jsx)("p",{className:"dataviews-loading-more",children:(0,l.jsx)(o.Spinner,{})})]})]})},icon:ue,viewConfigOptions:function(){const e=(0,a.useContext)(ce),t=e.view;return(0,l.jsxs)(o.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,size:"__unstable-large",label:(0,V.__)("Density"),value:t.layout?.density||"balanced",onChange:n=>{e.onChangeView({...t,layout:{...t.layout,density:n}})},isBlock:!0,children:[(0,l.jsx)(o.__experimentalToggleGroupControlOption,{value:"comfortable",label:(0,V._x)("Comfortable","Density option for DataView layout")},"comfortable"),(0,l.jsx)(o.__experimentalToggleGroupControlOption,{value:"balanced",label:(0,V._x)("Balanced","Density option for DataView layout")},"balanced"),(0,l.jsx)(o.__experimentalToggleGroupControlOption,{value:"compact",label:(0,V._x)("Compact","Density option for DataView layout")},"compact")]})}},{type:se,label:(0,V.__)("Grid"),component:function({actions:e,data:t,fields:n,getItemId:i,isLoading:r,onChangeSelection:s,onClickItem:c,isItemClickable:u,renderItemLink:d,selection:f,view:m,className:v,empty:p}){const{resizeObserverRef:h}=(0,a.useContext)(ce),g=n.find(e=>e.id===m?.titleField),b=n.find(e=>e.id===m?.mediaField),w=n.find(e=>e.id===m?.descriptionField),x=m.fields??[],{regularFields:y,badgeFields:_}=x.reduce((e,t)=>{const i=n.find(e=>e.id===t);return i?(e[m.layout?.badgeFields?.includes(t)?"badgeFields":"regularFields"].push(i),e):e},{regularFields:[],badgeFields:[]}),j=!!t?.length,C=Pe(e,t),S=m.layout?.previewSize,k="900px",I=m.groupByField?n.find(e=>e.id===m.groupByField):null,E=I?Qe(t,I):null,N=m.infiniteScrollEnabled&&!E;return(0,l.jsxs)(l.Fragment,{children:[j&&I&&E&&(0,l.jsx)(o.__experimentalVStack,{spacing:4,children:Array.from(E.entries()).map(([t,n])=>(0,l.jsxs)(o.__experimentalVStack,{spacing:2,children:[(0,l.jsx)("h3",{className:"dataviews-view-grid__group-header",children:(0,V.sprintf)( +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +(0,V.__)("%1$s: %2$s"),I.label,t)}),(0,l.jsx)(tt,{className:pe("dataviews-view-grid",v),previewSize:S,"aria-busy":r,ref:h,children:n.map(t=>(0,l.jsx)(it,{view:m,selection:f,onChangeSelection:s,onClickItem:c,isItemClickable:u,renderItemLink:d,getItemId:i,item:t,actions:e,mediaField:b,titleField:g,descriptionField:w,regularFields:y,badgeFields:_,hasBulkActions:C,config:{sizes:k}},i(t)))})]},t))}),j&&!E&&(0,l.jsx)(tt,{className:pe("dataviews-view-grid",v),previewSize:S,"aria-busy":r,ref:h,role:N?"feed":void 0,children:t.map((t,n)=>(0,l.jsx)(it,{view:m,selection:f,onChangeSelection:s,onClickItem:c,isItemClickable:u,renderItemLink:d,getItemId:i,item:t,actions:e,mediaField:b,titleField:g,descriptionField:w,regularFields:y,badgeFields:_,hasBulkActions:C,config:{sizes:k},posinset:N?n+1:void 0},i(t)))}),!j&&(0,l.jsx)("div",{className:pe({"dataviews-loading":r,"dataviews-no-results":!r}),children:r?(0,l.jsx)("p",{children:(0,l.jsx)(o.Spinner,{})}):p}),j&&r&&(0,l.jsx)("p",{className:"dataviews-loading-more",children:(0,l.jsx)(o.Spinner,{})})]})},icon:de,viewConfigOptions:vt},{type:"list",label:(0,V.__)("List"),component:function e(t){const{actions:n,data:i,fields:r,getItemId:s,isLoading:c,onChangeSelection:u,selection:d,view:f,className:m,empty:v}=t,p=(0,k.useInstanceId)(e,"view-list"),h=i?.findLast(e=>d.includes(s(e))),g=r.find(e=>e.id===f.titleField),b=r.find(e=>e.id===f.mediaField),w=r.find(e=>e.id===f.descriptionField),x=(f?.fields??[]).map(e=>r.find(t=>e===t.id)).filter(ct),y=e=>u([s(e)]),_=(0,a.useCallback)(e=>`${p}-${s(e)}`,[p,s]),j=(0,a.useCallback)((e,t)=>t.startsWith(_(e)),[_]),[C,S]=(0,a.useState)(void 0);(0,a.useEffect)(()=>{h&&S(at(_(h)))},[h,_]);const I=i.findIndex(e=>j(e,C??"")),E=(0,k.usePrevious)(I),N=-1!==I,F=(0,a.useCallback)((e,t)=>{const n=Math.min(i.length-1,Math.max(0,e));if(!i[n])return;const r=t(_(i[n]));S(r),document.getElementById(r)?.focus()},[i,_]);(0,a.useEffect)(()=>{!N&&void 0!==E&&-1!==E&&F(E,at)},[N,F,E]);const O=(0,a.useCallback)(e=>{"ArrowDown"===e.key&&(e.preventDefault(),F(I+1,ot)),"ArrowUp"===e.key&&(e.preventDefault(),F(I-1,ot))},[F,I]),M=i?.length;if(!M)return(0,l.jsx)("div",{className:pe({"dataviews-loading":c,"dataviews-no-results":!M&&!c}),children:!M&&(c?(0,l.jsx)("p",{children:(0,l.jsx)(o.Spinner,{})}):v)});const P=f.groupByField?r.find(e=>e.id===f.groupByField):null,L=P?Qe(i,P):null;return M&&P&&L?(0,l.jsx)(o.Composite,{id:`${p}`,render:(0,l.jsx)("div",{}),className:"dataviews-view-list__group",role:"grid",activeId:C,setActiveId:S,children:(0,l.jsx)(o.__experimentalVStack,{spacing:4,className:pe("dataviews-view-list",m),children:Array.from(L.entries()).map(([e,t])=>(0,l.jsxs)(o.__experimentalVStack,{spacing:2,children:[(0,l.jsx)("h3",{className:"dataviews-view-list__group-header",children:(0,V.sprintf)( +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +// translators: 1: The label of the field e.g. "Date". 2: The value of the field, e.g.: "May 2022". +(0,V.__)("%1$s: %2$s"),P.label,e)}),t.map(e=>{const t=_(e);return(0,l.jsx)(lt,{view:f,idPrefix:t,actions:n,item:e,isSelected:e===h,onSelect:y,mediaField:b,titleField:g,descriptionField:w,otherFields:x,onDropdownTriggerKeyDown:O},t)})]},e))})}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Composite,{id:p,render:(0,l.jsx)("div",{}),className:pe("dataviews-view-list",m),role:f.infiniteScrollEnabled?"feed":"grid",activeId:C,setActiveId:S,children:i.map((e,t)=>{const i=_(e);return(0,l.jsx)(lt,{view:f,idPrefix:i,actions:n,item:e,isSelected:e===h,onSelect:y,mediaField:b,titleField:g,descriptionField:w,otherFields:x,onDropdownTriggerKeyDown:O,posinset:f.infiniteScrollEnabled?t+1:void 0},i)})}),M&&c&&(0,l.jsx)("p",{className:"dataviews-loading-more",children:(0,l.jsx)(o.Spinner,{})})]})},icon:(0,V.isRTL)()?fe:me},{type:"pickerGrid",label:(0,V.__)("Grid"),component:function({actions:e,data:t,fields:n,getItemId:i,isLoading:r,onChangeSelection:s,selection:c,view:u,className:d,empty:f}){const{resizeObserverRef:m,paginationInfo:v,itemListLabel:p}=(0,a.useContext)(ce),h=n.find(e=>e.id===u?.titleField),g=n.find(e=>e.id===u?.mediaField),b=n.find(e=>e.id===u?.descriptionField),w=u.fields??[],{regularFields:x,badgeFields:y}=w.reduce((e,t)=>{const i=n.find(e=>e.id===t);return i?(e[u.layout?.badgeFields?.includes(t)?"badgeFields":"regularFields"].push(i),e):e},{regularFields:[],badgeFields:[]}),_=!!t?.length,j=u.layout?.previewSize,C=function(e){return(0,a.useMemo)(()=>e?.every(e=>e.supportsBulk),[e])}(e),S="900px",k=u.groupByField?n.find(e=>e.id===u.groupByField):null,V=k?Qe(t,k):null,I=u.infiniteScrollEnabled&&!V,E=u?.page??1,N=u?.perPage??0,F=I?v?.totalItems:void 0;return(0,l.jsxs)(l.Fragment,{children:[_&&k&&V&&(0,l.jsx)(o.Composite,{virtualFocus:!0,orientation:"horizontal",role:"listbox","aria-multiselectable":C,className:pe("dataviews-view-picker-grid",d),"aria-label":p,render:({children:e,...t})=>(0,l.jsx)(o.__experimentalVStack,{spacing:4,children:e,...t}),children:Array.from(V.entries()).map(([e,n])=>(0,l.jsx)(ft,{groupName:e,groupField:k,children:(0,l.jsx)(tt,{previewSize:j,style:{gridTemplateColumns:j&&`repeat(auto-fill, minmax(${j}px, 1fr))`},"aria-busy":r,ref:m,children:n.map(e=>{const n=(E-1)*N+t.indexOf(e)+1;return(0,l.jsx)(dt,{view:u,multiselect:C,selection:c,onChangeSelection:s,getItemId:i,item:e,mediaField:g,titleField:h,descriptionField:b,regularFields:x,badgeFields:y,config:{sizes:S},posinset:n,setsize:F},i(e))})})},e))}),_&&!V&&(0,l.jsx)(o.Composite,{render:(0,l.jsx)(tt,{className:pe("dataviews-view-picker-grid",d),previewSize:j,"aria-busy":r,ref:m}),virtualFocus:!0,orientation:"horizontal",role:"listbox","aria-multiselectable":C,"aria-label":p,children:t.map((e,t)=>{let n=I?t+1:void 0;return I||(n=(E-1)*N+t+1),(0,l.jsx)(dt,{view:u,multiselect:C,selection:c,onChangeSelection:s,getItemId:i,item:e,mediaField:g,titleField:h,descriptionField:b,regularFields:x,badgeFields:y,config:{sizes:S},posinset:n,setsize:F},i(e))})}),!_&&(0,l.jsx)("div",{className:pe({"dataviews-loading":r,"dataviews-no-results":!r}),children:r?(0,l.jsx)("p",{children:(0,l.jsx)(o.Spinner,{})}):f}),_&&r&&(0,l.jsx)("p",{className:"dataviews-loading-more",children:(0,l.jsx)(o.Spinner,{})})]})},icon:de,viewConfigOptions:vt,isPicker:!0}],{Menu:ht}=ye(o.privateApis);function gt({filters:e,view:t,onChangeView:n,setOpenedFilter:i,triggerProps:r}){const a=e.filter(e=>!e.isVisible);return(0,l.jsxs)(ht,{children:[(0,l.jsx)(ht.TriggerButton,{...r}),(0,l.jsx)(ht.Popover,{children:a.map(e=>(0,l.jsx)(ht.Item,{onClick:()=>{i(e.field),n({...t,page:1,filters:[...t.filters||[],{field:e.field,value:void 0,operator:e.operators[0]}]})},children:(0,l.jsx)(ht.ItemLabel,{children:e.name})},e.field))})]})}var bt=(0,a.forwardRef)(function({filters:e,view:t,onChangeView:n,setOpenedFilter:i},r){if(!e.length||e.every(({isPrimary:e})=>e))return null;const a=e.filter(e=>!e.isVisible);return(0,l.jsx)(gt,{triggerProps:{render:(0,l.jsx)(o.Button,{accessibleWhenDisabled:!0,size:"compact",className:"dataviews-filters-button",variant:"tertiary",disabled:!a.length,ref:r}),children:(0,V.__)("Add filter")},filters:e,view:t,onChangeView:n,setOpenedFilter:i})});function wt({buttonRef:e,filtersCount:t,children:n}){return(0,a.useEffect)(()=>()=>{e.current?.focus()},[e]),(0,l.jsxs)(l.Fragment,{children:[n,!!t&&(0,l.jsx)("span",{className:"dataviews-filters-toggle__count",children:t})]})}var xt=function(){const{filters:e,view:t,onChangeView:n,setOpenedFilter:i,isShowingFilter:r,setIsShowingFilter:s}=(0,a.useContext)(ce),c=(0,a.useRef)(null),u=(0,a.useCallback)(e=>{n(e),s(!0)},[n,s]),d=!!e.filter(e=>e.isVisible).length;if(0===e.length)return null;const f={label:(0,V.__)("Add filter"),"aria-expanded":!1,isPressed:!1},m={label:(0,V._x)("Filter","verb"),"aria-expanded":r,isPressed:r,onClick:()=>{r||i(null),s(!r)}},v=(0,l.jsx)(o.Button,{ref:c,className:"dataviews-filters__visibility-toggle",size:"compact",icon:Re,...d?m:f});return(0,l.jsx)("div",{className:"dataviews-filters__container-visibility-toggle",children:d?(0,l.jsx)(wt,{buttonRef:c,filtersCount:t.filters?.length,children:v}):(0,l.jsx)(gt,{filters:e,view:t,onChangeView:u,setOpenedFilter:i,triggerProps:{render:v}})})},yt=Object.defineProperty,_t=Object.defineProperties,jt=Object.getOwnPropertyDescriptors,Ct=Object.getOwnPropertySymbols,St=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,Vt=(e,t,n)=>t in e?yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,It=(e,t)=>{for(var n in t||(t={}))St.call(t,n)&&Vt(e,n,t[n]);if(Ct)for(var n of Ct(t))kt.call(t,n)&&Vt(e,n,t[n]);return e},Et=(e,t)=>_t(e,jt(t)),Nt=(e,t)=>{var n={};for(var i in e)St.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&Ct)for(var i of Ct(e))t.indexOf(i)<0&&kt.call(e,i)&&(n[i]=e[i]);return n},Ft=Object.defineProperty,Ot=Object.defineProperties,Mt=Object.getOwnPropertyDescriptors,Pt=Object.getOwnPropertySymbols,Lt=Object.prototype.hasOwnProperty,At=Object.prototype.propertyIsEnumerable,Tt=(e,t,n)=>t in e?Ft(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Dt=(e,t)=>{for(var n in t||(t={}))Lt.call(t,n)&&Tt(e,n,t[n]);if(Pt)for(var n of Pt(t))At.call(t,n)&&Tt(e,n,t[n]);return e},Bt=(e,t)=>Ot(e,Mt(t)),zt=(e,t)=>{var n={};for(var i in e)Lt.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&Pt)for(var i of Pt(e))t.indexOf(i)<0&&At.call(e,i)&&(n[i]=e[i]);return n};function Ht(...e){}function Rt(e,t){return"function"==typeof Object.hasOwn?Object.hasOwn(e,t):Object.prototype.hasOwnProperty.call(e,t)}function Wt(...e){return(...t)=>{for(const n of e)"function"==typeof n&&n(...t)}}function $t(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function qt(e){return e}function Gt(e,t){if(!e){if("string"!=typeof t)throw new Error("Invariant failed");throw new Error(t)}}function Kt(e){return e.disabled||!0===e["aria-disabled"]||"true"===e["aria-disabled"]}function Yt(e){const t={};for(const n in e)void 0!==e[n]&&(t[n]=e[n]);return t}function Ut(...e){for(const t of e)if(void 0!==t)return t}function Zt(e,t){"function"==typeof e?e(t):e&&(e.current=t)}var Xt,Qt="undefined"!=typeof window&&!!(null==(Xt=window.document)?void 0:Xt.createElement);function Jt(e){return e?"self"in e?e.document:e.ownerDocument||document:document}function en(e,t=!1){const{activeElement:n}=Jt(e);if(!(null==n?void 0:n.nodeName))return null;if("IFRAME"===n.tagName&&n.contentDocument)return en(n.contentDocument.body,t);if(t){const e=n.getAttribute("aria-activedescendant");if(e){const t=Jt(n).getElementById(e);if(t)return t}}return n}function tn(e,t){return e===t||e.contains(t)}function nn(e){const t=e.tagName.toLowerCase();return"button"===t||!("input"!==t||!e.type)&&-1!==rn.indexOf(e.type)}var rn=["button","color","file","image","reset","submit"];function an(e){try{const t=e instanceof HTMLInputElement&&null!==e.selectionStart,n="TEXTAREA"===e.tagName;return t||n||!1}catch(e){return!1}}function on(e){return e.isContentEditable||an(e)}function sn(e){let t=0,n=0;if(an(e))t=e.selectionStart||0,n=e.selectionEnd||0;else if(e.isContentEditable){const i=Jt(e).getSelection();if((null==i?void 0:i.rangeCount)&&i.anchorNode&&tn(e,i.anchorNode)&&i.focusNode&&tn(e,i.focusNode)){const r=i.getRangeAt(0),a=r.cloneRange();a.selectNodeContents(e),a.setEnd(r.startContainer,r.startOffset),t=a.toString().length,a.setEnd(r.endContainer,r.endOffset),n=a.toString().length}}return{start:t,end:n}}function ln(e,t){const n=null==e?void 0:e.getAttribute("role");return n&&-1!==["dialog","menu","listbox","tree","grid"].indexOf(n)?n:t}function cn(e){if(!e)return null;const t=e=>"auto"===e||"scroll"===e;if(e.clientHeight&&e.scrollHeight>e.clientHeight){const{overflowY:n}=getComputedStyle(e);if(t(n))return e}else if(e.clientWidth&&e.scrollWidth>e.clientWidth){const{overflowX:n}=getComputedStyle(e);if(t(n))return e}return cn(e.parentElement)||document.scrollingElement||document.body}function un(e,...t){/text|search|password|tel|url/i.test(e.type)&&e.setSelectionRange(...t)}function dn(){return!!Qt&&/mac|iphone|ipad|ipod/i.test(navigator.platform)}function fn(){return Qt&&dn()&&/apple/i.test(navigator.vendor)}function mn(e){return Boolean(e.currentTarget&&!tn(e.currentTarget,e.target))}function vn(e){return e.target===e.currentTarget}function pn(e,t){const n=new FocusEvent("blur",t),i=e.dispatchEvent(n),r=Bt(Dt({},t),{bubbles:!0});return e.dispatchEvent(new FocusEvent("focusout",r)),i}function hn(e,t){const n=new MouseEvent("click",t);return e.dispatchEvent(n)}function gn(e,t){const n=t||e.currentTarget,i=e.relatedTarget;return!i||!tn(n,i)}function bn(e,t,n,i){const r=(e=>{if(i){const t=setTimeout(e,i);return()=>clearTimeout(t)}const t=requestAnimationFrame(e);return()=>cancelAnimationFrame(t)})(()=>{e.removeEventListener(t,a,!0),n()}),a=()=>{r(),n()};return e.addEventListener(t,a,{once:!0,capture:!0}),r}function wn(e,t,n,i=window){const r=[];try{i.document.addEventListener(e,t,n);for(const a of Array.from(i.frames))r.push(wn(e,t,n,a))}catch(e){}return()=>{try{i.document.removeEventListener(e,t,n)}catch(e){}for(const e of r)e()}}var xn=It({},r),yn=xn.useId,jn=(xn.useDeferredValue,xn.useInsertionEffect),Cn=Qt?i.useLayoutEffect:i.useEffect;function Sn(e){const t=(0,i.useRef)(()=>{throw new Error("Cannot call an event handler while rendering.")});return jn?jn(()=>{t.current=e}):t.current=e,(0,i.useCallback)((...e)=>{var n;return null==(n=t.current)?void 0:n.call(t,...e)},[])}function kn(...e){return(0,i.useMemo)(()=>{if(e.some(Boolean))return t=>{for(const n of e)Zt(n,t)}},e)}function Vn(e){if(yn){const t=yn();return e||t}const[t,n]=(0,i.useState)(e);return Cn(()=>{if(e||t)return;const i=Math.random().toString(36).slice(2,8);n(`id-${i}`)},[e,t]),e||t}function In(e,t){const n=(0,i.useRef)(!1);(0,i.useEffect)(()=>{if(n.current)return e();n.current=!0},t),(0,i.useEffect)(()=>()=>{n.current=!1},[])}function En(e){return Sn("function"==typeof e?e:()=>e)}function Nn(e,t,n=[]){const r=(0,i.useCallback)(n=>(e.wrapElement&&(n=e.wrapElement(n)),t(n)),[...n,e.wrapElement]);return Et(It({},e),{wrapElement:r})}var Fn=!1,On=!1,Mn=0,Pn=0;function Ln(e){(function(e){const t=e.movementX||e.screenX-Mn,n=e.movementY||e.screenY-Pn;return Mn=e.screenX,Pn=e.screenY,t||n||!1})(e)&&(On=!0)}function An(){On=!1}function Tn(e){const t=i.forwardRef((t,n)=>e(Et(It({},t),{ref:n})));return t.displayName=e.displayName||e.name,t}function Dn(e,t){return i.memo(e,t)}function Bn(e,t){const n=t,{wrapElement:r,render:a}=n,o=Nt(n,["wrapElement","render"]),s=kn(t.ref,function(e){return function(e){return!!e&&!!(0,i.isValidElement)(e)&&("ref"in e.props||"ref"in e)}(e)?It({},e.props).ref||e.ref:null}(a));let c;if(i.isValidElement(a)){const e=Et(It({},a.props),{ref:s});c=i.cloneElement(a,function(e,t){const n=It({},e);for(const i in t){if(!Rt(t,i))continue;if("className"===i){const i="className";n[i]=e[i]?`${e[i]} ${t[i]}`:t[i];continue}if("style"===i){const i="style";n[i]=e[i]?It(It({},e[i]),t[i]):t[i];continue}const r=t[i];if("function"==typeof r&&i.startsWith("on")){const t=e[i];if("function"==typeof t){n[i]=(...e)=>{r(...e),t(...e)};continue}}n[i]=r}return n}(o,e))}else c=a?a(o):(0,l.jsx)(e,It({},o));return r?r(c):c}function zn(e){const t=(t={})=>e(t);return t.displayName=e.name,t}function Hn(e=[],t=[]){const n=i.createContext(void 0),r=i.createContext(void 0),a=()=>i.useContext(n),o=t=>e.reduceRight((e,n)=>(0,l.jsx)(n,Et(It({},t),{children:e})),(0,l.jsx)(n.Provider,It({},t)));return{context:n,scopedContext:r,useContext:a,useScopedContext:(e=!1)=>{const t=i.useContext(r),n=a();return e?t:t||n},useProviderContext:()=>{const e=i.useContext(r),t=a();if(!e||e!==t)return t},ContextProvider:o,ScopedContextProvider:e=>(0,l.jsx)(o,Et(It({},e),{children:t.reduceRight((t,n)=>(0,l.jsx)(n,Et(It({},e),{children:t})),(0,l.jsx)(r.Provider,It({},e)))}))}}var Rn=Hn(),Wn=Rn.useContext,$n=(Rn.useScopedContext,Rn.useProviderContext,Hn([Rn.ContextProvider],[Rn.ScopedContextProvider])),qn=$n.useContext,Gn=($n.useScopedContext,$n.useProviderContext),Kn=$n.ContextProvider,Yn=$n.ScopedContextProvider,Un=(0,i.createContext)(void 0),Zn=(0,i.createContext)(void 0),Xn=((0,i.createContext)(null),(0,i.createContext)(null),Hn([Kn],[Yn])),Qn=Xn.useContext;function Jn(e,t){const n=e.__unstableInternals;return Gt(n,"Invalid store"),n[t]}function ei(e,...t){let n=e,i=n,r=Symbol(),a=Ht;const o=new Set,s=new Set,l=new Set,c=new Set,u=new Set,d=new WeakMap,f=new WeakMap,m=(e,t,n=c)=>(n.add(t),f.set(t,e),()=>{var e;null==(e=d.get(t))||e(),d.delete(t),f.delete(t),n.delete(t)}),v=(e,a,o=!1)=>{var l;if(!Rt(n,e))return;const m=(v=a,p=n[e],function(e){return"function"==typeof e}(v)?v(function(e){return"function"==typeof e}(p)?p():p):v);var v,p;if(m===n[e])return;if(!o)for(const n of t)null==(l=null==n?void 0:n.setState)||l.call(n,e,m);const h=n;n=Bt(Dt({},n),{[e]:m});const g=Symbol();r=g,s.add(e);const b=(t,i,r)=>{var a;const o=f.get(t);o&&!o.some(t=>r?r.has(t):t===e)||(null==(a=d.get(t))||a(),d.set(t,t(n,i)))};for(const e of c)b(e,h);queueMicrotask(()=>{if(r!==g)return;const e=n;for(const e of u)b(e,i,s);i=e,s.clear()})},p={getState:()=>n,setState:v,__unstableInternals:{setup:e=>(l.add(e),()=>l.delete(e)),init:()=>{const e=o.size,i=Symbol();o.add(i);const r=()=>{o.delete(i),o.size||a()};if(e)return r;const s=(c=n,Object.keys(c)).map(e=>Wt(...t.map(t=>{var n;const i=null==(n=null==t?void 0:t.getState)?void 0:n.call(t);if(i&&Rt(i,e))return ri(t,[e],t=>{v(e,t[e],!0)})})));var c;const u=[];for(const e of l)u.push(e());const d=t.map(ni);return a=Wt(...s,...u,...d),r},subscribe:(e,t)=>m(e,t),sync:(e,t)=>(d.set(t,t(n,n)),m(e,t)),batch:(e,t)=>(d.set(t,t(n,i)),m(e,t,u)),pick:e=>ei(function(e,t){const n={};for(const i of t)Rt(e,i)&&(n[i]=e[i]);return n}(n,e),p),omit:e=>ei(function(e,t){const n=Dt({},e);for(const e of t)Rt(n,e)&&delete n[e];return n}(n,e),p)}};return p}function ti(e,...t){if(e)return Jn(e,"setup")(...t)}function ni(e,...t){if(e)return Jn(e,"init")(...t)}function ii(e,...t){if(e)return Jn(e,"subscribe")(...t)}function ri(e,...t){if(e)return Jn(e,"sync")(...t)}function ai(e,...t){if(e)return Jn(e,"batch")(...t)}function oi(e,...t){if(e)return Jn(e,"omit")(...t)}function si(...e){var t;const n={};for(const i of e){const e=null==(t=null==i?void 0:i.getState)?void 0:t.call(i);e&&Object.assign(n,e)}const i=ei(n,...e);return Object.assign({},...e,i)}Xn.useScopedContext,Xn.useProviderContext,Xn.ContextProvider,Xn.ScopedContextProvider;var li=n(888),{useSyncExternalStore:ci}=li;function ui(e,t=qt){const n=i.useCallback(t=>e?ii(e,null,t):()=>{},[e]),r=()=>{const n="string"==typeof t?t:null,i="function"==typeof t?t:null,r=null==e?void 0:e.getState();return i?i(r):r&&n&&Rt(r,n)?r[n]:void 0};return ci(n,r,r)}function di(e,t){const n=i.useRef({}),r=i.useCallback(t=>e?ii(e,null,t):()=>{},[e]),a=()=>{const i=null==e?void 0:e.getState();let r=!1;const a=n.current;for(const e in t){const n=t[e];if("function"==typeof n){const t=n(i);t!==a[e]&&(a[e]=t,r=!0)}if("string"==typeof n){if(!i)continue;if(!Rt(i,n))continue;const t=i[n];t!==a[e]&&(a[e]=t,r=!0)}}return r&&(n.current=It({},a)),n.current};return ci(r,a,a)}function fi(e,t,n,r){const a=Rt(t,n)?t[n]:void 0,o=r?t[r]:void 0,s=function(e){const t=(0,i.useRef)(e);return Cn(()=>{t.current=e}),t}({value:a,setValue:o});Cn(()=>ri(e,[n],(e,t)=>{const{value:i,setValue:r}=s.current;r&&e[n]!==t[n]&&e[n]!==i&&r(e[n])}),[e,n]),Cn(()=>{if(void 0!==a)return e.setState(n,a),ai(e,[n],()=>{void 0!==a&&e.setState(n,a)})})}function mi(e,t,n){return function(e,t,n){return In(t,[n.store,n.disclosure]),fi(e,n,"open","setOpen"),fi(e,n,"mounted","setMounted"),fi(e,n,"animated"),Object.assign(e,{disclosure:n.disclosure})}(e,t,n)}function vi(e,t,n){return fi(e=function(e,t,n){return In(t,[n.store]),fi(e,n,"items","setItems"),e}(e,t,n),n,"activeId","setActiveId"),fi(e,n,"includesBaseElement"),fi(e,n,"virtualFocus"),fi(e,n,"orientation"),fi(e,n,"rtl"),fi(e,n,"focusLoop"),fi(e,n,"focusWrap"),fi(e,n,"focusShift"),e}function pi(e){const t=[];for(const n of e)t.push(...n);return t}function hi(e){return e.slice().reverse()}function gi(e={}){var t;e.store;const n=null==(t=e.store)?void 0:t.getState(),i=Ut(e.items,null==n?void 0:n.items,e.defaultItems,[]),r=new Map(i.map(e=>[e.id,e])),a={items:i,renderedItems:Ut(null==n?void 0:n.renderedItems,[])},o=function(e){return null==e?void 0:e.__unstablePrivateStore}(e.store),s=ei({items:i,renderedItems:a.renderedItems},o),l=ei(a,e.store),c=e=>{const t=function(e,t){const n=e.map((e,t)=>[t,e]);let i=!1;return n.sort(([e,n],[r,a])=>{const o=t(n),s=t(a);return o===s?0:o&&s?function(e,t){return Boolean(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING)}(o,s)?(e>r&&(i=!0),-1):(et):e}(e,e=>e.element);s.setState("renderedItems",t),l.setState("renderedItems",t)};ti(l,()=>ni(s)),ti(s,()=>ai(s,["items"],e=>{l.setState("items",e.items)})),ti(s,()=>ai(s,["renderedItems"],e=>{let t=!0,n=requestAnimationFrame(()=>{const{renderedItems:t}=l.getState();e.renderedItems!==t&&c(e.renderedItems)});if("function"!=typeof IntersectionObserver)return()=>cancelAnimationFrame(n);const i=function(e){var t;const n=e.find(e=>!!e.element),i=[...e].reverse().find(e=>!!e.element);let r=null==(t=null==n?void 0:n.element)?void 0:t.parentElement;for(;r&&(null==i?void 0:i.element);){if(i&&r.contains(i.element))return r;r=r.parentElement}return Jt(r).body}(e.renderedItems),r=new IntersectionObserver(()=>{t?t=!1:(cancelAnimationFrame(n),n=requestAnimationFrame(()=>c(e.renderedItems)))},{root:i});for(const t of e.renderedItems)t.element&&r.observe(t.element);return()=>{cancelAnimationFrame(n),r.disconnect()}}));const u=(e,t,n=!1)=>{let i;return t(t=>{const n=t.findIndex(({id:t})=>t===e.id),a=t.slice();if(-1!==n){i=t[n];const o=Dt(Dt({},i),e);a[n]=o,r.set(e.id,o)}else a.push(e),r.set(e.id,e);return a}),()=>{t(t=>{if(!i)return n&&r.delete(e.id),t.filter(({id:t})=>t!==e.id);const a=t.findIndex(({id:t})=>t===e.id);if(-1===a)return t;const o=t.slice();return o[a]=i,r.set(e.id,i),o})}},d=e=>u(e,e=>s.setState("items",e),!0);return Bt(Dt({},l),{registerItem:d,renderItem:e=>Wt(d(e),u(e,e=>s.setState("renderedItems",e))),item:e=>{if(!e)return null;let t=r.get(e);if(!t){const{items:n}=s.getState();t=n.find(t=>t.id===e),t&&r.set(e,t)}return t||null},__unstablePrivateStore:s})}var bi={id:null};function wi(e,t){return e.find(e=>t?!e.disabled&&e.id!==t:!e.disabled)}function xi(e,t){return e.filter(e=>e.rowId===t)}function yi(e){const t=[];for(const n of e){const e=t.find(e=>{var t;return(null==(t=e[0])?void 0:t.rowId)===n.rowId});e?e.push(n):t.push([n])}return t}function _i(e){let t=0;for(const{length:n}of e)n>t&&(t=n);return t}function ji(e){return{id:"__EMPTY_ITEM__",disabled:!0,rowId:e}}var Ci=fn()&&Qt&&!!navigator.maxTouchPoints;function Si(e={}){var t=e,{tag:n}=t,i=zt(t,["tag"]);const r=si(i.store,function(e,...t){if(e)return Jn(e,"pick")(...t)}(n,["value","rtl"])),a=null==n?void 0:n.getState(),o=null==r?void 0:r.getState(),s=Ut(i.activeId,null==o?void 0:o.activeId,i.defaultActiveId,null),l=function(e={}){var t;const n=null==(t=e.store)?void 0:t.getState(),i=gi(e),r=Ut(e.activeId,null==n?void 0:n.activeId,e.defaultActiveId),a=ei(Bt(Dt({},i.getState()),{id:Ut(e.id,null==n?void 0:n.id,`id-${Math.random().toString(36).slice(2,8)}`),activeId:r,baseElement:Ut(null==n?void 0:n.baseElement,null),includesBaseElement:Ut(e.includesBaseElement,null==n?void 0:n.includesBaseElement,null===r),moves:Ut(null==n?void 0:n.moves,0),orientation:Ut(e.orientation,null==n?void 0:n.orientation,"both"),rtl:Ut(e.rtl,null==n?void 0:n.rtl,!1),virtualFocus:Ut(e.virtualFocus,null==n?void 0:n.virtualFocus,!1),focusLoop:Ut(e.focusLoop,null==n?void 0:n.focusLoop,!1),focusWrap:Ut(e.focusWrap,null==n?void 0:n.focusWrap,!1),focusShift:Ut(e.focusShift,null==n?void 0:n.focusShift,!1)}),i,e.store);ti(a,()=>ri(a,["renderedItems","activeId"],e=>{a.setState("activeId",t=>{var n;return void 0!==t?t:null==(n=wi(e.renderedItems))?void 0:n.id})}));const o=(e="next",t={})=>{var n,i;const r=a.getState(),{skip:o=0,activeId:s=r.activeId,focusShift:l=r.focusShift,focusLoop:c=r.focusLoop,focusWrap:u=r.focusWrap,includesBaseElement:d=r.includesBaseElement,renderedItems:f=r.renderedItems,rtl:m=r.rtl}=t,v="up"===e||"down"===e,p="next"===e||"down"===e,h=p?m&&!v:!m||v,g=l&&!o;let b=v?pi(function(e,t,n){const i=_i(e);for(const r of e)for(let e=0;ee.id===s);if(!w)return null==(i=wi(b))?void 0:i.id;const x=b.some(e=>e.rowId),y=b.indexOf(w),_=b.slice(y+1),j=xi(_,w.rowId);if(o){const e=function(e,t){return e.filter(e=>t?!e.disabled&&e.id!==t:!e.disabled)}(j,s),t=e.slice(o)[0]||e[e.length-1];return null==t?void 0:t.id}const C=c&&(v?"horizontal"!==c:"vertical"!==c),S=x&&u&&(v?"horizontal"!==u:"vertical"!==u),k=p?(!x||v)&&C&&d:!!v&&d;if(C){const e=function(e,t,n=!1){const i=e.findIndex(e=>e.id===t);return[...e.slice(i+1),...n?[bi]:[],...e.slice(0,i)]}(S&&!k?b:xi(b,w.rowId),s,k),t=wi(e,s);return null==t?void 0:t.id}if(S){const e=wi(k?j:_,s);return k?(null==e?void 0:e.id)||null:null==e?void 0:e.id}const V=wi(j,s);return!V&&k?null:null==V?void 0:V.id};return Bt(Dt(Dt({},i),a),{setBaseElement:e=>a.setState("baseElement",e),setActiveId:e=>a.setState("activeId",e),move:e=>{void 0!==e&&(a.setState("activeId",e),a.setState("moves",e=>e+1))},first:()=>{var e;return null==(e=wi(a.getState().renderedItems))?void 0:e.id},last:()=>{var e;return null==(e=wi(hi(a.getState().renderedItems)))?void 0:e.id},next:e=>(void 0!==e&&"number"==typeof e&&(e={skip:e}),o("next",e)),previous:e=>(void 0!==e&&"number"==typeof e&&(e={skip:e}),o("previous",e)),down:e=>(void 0!==e&&"number"==typeof e&&(e={skip:e}),o("down",e)),up:e=>(void 0!==e&&"number"==typeof e&&(e={skip:e}),o("up",e))})}(Bt(Dt({},i),{activeId:s,includesBaseElement:Ut(i.includesBaseElement,null==o?void 0:o.includesBaseElement,!0),orientation:Ut(i.orientation,null==o?void 0:o.orientation,"vertical"),focusLoop:Ut(i.focusLoop,null==o?void 0:o.focusLoop,!0),focusWrap:Ut(i.focusWrap,null==o?void 0:o.focusWrap,!0),virtualFocus:Ut(i.virtualFocus,null==o?void 0:o.virtualFocus,!0)})),c=function(e={}){var t=e,{popover:n}=t,i=zt(t,["popover"]);const r=si(i.store,oi(n,["arrowElement","anchorElement","contentElement","popoverElement","disclosureElement"])),a=null==r?void 0:r.getState(),o=function(e={}){return function(e={}){const t=si(e.store,oi(e.disclosure,["contentElement","disclosureElement"])),n=null==t?void 0:t.getState(),i=Ut(e.open,null==n?void 0:n.open,e.defaultOpen,!1),r=Ut(e.animated,null==n?void 0:n.animated,!1),a=ei({open:i,animated:r,animating:!!r&&i,mounted:i,contentElement:Ut(null==n?void 0:n.contentElement,null),disclosureElement:Ut(null==n?void 0:n.disclosureElement,null)},t);return ti(a,()=>ri(a,["animated","animating"],e=>{e.animated||a.setState("animating",!1)})),ti(a,()=>ii(a,["open"],()=>{a.getState().animated&&a.setState("animating",!0)})),ti(a,()=>ri(a,["open","animating"],e=>{a.setState("mounted",e.open||e.animating)})),Bt(Dt({},a),{disclosure:e.disclosure,setOpen:e=>a.setState("open",e),show:()=>a.setState("open",!0),hide:()=>a.setState("open",!1),toggle:()=>a.setState("open",e=>!e),stopAnimation:()=>a.setState("animating",!1),setContentElement:e=>a.setState("contentElement",e),setDisclosureElement:e=>a.setState("disclosureElement",e)})}(e)}(Bt(Dt({},i),{store:r})),s=Ut(i.placement,null==a?void 0:a.placement,"bottom"),l=ei(Bt(Dt({},o.getState()),{placement:s,currentPlacement:s,anchorElement:Ut(null==a?void 0:a.anchorElement,null),popoverElement:Ut(null==a?void 0:a.popoverElement,null),arrowElement:Ut(null==a?void 0:a.arrowElement,null),rendered:Symbol("rendered")}),o,r);return Bt(Dt(Dt({},o),l),{setAnchorElement:e=>l.setState("anchorElement",e),setPopoverElement:e=>l.setState("popoverElement",e),setArrowElement:e=>l.setState("arrowElement",e),render:()=>l.setState("rendered",Symbol("rendered"))})}(Bt(Dt({},i),{placement:Ut(i.placement,null==o?void 0:o.placement,"bottom-start")})),u=Ut(i.value,null==o?void 0:o.value,i.defaultValue,""),d=Ut(i.selectedValue,null==o?void 0:o.selectedValue,null==a?void 0:a.values,i.defaultSelectedValue,""),f=Array.isArray(d),m=Bt(Dt(Dt({},l.getState()),c.getState()),{value:u,selectedValue:d,resetValueOnSelect:Ut(i.resetValueOnSelect,null==o?void 0:o.resetValueOnSelect,f),resetValueOnHide:Ut(i.resetValueOnHide,null==o?void 0:o.resetValueOnHide,f&&!n),activeValue:null==o?void 0:o.activeValue}),v=ei(m,l,c,r);return Ci&&ti(v,()=>ri(v,["virtualFocus"],()=>{v.setState("virtualFocus",!1)})),ti(v,()=>{if(n)return Wt(ri(v,["selectedValue"],e=>{Array.isArray(e.selectedValue)&&n.setValues(e.selectedValue)}),ri(n,["values"],e=>{v.setState("selectedValue",e.values)}))}),ti(v,()=>ri(v,["resetValueOnHide","mounted"],e=>{e.resetValueOnHide&&(e.mounted||v.setState("value",u))})),ti(v,()=>ri(v,["open"],e=>{e.open||(v.setState("activeId",s),v.setState("moves",0))})),ti(v,()=>ri(v,["moves","activeId"],(e,t)=>{e.moves===t.moves&&v.setState("activeValue",void 0)})),ti(v,()=>ai(v,["moves","renderedItems"],(e,t)=>{if(e.moves===t.moves)return;const{activeId:n}=v.getState(),i=l.item(n);v.setState("activeValue",null==i?void 0:i.value)})),Bt(Dt(Dt(Dt({},c),l),v),{tag:n,setValue:e=>v.setState("value",e),resetValue:()=>v.setState("value",m.value),setSelectedValue:e=>v.setState("selectedValue",e)})}function ki(e={}){e=function(e){const t=Qn();return function(e){const t=Vn(e.id);return It({id:t},e)}(e=Et(It({},e),{tag:void 0!==e.tag?e.tag:t}))}(e);const[t,n]=function(e,t){const[n,r]=i.useState(()=>e(t));Cn(()=>ni(n),[n]);const a=i.useCallback(e=>ui(n,e),[n]);return[i.useMemo(()=>Et(It({},n),{useState:a}),[n,a]),Sn(()=>{r(n=>e(It(It({},t),n.getState())))})]}(Si,e);return function(e,t,n){return In(t,[n.tag]),fi(e,n,"value","setValue"),fi(e,n,"selectedValue","setSelectedValue"),fi(e,n,"resetValueOnHide"),fi(e,n,"resetValueOnSelect"),Object.assign(vi(function(e,t,n){return In(t,[n.popover]),fi(e,n,"placement"),mi(e,t,n)}(e,t,n),t,n),{tag:n.tag})}(t,n,e)}var Vi=Hn(),Ii=(Vi.useContext,Vi.useScopedContext,Vi.useProviderContext),Ei=Hn([Vi.ContextProvider],[Vi.ScopedContextProvider]),Ni=(Ei.useContext,Ei.useScopedContext,Ei.useProviderContext,Ei.ContextProvider),Fi=Ei.ScopedContextProvider,Oi=((0,i.createContext)(void 0),(0,i.createContext)(void 0),Hn([Ni],[Fi])),Mi=(Oi.useContext,Oi.useScopedContext,Oi.useProviderContext),Pi=Oi.ContextProvider,Li=Oi.ScopedContextProvider,Ai=(0,i.createContext)(void 0),Ti=Hn([Pi,Kn],[Li,Yn]),Di=Ti.useContext,Bi=Ti.useScopedContext,zi=Ti.useProviderContext,Hi=Ti.ContextProvider,Ri=Ti.ScopedContextProvider,Wi=(0,i.createContext)(void 0),$i=(0,i.createContext)(!1);function qi(e={}){const t=ki(e);return(0,l.jsx)(Hi,{value:t,children:e.children})}var Gi=zn(function(e){var t=e,{store:n}=t,i=Nt(t,["store"]);const r=zi();Gt(n=n||r,!1);const a=n.useState(e=>{var t;return null==(t=e.baseElement)?void 0:t.id});return Yt(i=It({htmlFor:a},i))}),Ki=Dn(Tn(function(e){return Bn("label",Gi(e))}));function Yi(e,t){return t&&e.item(t)||null}var Ui=Symbol("FOCUS_SILENTLY");function Zi(e,t,n){if(!t)return!1;if(t===n)return!1;const i=e.item(t.id);return!(!i||n&&i.element===n)}var Xi=(0,i.createContext)(!0),Qi="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], summary, iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])";function Ji(e){return!!e.matches(Qi)&&!!function(e){if("function"==typeof e.checkVisibility)return e.checkVisibility();const t=e;return t.offsetWidth>0||t.offsetHeight>0||e.getClientRects().length>0}(e)&&!e.closest("[inert]")}function er(e){const t=en(e);if(!t)return!1;if(t===e)return!0;const n=t.getAttribute("aria-activedescendant");return!!n&&n===e.id}function tr(e){const t=en(e);if(!t)return!1;if(tn(e,t))return!0;const n=t.getAttribute("aria-activedescendant");return!!n&&"id"in e&&(n===e.id||!!e.querySelector(`#${CSS.escape(n)}`))}var nr=fn(),ir=["text","search","url","tel","email","password","number","date","month","week","time","datetime","datetime-local"],rr=Symbol("safariFocusAncestor");function ar(e,t){e&&(e[rr]=t)}function or(e){return!("input"!==e.tagName.toLowerCase()||!e.type||"radio"!==e.type&&"checkbox"!==e.type)}function sr(e,t,n,i,r){return e?t?n&&!i?-1:void 0:n?r:r||0:r}function lr(e,t){return Sn(n=>{null==e||e(n),n.defaultPrevented||t&&(n.stopPropagation(),n.preventDefault())})}var cr=!1,ur=!0;function dr(e){const t=e.target;t&&"hasAttribute"in t&&(t.hasAttribute("data-focus-visible")||(ur=!1))}function fr(e){e.metaKey||e.ctrlKey||e.altKey||(ur=!0)}var mr=zn(function(e){var t=e,{focusable:n=!0,accessibleWhenDisabled:r,autoFocus:a,onFocusVisible:o}=t,s=Nt(t,["focusable","accessibleWhenDisabled","autoFocus","onFocusVisible"]);const l=(0,i.useRef)(null);(0,i.useEffect)(()=>{n&&(cr||(wn("mousedown",dr,!0),wn("keydown",fr,!0),cr=!0))},[n]),nr&&(0,i.useEffect)(()=>{if(!n)return;const e=l.current;if(!e)return;if(!or(e))return;const t=function(e){return"labels"in e?e.labels:null}(e);if(!t)return;const i=()=>queueMicrotask(()=>e.focus());for(const e of t)e.addEventListener("mouseup",i);return()=>{for(const e of t)e.removeEventListener("mouseup",i)}},[n]);const c=n&&Kt(s),u=!!c&&!r,[d,f]=(0,i.useState)(!1);(0,i.useEffect)(()=>{n&&u&&d&&f(!1)},[n,u,d]),(0,i.useEffect)(()=>{if(!n)return;if(!d)return;const e=l.current;if(!e)return;if("undefined"==typeof IntersectionObserver)return;const t=new IntersectionObserver(()=>{Ji(e)||f(!1)});return t.observe(e),()=>t.disconnect()},[n,d]);const m=lr(s.onKeyPressCapture,c),v=lr(s.onMouseDownCapture,c),p=lr(s.onClickCapture,c),h=s.onMouseDown,g=Sn(e=>{if(null==h||h(e),e.defaultPrevented)return;if(!n)return;const t=e.currentTarget;if(!nr)return;if(mn(e))return;if(!nn(t)&&!or(t))return;let i=!1;const r=()=>{i=!0};t.addEventListener("focusin",r,{capture:!0,once:!0});const a=function(e){for(;e&&!Ji(e);)e=e.closest(Qi);return e||null}(t.parentElement);ar(a,!0),bn(t,"mouseup",()=>{t.removeEventListener("focusin",r,!0),ar(a,!1),i||function(e){!tr(e)&&Ji(e)&&e.focus()}(t)})}),b=(e,t)=>{if(t&&(e.currentTarget=t),!n)return;const i=e.currentTarget;i&&er(i)&&(null==o||o(e),e.defaultPrevented||(i.dataset.focusVisible="true",f(!0)))},w=s.onKeyDownCapture,x=Sn(e=>{if(null==w||w(e),e.defaultPrevented)return;if(!n)return;if(d)return;if(e.metaKey)return;if(e.altKey)return;if(e.ctrlKey)return;if(!vn(e))return;const t=e.currentTarget;bn(t,"focusout",()=>b(e,t))}),y=s.onFocusCapture,_=Sn(e=>{if(null==y||y(e),e.defaultPrevented)return;if(!n)return;if(!vn(e))return void f(!1);const t=e.currentTarget;ur||function(e){const{tagName:t,readOnly:n,type:i}=e;return"TEXTAREA"===t&&!n||"SELECT"===t&&!n||("INPUT"!==t||n?!!e.isContentEditable||!("combobox"!==e.getAttribute("role")||!e.dataset.name):ir.includes(i))}(e.target)?bn(e.target,"focusout",()=>b(e,t)):f(!1)}),j=s.onBlur,C=Sn(e=>{null==j||j(e),n&&gn(e)&&(e.currentTarget.removeAttribute("data-focus-visible"),f(!1))}),S=(0,i.useContext)(Xi),k=Sn(e=>{n&&a&&e&&S&&queueMicrotask(()=>{er(e)||Ji(e)&&e.focus()})}),V=function(e,t){const n=e=>{if("string"==typeof e)return e},[r,a]=(0,i.useState)(()=>n(t));return Cn(()=>{const i=e&&"current"in e?e.current:e;a((null==i?void 0:i.tagName.toLowerCase())||n(t))},[e,t]),r}(l),I=n&&function(e){return!e||"button"===e||"summary"===e||"input"===e||"select"===e||"textarea"===e||"a"===e}(V),E=n&&function(e){return!e||"button"===e||"input"===e||"select"===e||"textarea"===e}(V),N=s.style,F=(0,i.useMemo)(()=>u?It({pointerEvents:"none"},N):N,[u,N]);return Yt(s=Et(It({"data-focus-visible":n&&d||void 0,"data-autofocus":a||void 0,"aria-disabled":c||void 0},s),{ref:kn(l,k,s.ref),style:F,tabIndex:sr(n,u,I,E,s.tabIndex),disabled:!(!E||!u)||void 0,contentEditable:c?void 0:s.contentEditable,onKeyPressCapture:m,onClickCapture:p,onMouseDownCapture:v,onMouseDown:g,onKeyDownCapture:x,onFocusCapture:_,onBlur:C}))});function vr(e,t,n){return Sn(i=>{var r;if(null==t||t(i),i.defaultPrevented)return;if(i.isPropagationStopped())return;if(!vn(i))return;if(function(e){return"Shift"===e.key||"Control"===e.key||"Alt"===e.key||"Meta"===e.key}(i))return;if(function(e){const t=e.target;return!(t&&!an(t)||1!==e.key.length||e.ctrlKey||e.metaKey)}(i))return;const a=e.getState(),o=null==(r=Yi(e,a.activeId))?void 0:r.element;if(!o)return;const s=i,{view:l}=s,c=Nt(s,["view"]);o!==(null==n?void 0:n.current)&&o.focus(),function(e,t,n){const i=new KeyboardEvent(t,n);return e.dispatchEvent(i)}(o,i.type,c)||i.preventDefault(),i.currentTarget.contains(o)&&i.stopPropagation()})}Tn(function(e){return Bn("div",mr(e))});var pr=zn(function(e){var t=e,{store:n,composite:r=!0,focusOnMove:a=r,moveOnKeyPress:o=!0}=t,s=Nt(t,["store","composite","focusOnMove","moveOnKeyPress"]);const c=Gn();Gt(n=n||c,!1);const u=(0,i.useRef)(null),d=(0,i.useRef)(null),f=function(e){const[t,n]=(0,i.useState)(!1),r=(0,i.useCallback)(()=>n(!0),[]),a=e.useState(t=>Yi(e,t.activeId));return(0,i.useEffect)(()=>{const e=null==a?void 0:a.element;t&&e&&(n(!1),e.focus({preventScroll:!0}))},[a,t]),r}(n),m=n.useState("moves"),[,v]=function(e){const[t,n]=(0,i.useState)(null);return Cn(()=>{if(null==t)return;if(!e)return;let n=null;return e(e=>(n=e,t)),()=>{e(n)}},[t,e]),[t,n]}(r?n.setBaseElement:null);(0,i.useEffect)(()=>{var e;if(!n)return;if(!m)return;if(!r)return;if(!a)return;const{activeId:t}=n.getState(),i=null==(e=Yi(n,t))?void 0:e.element;var o;i&&("scrollIntoView"in(o=i)?(o.focus({preventScroll:!0}),o.scrollIntoView(Dt({block:"nearest",inline:"nearest"},undefined))):o.focus())},[n,m,r,a]),Cn(()=>{if(!n)return;if(!m)return;if(!r)return;const{baseElement:e,activeId:t}=n.getState();if(null!==t)return;if(!e)return;const i=d.current;d.current=null,i&&pn(i,{relatedTarget:e}),er(e)||e.focus()},[n,m,r]);const p=n.useState("activeId"),h=n.useState("virtualFocus");Cn(()=>{var e;if(!n)return;if(!r)return;if(!h)return;const t=d.current;if(d.current=null,!t)return;const i=(null==(e=Yi(n,p))?void 0:e.element)||en(t);i!==t&&pn(t,{relatedTarget:i})},[n,p,h,r]);const g=vr(n,s.onKeyDownCapture,d),b=vr(n,s.onKeyUpCapture,d),w=s.onFocusCapture,x=Sn(e=>{if(null==w||w(e),e.defaultPrevented)return;if(!n)return;const{virtualFocus:t}=n.getState();if(!t)return;const i=e.relatedTarget,r=function(e){const t=e[Ui];return delete e[Ui],t}(e.currentTarget);vn(e)&&r&&(e.stopPropagation(),d.current=i)}),y=s.onFocus,_=Sn(e=>{if(null==y||y(e),e.defaultPrevented)return;if(!r)return;if(!n)return;const{relatedTarget:t}=e,{virtualFocus:i}=n.getState();i?vn(e)&&!Zi(n,t)&&queueMicrotask(f):vn(e)&&n.setActiveId(null)}),j=s.onBlurCapture,C=Sn(e=>{var t;if(null==j||j(e),e.defaultPrevented)return;if(!n)return;const{virtualFocus:i,activeId:r}=n.getState();if(!i)return;const a=null==(t=Yi(n,r))?void 0:t.element,o=e.relatedTarget,s=Zi(n,o),l=d.current;d.current=null,vn(e)&&s?(o===a?l&&l!==o&&pn(l,e):a?pn(a,e):l&&pn(l,e),e.stopPropagation()):!Zi(n,e.target)&&a&&pn(a,e)}),S=s.onKeyDown,k=En(o),V=Sn(e=>{var t;if(null==S||S(e),e.nativeEvent.isComposing)return;if(e.defaultPrevented)return;if(!n)return;if(!vn(e))return;const{orientation:i,renderedItems:r,activeId:a}=n.getState(),o=Yi(n,a);if(null==(t=null==o?void 0:o.element)?void 0:t.isConnected)return;const s="horizontal"!==i,l="vertical"!==i,c=r.some(e=>!!e.rowId);if(("ArrowLeft"===e.key||"ArrowRight"===e.key||"Home"===e.key||"End"===e.key)&&an(e.currentTarget))return;const u={ArrowUp:(c||s)&&(()=>{if(c){const e=function(e){return e.find(e=>!e.disabled)}(pi(hi(function(e){const t=[];for(const n of e){const e=t.find(e=>{var t;return(null==(t=e[0])?void 0:t.rowId)===n.rowId});e?e.push(n):t.push([n])}return t}(r))));return null==e?void 0:e.id}return null==n?void 0:n.last()}),ArrowRight:(c||l)&&n.first,ArrowDown:(c||s)&&n.first,ArrowLeft:(c||l)&&n.last,Home:n.first,End:n.last,PageUp:n.first,PageDown:n.last},d=u[e.key];if(d){const t=d();if(void 0!==t){if(!k(e))return;e.preventDefault(),n.move(t)}}});s=Nn(s,e=>(0,l.jsx)(Kn,{value:n,children:e}),[n]);const I=n.useState(e=>{var t;if(n&&r&&e.virtualFocus)return null==(t=Yi(n,e.activeId))?void 0:t.id});s=Et(It({"aria-activedescendant":I},s),{ref:kn(u,v,s.ref),onKeyDownCapture:g,onKeyUpCapture:b,onFocusCapture:x,onFocus:_,onBlurCapture:C,onKeyDown:V});const E=n.useState(e=>r&&(e.virtualFocus||null===e.activeId));return mr(It({focusable:E},s))}),hr=(Tn(function(e){return Bn("div",pr(e))}),zn(function(e){var t=e,{store:n}=t,i=Nt(t,["store"]);const r=Mi();return n=n||r,Et(It({},i),{ref:kn(null==n?void 0:n.setAnchorElement,i.ref)})}));function gr(e,t,n){if(!n)return!1;const i=e.find(e=>!e.disabled&&e.value);return(null==i?void 0:i.value)===t}function br(e,t){return!!t&&null!=e&&(e=$t(e),t.length>e.length&&0===t.toLowerCase().indexOf(e.toLowerCase()))}Tn(function(e){return Bn("div",hr(e))});var wr=zn(function(e){var t=e,{store:n,focusable:r=!0,autoSelect:a=!1,getAutoSelectId:o,setValueOnChange:s,showMinLength:l=0,showOnChange:c,showOnMouseDown:u,showOnClick:d=u,showOnKeyDown:f,showOnKeyPress:m=f,blurActiveItemOnClick:v,setValueOnClick:p=!0,moveOnKeyPress:h=!0,autoComplete:g="list"}=t,b=Nt(t,["store","focusable","autoSelect","getAutoSelectId","setValueOnChange","showMinLength","showOnChange","showOnMouseDown","showOnClick","showOnKeyDown","showOnKeyPress","blurActiveItemOnClick","setValueOnClick","moveOnKeyPress","autoComplete"]);const w=zi();Gt(n=n||w,!1);const x=(0,i.useRef)(null),[y,_]=(0,i.useReducer)(()=>[],[]),j=(0,i.useRef)(!1),C=(0,i.useRef)(!1),S=n.useState(e=>e.virtualFocus&&a),k="inline"===g||"both"===g,[V,I]=(0,i.useState)(k);!function(e,t){const n=(0,i.useRef)(!1);Cn(()=>{n.current?k&&I(!0):n.current=!0},t),Cn(()=>()=>{n.current=!1},[])}(0,[k]);const E=n.useState("value"),N=(0,i.useRef)();(0,i.useEffect)(()=>ri(n,["selectedValue","activeId"],(e,t)=>{N.current=t.selectedValue}),[]);const F=n.useState(e=>{var t;if(k&&V){if(e.activeValue&&Array.isArray(e.selectedValue)){if(e.selectedValue.includes(e.activeValue))return;if(null==(t=N.current)?void 0:t.includes(e.activeValue))return}return e.activeValue}}),O=n.useState("renderedItems"),M=n.useState("open"),P=n.useState("contentElement"),L=(0,i.useMemo)(()=>{if(!k)return E;if(!V)return E;if(gr(O,F,S)){if(br(E,F)){const e=(null==F?void 0:F.slice(E.length))||"";return E+e}return E}return F||E},[k,V,O,F,S,E]);(0,i.useEffect)(()=>{const e=x.current;if(!e)return;const t=()=>I(!0);return e.addEventListener("combobox-item-move",t),()=>{e.removeEventListener("combobox-item-move",t)}},[]),(0,i.useEffect)(()=>{if(!k)return;if(!V)return;if(!F)return;if(!gr(O,F,S))return;if(!br(E,F))return;let e=Ht;return queueMicrotask(()=>{const t=x.current;if(!t)return;const{start:n,end:i}=sn(t),r=E.length,a=F.length;un(t,r,a),e=()=>{if(!er(t))return;const{start:e,end:o}=sn(t);e===r&&o===a&&un(t,n,i)}}),()=>e()},[y,k,V,F,O,S,E]);const A=(0,i.useRef)(null),T=Sn(o),D=(0,i.useRef)(null);(0,i.useEffect)(()=>{if(!M)return;if(!P)return;const e=cn(P);if(!e)return;A.current=e;const t=()=>{j.current=!1},i=()=>{if(!n)return;if(!j.current)return;const{activeId:e}=n.getState();null!==e&&e!==D.current&&(j.current=!1)},r={passive:!0,capture:!0};return e.addEventListener("wheel",t,r),e.addEventListener("touchmove",t,r),e.addEventListener("scroll",i,r),()=>{e.removeEventListener("wheel",t,!0),e.removeEventListener("touchmove",t,!0),e.removeEventListener("scroll",i,!0)}},[M,P,n]),Cn(()=>{E&&(C.current||(j.current=!0))},[E]),Cn(()=>{"always"!==S&&M||(j.current=M)},[S,M]);const B=n.useState("resetValueOnSelect");In(()=>{var e,t;const i=j.current;if(!n)return;if(!M)return;if(!i&&!B)return;const{baseElement:r,contentElement:a,activeId:o}=n.getState();if(!r||er(r)){if(null==a?void 0:a.hasAttribute("data-placing")){const e=new MutationObserver(_);return e.observe(a,{attributeFilter:["data-placing"]}),()=>e.disconnect()}if(S&&i){const t=T(O),i=void 0!==t?t:null!=(e=function(e){const t=e.find(e=>{var t;return!e.disabled&&"tab"!==(null==(t=e.element)?void 0:t.getAttribute("role"))});return null==t?void 0:t.id}(O))?e:n.first();D.current=i,n.move(null!=i?i:null)}else{const e=null==(t=n.item(o||n.first()))?void 0:t.element;e&&"scrollIntoView"in e&&e.scrollIntoView({block:"nearest",inline:"nearest"})}}},[n,M,y,E,S,B,T,O]),(0,i.useEffect)(()=>{if(!k)return;const e=x.current;if(!e)return;const t=[e,P].filter(e=>!!e),i=e=>{t.every(t=>gn(e,t))&&(null==n||n.setValue(L))};for(const e of t)e.addEventListener("focusout",i);return()=>{for(const e of t)e.removeEventListener("focusout",i)}},[k,P,n,L]);const z=e=>e.currentTarget.value.length>=l,H=b.onChange,R=En(null!=c?c:z),W=En(null!=s?s:!n.tag),$=Sn(e=>{if(null==H||H(e),e.defaultPrevented)return;if(!n)return;const t=e.currentTarget,{value:i,selectionStart:r,selectionEnd:a}=t,o=e.nativeEvent;if(j.current=!0,function(e){return"input"===e.type}(o)&&(o.isComposing&&(j.current=!1,C.current=!0),k)){const e="insertText"===o.inputType||"insertCompositionText"===o.inputType,t=r===i.length;I(e&&t)}if(W(e)){const e=i===n.getState().value;n.setValue(i),queueMicrotask(()=>{un(t,r,a)}),k&&S&&e&&_()}R(e)&&n.show(),S&&j.current||n.setActiveId(null)}),q=b.onCompositionEnd,G=Sn(e=>{j.current=!0,C.current=!1,null==q||q(e),e.defaultPrevented||S&&_()}),K=b.onMouseDown,Y=En(null!=v?v:()=>!!(null==n?void 0:n.getState().includesBaseElement)),U=En(p),Z=En(null!=d?d:z),X=Sn(e=>{null==K||K(e),e.defaultPrevented||e.button||e.ctrlKey||n&&(Y(e)&&n.setActiveId(null),U(e)&&n.setValue(L),Z(e)&&bn(e.currentTarget,"mouseup",n.show))}),Q=b.onKeyDown,J=En(null!=m?m:z),ee=Sn(e=>{if(null==Q||Q(e),e.repeat||(j.current=!1),e.defaultPrevented)return;if(e.ctrlKey)return;if(e.altKey)return;if(e.shiftKey)return;if(e.metaKey)return;if(!n)return;const{open:t}=n.getState();t||"ArrowUp"!==e.key&&"ArrowDown"!==e.key||J(e)&&(e.preventDefault(),n.show())}),te=b.onBlur,ne=Sn(e=>{j.current=!1,null==te||te(e),e.defaultPrevented}),ie=Vn(b.id),re=function(e){return"inline"===e||"list"===e||"both"===e||"none"===e}(g)?g:void 0,ae=n.useState(e=>null===e.activeId);return b=Et(It({id:ie,role:"combobox","aria-autocomplete":re,"aria-haspopup":ln(P,"listbox"),"aria-expanded":M,"aria-controls":null==P?void 0:P.id,"data-active-item":ae||void 0,value:L},b),{ref:kn(x,b.ref),onChange:$,onCompositionEnd:G,onMouseDown:X,onKeyDown:ee,onBlur:ne}),b=pr(Et(It({store:n,focusable:r},b),{moveOnKeyPress:e=>!function(e,...t){const n="function"==typeof e?e(...t):e;return null!=n&&!n}(h,e)&&(k&&I(!0),!0)})),b=hr(It({store:n},b)),It({autoComplete:"off"},b)}),xr=Tn(function(e){return Bn("input",wr(e))});const yr=window.ReactDOM;function _r(e,t){const n=setTimeout(t,e);return()=>clearTimeout(n)}function jr(...e){return e.join(", ").split(", ").reduce((e,t)=>{const n=t.endsWith("ms")?1:1e3,i=Number.parseFloat(t||"0s")*n;return i>e?i:e},0)}function Cr(e,t,n){return!(n||!1===t||e&&!t)}var Sr=zn(function(e){var t=e,{store:n,alwaysVisible:r}=t,a=Nt(t,["store","alwaysVisible"]);const o=Ii();Gt(n=n||o,!1);const s=(0,i.useRef)(null),c=Vn(a.id),[u,d]=(0,i.useState)(null),f=n.useState("open"),m=n.useState("mounted"),v=n.useState("animated"),p=n.useState("contentElement"),h=ui(n.disclosure,"contentElement");Cn(()=>{s.current&&(null==n||n.setContentElement(s.current))},[n]),Cn(()=>{let e;return null==n||n.setState("animated",t=>(e=t,!0)),()=>{void 0!==e&&(null==n||n.setState("animated",e))}},[n]),Cn(()=>{if(v){if(null==p?void 0:p.isConnected)return function(e){let t=requestAnimationFrame(()=>{t=requestAnimationFrame(e)});return()=>cancelAnimationFrame(t)}(()=>{d(f?"enter":m?"leave":null)});d(null)}},[v,p,f,m]),Cn(()=>{if(!n)return;if(!v)return;if(!u)return;if(!p)return;const e=()=>null==n?void 0:n.setState("animating",!1),t=()=>(0,yr.flushSync)(e);if("leave"===u&&f)return;if("enter"===u&&!f)return;if("number"==typeof v)return _r(v,t);const{transitionDuration:i,animationDuration:r,transitionDelay:a,animationDelay:o}=getComputedStyle(p),{transitionDuration:s="0",animationDuration:l="0",transitionDelay:c="0",animationDelay:d="0"}=h?getComputedStyle(h):{},m=jr(a,o,c,d)+jr(i,r,s,l);return m?_r(Math.max(m-1e3/60,0),t):("enter"===u&&n.setState("animated",!1),void e())},[n,v,p,h,f,u]),a=Nn(a,e=>(0,l.jsx)(Fi,{value:n,children:e}),[n]);const g=Cr(m,a.hidden,r),b=a.style,w=(0,i.useMemo)(()=>g?Et(It({},b),{display:"none"}):b,[g,b]);return Yt(a=Et(It({id:c,"data-open":f||void 0,"data-enter":"enter"===u||void 0,"data-leave":"leave"===u||void 0,hidden:g},a),{ref:kn(c?n.setContentElement:null,s,a.ref),style:w}))}),kr=Tn(function(e){return Bn("div",Sr(e))}),Vr=(Tn(function(e){var t=e,{unmountOnHide:n}=t,i=Nt(t,["unmountOnHide"]);const r=Ii();return!1===ui(i.store||r,e=>!n||(null==e?void 0:e.mounted))?null:(0,l.jsx)(kr,It({},i))}),zn(function(e){var t=e,{store:n,alwaysVisible:r}=t,a=Nt(t,["store","alwaysVisible"]);const o=Bi(!0),s=Di(),c=!!(n=n||s)&&n===o;Gt(n,!1);const u=(0,i.useRef)(null),d=Vn(a.id),f=n.useState("mounted"),m=Cr(f,a.hidden,r),v=m?Et(It({},a.style),{display:"none"}):a.style,p=n.useState(e=>Array.isArray(e.selectedValue)),h=function(e,t,n){const r=function(e){const[t]=(0,i.useState)(e);return t}(n),[a,o]=(0,i.useState)(r);return(0,i.useEffect)(()=>{const n=e&&"current"in e?e.current:e;if(!n)return;const i=()=>{const e=n.getAttribute(t);o(null==e?r:e)},a=new MutationObserver(i);return a.observe(n,{attributeFilter:[t]}),i(),()=>a.disconnect()},[e,t,r]),a}(u,"role",a.role),g=("listbox"===h||"tree"===h||"grid"===h)&&p||void 0,[b,w]=(0,i.useState)(!1),x=n.useState("contentElement");Cn(()=>{if(!f)return;const e=u.current;if(!e)return;if(x!==e)return;const t=()=>{w(!!e.querySelector("[role='listbox']"))},n=new MutationObserver(t);return n.observe(e,{subtree:!0,childList:!0,attributeFilter:["role"]}),t(),()=>n.disconnect()},[f,x]),b||(a=It({role:"listbox","aria-multiselectable":g},a)),a=Nn(a,e=>(0,l.jsx)(Ri,{value:n,children:(0,l.jsx)(Ai.Provider,{value:h,children:e})}),[n,h]);const y=!d||o&&c?null:n.setContentElement;return Yt(a=Et(It({id:d,hidden:m},a),{ref:kn(y,u,a.ref),style:v}))})),Ir=Tn(function(e){return Bn("div",Vr(e))});function Er(e){const t=e.relatedTarget;return(null==t?void 0:t.nodeType)===Node.ELEMENT_NODE?t:null}var Nr=Symbol("composite-hover"),Fr=zn(function(e){var t=e,{store:n,focusOnHover:r=!0,blurOnHoverEnd:a=!!r}=t,o=Nt(t,["store","focusOnHover","blurOnHoverEnd"]);const s=qn();Gt(n=n||s,!1);const l=((0,i.useEffect)(()=>{Fn||(wn("mousemove",Ln,!0),wn("mousedown",An,!0),wn("mouseup",An,!0),wn("keydown",An,!0),wn("scroll",An,!0),Fn=!0)},[]),Sn(()=>On)),c=o.onMouseMove,u=En(r),d=Sn(e=>{if(null==c||c(e),!e.defaultPrevented&&l()&&u(e)){if(!tr(e.currentTarget)){const e=null==n?void 0:n.getState().baseElement;e&&!er(e)&&e.focus()}null==n||n.setActiveId(e.currentTarget.id)}}),f=o.onMouseLeave,m=En(a),v=Sn(e=>{var t;null==f||f(e),e.defaultPrevented||l()&&(function(e){const t=Er(e);return!!t&&tn(e.currentTarget,t)}(e)||function(e){let t=Er(e);if(!t)return!1;do{if(Rt(t,Nr)&&t[Nr])return!0;t=t.parentElement}while(t);return!1}(e)||u(e)&&m(e)&&(null==n||n.setActiveId(null),null==(t=null==n?void 0:n.getState().baseElement)||t.focus()))}),p=(0,i.useCallback)(e=>{e&&(e[Nr]=!0)},[]);return Yt(o=Et(It({},o),{ref:kn(p,o.ref),onMouseMove:d,onMouseLeave:v}))}),Or=(Dn(Tn(function(e){return Bn("div",Fr(e))})),zn(function(e){var t=e,{store:n,shouldRegisterItem:r=!0,getItem:a=qt,element:o}=t,s=Nt(t,["store","shouldRegisterItem","getItem","element"]);const l=Wn();n=n||l;const c=Vn(s.id),u=(0,i.useRef)(o);return(0,i.useEffect)(()=>{const e=u.current;if(!c)return;if(!e)return;if(!r)return;const t=a({id:c,element:e});return null==n?void 0:n.renderItem(t)},[c,r,a,n]),Yt(s=Et(It({},s),{ref:kn(u,s.ref)}))}));function Mr(e){if(!e.isTrusted)return!1;const t=e.currentTarget;return"Enter"===e.key?nn(t)||"SUMMARY"===t.tagName||"A"===t.tagName:" "===e.key&&(nn(t)||"SUMMARY"===t.tagName||"INPUT"===t.tagName||"SELECT"===t.tagName)}Tn(function(e){return Bn("div",Or(e))});var Pr=Symbol("command"),Lr=zn(function(e){var t=e,{clickOnEnter:n=!0,clickOnSpace:r=!0}=t,a=Nt(t,["clickOnEnter","clickOnSpace"]);const o=(0,i.useRef)(null),[s,l]=(0,i.useState)(!1);(0,i.useEffect)(()=>{o.current&&l(nn(o.current))},[]);const[c,u]=(0,i.useState)(!1),d=(0,i.useRef)(!1),f=Kt(a),[m,v]=function(e,t,n){const r=e.onLoadedMetadataCapture,a=(0,i.useMemo)(()=>Object.assign(()=>{},Et(It({},r),{[t]:n})),[r,t,n]);return[null==r?void 0:r[t],{onLoadedMetadataCapture:a}]}(a,Pr,!0),p=a.onKeyDown,h=Sn(e=>{null==p||p(e);const t=e.currentTarget;if(e.defaultPrevented)return;if(m)return;if(f)return;if(!vn(e))return;if(an(t))return;if(t.isContentEditable)return;const i=n&&"Enter"===e.key,a=r&&" "===e.key,o="Enter"===e.key&&!n,s=" "===e.key&&!r;if(o||s)e.preventDefault();else if(i||a){const n=Mr(e);if(i){if(!n){e.preventDefault();const n=e,{view:i}=n,r=Nt(n,["view"]),a=()=>hn(t,r);Qt&&/firefox\//i.test(navigator.userAgent)?bn(t,"keyup",a):queueMicrotask(a)}}else a&&(d.current=!0,n||(e.preventDefault(),u(!0)))}}),g=a.onKeyUp,b=Sn(e=>{if(null==g||g(e),e.defaultPrevented)return;if(m)return;if(f)return;if(e.metaKey)return;const t=r&&" "===e.key;if(d.current&&t&&(d.current=!1,!Mr(e))){e.preventDefault(),u(!1);const t=e.currentTarget,n=e,{view:i}=n,r=Nt(n,["view"]);queueMicrotask(()=>hn(t,r))}});return a=Et(It(It({"data-active":c||void 0,type:s?"button":void 0},v),a),{ref:kn(o,a.ref),onKeyDown:h,onKeyUp:b}),mr(a)});function Ar(e,t=!1){const{top:n}=e.getBoundingClientRect();return t?n+e.clientHeight:n}function Tr(e,t,n,i=!1){var r;if(!t)return;if(!n)return;const{renderedItems:a}=t.getState(),o=cn(e);if(!o)return;const s=function(e,t=!1){const n=e.clientHeight,{top:i}=e.getBoundingClientRect(),r=1.5*Math.max(.875*n,n-40),a=t?n-r+i:r+i;return"HTML"===e.tagName?a+e.scrollTop:a}(o,i);let l,c;for(let e=0;e=0){void 0!==c&&cr||(e&&(null==h?void 0:h.baseElement)&&h.baseElement===e.baseElement?h.id:void 0),baseElement:e=>(null==e?void 0:e.baseElement)||void 0,isActiveItem:e=>!!e&&e.activeId===v,ariaSetSize:e=>null!=u?u:e&&(null==h?void 0:h.ariaSetSize)&&h.baseElement===e.baseElement?h.ariaSetSize:void 0,ariaPosInSet(e){if(null!=d)return d;if(!e)return;if(!(null==h?void 0:h.ariaPosInSet))return;if(h.baseElement!==e.baseElement)return;const t=e.renderedItems.filter(e=>e.rowId===b);return h.ariaPosInSet+t.findIndex(e=>e.id===v)},isTabbable(e){if(!(null==e?void 0:e.renderedItems.length))return!0;if(e.virtualFocus)return!1;if(s)return!0;if(null===e.activeId)return!1;const t=null==n?void 0:n.item(e.activeId);return!!(null==t?void 0:t.disabled)||!(null==t?void 0:t.element)||e.activeId===v}}),C=(0,i.useCallback)(e=>{var t;const n=Et(It({},e),{id:v||e.id,rowId:b,disabled:!!g,children:null==(t=e.element)?void 0:t.textContent});return c?c(n):n},[v,b,g,c]),S=f.onFocus,k=(0,i.useRef)(!1),V=Sn(e=>{if(null==S||S(e),e.defaultPrevented)return;if(mn(e))return;if(!v)return;if(!n)return;if(function(e,t){return!vn(e)&&Zi(t,e.target)}(e,n))return;const{virtualFocus:t,baseElement:i}=n.getState();var r;(n.setActiveId(v),on(e.currentTarget)&&function(e,t=!1){if(an(e))e.setSelectionRange(t?e.value.length:0,e.value.length);else if(e.isContentEditable){const n=Jt(e).getSelection();null==n||n.selectAllChildren(e),t&&(null==n||n.collapseToEnd())}}(e.currentTarget),t)&&(vn(e)&&(on(r=e.currentTarget)||"INPUT"===r.tagName&&!nn(r)||(null==i?void 0:i.isConnected)&&(fn()&&e.currentTarget.hasAttribute("data-autofocus")&&e.currentTarget.scrollIntoView({block:"nearest",inline:"nearest"}),k.current=!0,e.relatedTarget===i||Zi(n,e.relatedTarget)?function(e){e[Ui]=!0,e.focus({preventScroll:!0})}(i):i.focus())))}),I=f.onBlurCapture,E=Sn(e=>{if(null==I||I(e),e.defaultPrevented)return;const t=null==n?void 0:n.getState();(null==t?void 0:t.virtualFocus)&&k.current&&(k.current=!1,e.preventDefault(),e.stopPropagation())}),N=f.onKeyDown,F=En(a),O=En(o),M=Sn(e=>{if(null==N||N(e),e.defaultPrevented)return;if(!vn(e))return;if(!n)return;const{currentTarget:t}=e,i=n.getState(),r=n.item(v),a=!!(null==r?void 0:r.rowId),o="horizontal"!==i.orientation,s="vertical"!==i.orientation,l=()=>!(!a&&!s&&i.baseElement&&an(i.baseElement)),c={ArrowUp:(a||o)&&n.up,ArrowRight:(a||s)&&n.next,ArrowDown:(a||o)&&n.down,ArrowLeft:(a||s)&&n.previous,Home:()=>{if(l())return!a||e.ctrlKey?null==n?void 0:n.first():null==n?void 0:n.previous(-1)},End:()=>{if(l())return!a||e.ctrlKey?null==n?void 0:n.last():null==n?void 0:n.next(-1)},PageUp:()=>Tr(t,n,null==n?void 0:n.up,!0),PageDown:()=>Tr(t,n,null==n?void 0:n.down)}[e.key];if(c){if(on(t)){const n=sn(t),i=s&&"ArrowLeft"===e.key,r=s&&"ArrowRight"===e.key,a=o&&"ArrowUp"===e.key,l=o&&"ArrowDown"===e.key;if(r||l){const{length:e}=function(e){if(an(e))return e.value;if(e.isContentEditable){const t=Jt(e).createRange();return t.selectNodeContents(e),t.toString()}return""}(t);if(n.end!==e)return}else if((i||a)&&0!==n.start)return}const i=c();if(F(e)||void 0!==i){if(!O(e))return;e.preventDefault(),n.move(i)}}}),P=(0,i.useMemo)(()=>({id:v,baseElement:w}),[v,w]);return f=Nn(f,e=>(0,l.jsx)(Un.Provider,{value:P,children:e}),[P]),f=Et(It({id:v,"data-active-item":x||void 0},f),{ref:kn(p,f.ref),tabIndex:j?f.tabIndex:-1,onFocus:V,onBlurCapture:E,onKeyDown:M}),f=Lr(f),f=Or(Et(It({store:n},f),{getItem:C,shouldRegisterItem:!!v&&f.shouldRegisterItem})),Yt(Et(It({},f),{"aria-setsize":y,"aria-posinset":_}))});function Br(e){var t;return null!=(t={menu:"menuitem",listbox:"option",tree:"treeitem"}[e])?t:"option"}Dn(Tn(function(e){return Bn("button",Dr(e))}));var zr=zn(function(e){var t,n=e,{store:r,value:a,hideOnClick:o,setValueOnClick:s,selectValueOnClick:c=!0,resetValueOnSelect:u,focusOnHover:d=!1,moveOnKeyPress:f=!0,getItem:m}=n,v=Nt(n,["store","value","hideOnClick","setValueOnClick","selectValueOnClick","resetValueOnSelect","focusOnHover","moveOnKeyPress","getItem"]);const p=Bi();Gt(r=r||p,!1);const{resetValueOnSelectState:h,multiSelectable:g,selected:b}=di(r,{resetValueOnSelectState:"resetValueOnSelect",multiSelectable:e=>Array.isArray(e.selectedValue),selected:e=>function(e,t){if(null!=t)return null!=e&&(Array.isArray(e)?e.includes(t):e===t)}(e.selectedValue,a)}),w=(0,i.useCallback)(e=>{const t=Et(It({},e),{value:a});return m?m(t):t},[a,m]);s=null!=s?s:!g,o=null!=o?o:null!=a&&!g;const x=v.onClick,y=En(s),_=En(c),j=En(null!=(t=null!=u?u:h)?t:g),C=En(o),S=Sn(e=>{null==x||x(e),e.defaultPrevented||function(e){const t=e.currentTarget;if(!t)return!1;const n=t.tagName.toLowerCase();return!!e.altKey&&("a"===n||"button"===n&&"submit"===t.type||"input"===n&&"submit"===t.type)}(e)||function(e){const t=e.currentTarget;if(!t)return!1;const n=dn();if(n&&!e.metaKey)return!1;if(!n&&!e.ctrlKey)return!1;const i=t.tagName.toLowerCase();return"a"===i||"button"===i&&"submit"===t.type||"input"===i&&"submit"===t.type}(e)||(null!=a&&(_(e)&&(j(e)&&(null==r||r.resetValue()),null==r||r.setSelectedValue(e=>Array.isArray(e)?e.includes(a)?e.filter(e=>e!==a):[...e,a]:a)),y(e)&&(null==r||r.setValue(a))),C(e)&&(null==r||r.hide()))}),k=v.onKeyDown,V=Sn(e=>{if(null==k||k(e),e.defaultPrevented)return;const t=null==r?void 0:r.getState().baseElement;t&&(er(t)||(1===e.key.length||"Backspace"===e.key||"Delete"===e.key)&&(queueMicrotask(()=>t.focus()),an(t)&&(null==r||r.setValue(t.value))))});g&&null!=b&&(v=It({"aria-selected":b},v)),v=Nn(v,e=>(0,l.jsx)(Wi.Provider,{value:a,children:(0,l.jsx)($i.Provider,{value:null!=b&&b,children:e})}),[a,b]);const I=(0,i.useContext)(Ai);v=Et(It({role:Br(I),children:a},v),{onClick:S,onKeyDown:V});const E=En(f);return v=Dr(Et(It({store:r},v),{getItem:w,moveOnKeyPress:e=>{if(!E(e))return!1;const t=new Event("combobox-item-move"),n=null==r?void 0:r.getState().baseElement;return null==n||n.dispatchEvent(t),!0}})),Fr(It({store:r,focusOnHover:d},v))}),Hr=Dn(Tn(function(e){return Bn("div",zr(e))}));function Rr(e){return $t(e).toLowerCase()}var Wr=zn(function(e){var t=e,{store:n,value:r,userValue:a}=t,o=Nt(t,["store","value","userValue"]);const s=Bi();n=n||s;const c=(0,i.useContext)(Wi),u=null!=r?r:c,d=ui(n,e=>null!=a?a:null==e?void 0:e.value),f=(0,i.useMemo)(()=>{if(u)return d?function(e,t){if(!e)return e;if(!t)return e;const n=(i=t,Array.isArray(i)?i:void 0!==i?[i]:[]).filter(Boolean).map(Rr);var i;const r=[],a=(e,t=!1)=>(0,l.jsx)("span",{"data-autocomplete-value":t?"":void 0,"data-user-value":t?void 0:"",children:e},r.length),o=function(e){return e.sort(([e],[t])=>e-t)}(function(e){return e.filter(([e,t],n,i)=>!i.some(([i,r],a)=>a!==n&&i<=e&&i+r>=e+t))}(function(e,t){const n=[];for(const i of t){let t=0;const r=i.length;for(;-1!==e.indexOf(i,t);){const a=e.indexOf(i,t);-1!==a&&n.push([a,r]),t=a+1}}return n}(Rr(e),new Set(n))));if(!o.length)return r.push(a(e,!0)),r;const[s]=o[0],c=[e.slice(0,s),...o.flatMap(([t,n],i)=>{var r;const a=e.slice(t,t+n),s=null==(r=o[i+1])?void 0:r[0];return[a,e.slice(t+n,s)]})];return c.forEach((e,t)=>{e&&r.push(a(e,t%2==0))}),r}(u,d):u},[u,d]);return Yt(o=It({children:f},o))}),$r=Tn(function(e){return Bn("span",Wr(e))}),qr=n(731),Gr=n.n(qr),Kr=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M16.5 7.5 10 13.9l-2.5-2.4-1 1 3.5 3.6 7.5-7.6z"})}),Yr=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"})});const Ur=[],Zr=(e,t)=>e.singleSelection?t?.value:Array.isArray(t?.value)?t.value:!Array.isArray(t?.value)&&t?.value?[t.value]:Ur,Xr=[];function Qr({elements:e,getElements:t}){const n=Array.isArray(e)&&e.length>0?e:Xr,[i,r]=(0,a.useState)(n),[o,s]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!t)return void r(n);let e=!1;return s(!0),t().then(t=>{if(!e){const e=Array.isArray(t)&&t.length>0?t:n;r(e)}}).catch(()=>{e||r(n)}).finally(()=>{e||s(!1)}),()=>{e=!0}},[t,n]),{elements:i,isLoading:o}}function Jr(e=""){return Gr()(e.trim().toLowerCase())}const ea=(e,t,n)=>e.singleSelection?n:Array.isArray(t?.value)?t.value.includes(n)?t.value.filter(e=>e!==n):[...t.value,n]:[n];function ta(e,t){return`${e}-${t}`}const na=({selected:e})=>(0,l.jsx)("span",{className:pe("dataviews-filters__search-widget-listitem-multi-selection",{"is-selected":e}),children:e&&(0,l.jsx)(o.Icon,{icon:Kr})}),ia=({selected:e})=>(0,l.jsx)("span",{className:pe("dataviews-filters__search-widget-listitem-single-selection",{"is-selected":e})});function ra({view:e,filter:t,onChangeView:n}){const i=(0,k.useInstanceId)(ra,"dataviews-filter-list-box"),[r,s]=(0,a.useState)(1===t.operators?.length?void 0:null),c=e.filters?.find(e=>e.field===t.field),u=Zr(t,c);return(0,l.jsx)(o.Composite,{virtualFocus:!0,focusLoop:!0,activeId:r,setActiveId:s,role:"listbox",className:"dataviews-filters__search-widget-listbox","aria-label":(0,V.sprintf)( +/* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */ +/* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */ +(0,V.__)("List of: %1$s"),t.name),onFocusVisible:()=>{!r&&t.elements.length&&s(ta(i,t.elements[0].value))},render:(0,l.jsx)(o.Composite.Typeahead,{}),children:t.elements.map(r=>(0,l.jsxs)(o.Composite.Hover,{render:(0,l.jsx)(o.Composite.Item,{id:ta(i,r.value),render:(0,l.jsx)("div",{"aria-label":r.label,role:"option",className:"dataviews-filters__search-widget-listitem"}),onClick:()=>{const i=c?[...(e.filters??[]).map(e=>e.field===t.field?{...e,operator:c.operator||t.operators[0],value:ea(t,c,r.value)}:e)]:[...e.filters??[],{field:t.field,operator:t.operators[0],value:ea(t,c,r.value)}];n({...e,page:1,filters:i})}}),children:[t.singleSelection&&(0,l.jsx)(ia,{selected:u===r.value}),!t.singleSelection&&(0,l.jsx)(na,{selected:u.includes(r.value)}),(0,l.jsx)("span",{children:r.label})]},r.value))})}function aa({view:e,filter:t,onChangeView:n}){const[i,r]=(0,a.useState)(""),s=(0,a.useDeferredValue)(i),c=e.filters?.find(e=>e.field===t.field),u=Zr(t,c),d=(0,a.useMemo)(()=>{const e=Jr(s);return t.elements.filter(t=>Jr(t.label).includes(e))},[t.elements,s]);return(0,l.jsxs)(qi,{selectedValue:u,setSelectedValue:i=>{const r=c?[...(e.filters??[]).map(e=>e.field===t.field?{...e,operator:c.operator||t.operators[0],value:i}:e)]:[...e.filters??[],{field:t.field,operator:t.operators[0],value:i}];n({...e,page:1,filters:r})},setValue:r,children:[(0,l.jsxs)("div",{className:"dataviews-filters__search-widget-filter-combobox__wrapper",children:[(0,l.jsx)(Ki,{render:(0,l.jsx)(o.VisuallyHidden,{children:(0,V.__)("Search items")}),children:(0,V.__)("Search items")}),(0,l.jsx)(xr,{autoSelect:"always",placeholder:(0,V.__)("Search"),className:"dataviews-filters__search-widget-filter-combobox__input"}),(0,l.jsx)("div",{className:"dataviews-filters__search-widget-filter-combobox__icon",children:(0,l.jsx)(o.Icon,{icon:Yr})})]}),(0,l.jsxs)(Ir,{className:"dataviews-filters__search-widget-filter-combobox-list",alwaysVisible:!0,children:[d.map(e=>(0,l.jsxs)(Hr,{resetValueOnSelect:!1,value:e.value,className:"dataviews-filters__search-widget-listitem",hideOnClick:!1,setValueOnClick:!1,focusOnHover:!0,children:[t.singleSelection&&(0,l.jsx)(ia,{selected:u===e.value}),!t.singleSelection&&(0,l.jsx)(na,{selected:u.includes(e.value)}),(0,l.jsxs)("span",{children:[(0,l.jsx)($r,{className:"dataviews-filters__search-widget-filter-combobox-item-value",value:e.label}),!!e.description&&(0,l.jsx)("span",{className:"dataviews-filters__search-widget-listitem-description",children:e.description})]})]},e.value)),!d.length&&(0,l.jsx)("p",{children:(0,V.__)("No results found")})]})]})}function oa(e){const{elements:t,isLoading:n}=Qr({elements:e.filter.elements,getElements:e.filter.getElements});if(n)return(0,l.jsx)("div",{className:"dataviews-filters__search-widget-no-elements",children:(0,l.jsx)(o.Spinner,{})});if(0===t.length)return(0,l.jsx)("div",{className:"dataviews-filters__search-widget-no-elements",children:(0,V.__)("No elements found")});const i=t.length>10?aa:ra;return(0,l.jsx)(i,{...e,filter:{...e.filter,elements:t}})}var sa=n(252),la=n.n(sa);function ca({filter:e,view:t,onChangeView:n,fields:i}){const r=t.filters?.find(t=>t.field===e.field),s=Zr(e,r),c=(0,a.useMemo)(()=>{const t=i.find(t=>t.id===e.field);return t?{...t,isValid:{required:!1,custom:()=>null},getValue:({item:e})=>e[t.id],setValue:({value:e})=>({[t.id]:e})}:t},[i,e.field]),u=(0,a.useMemo)(()=>(t.filters??[]).reduce((e,t)=>(e[t.field]=t.value,e),{}),[t.filters]),d=(0,k.useEvent)(i=>{if(!c||!r)return;const a=c.getValue({item:i});la()(a,s)||n({...t,filters:(t.filters??[]).map(t=>t.field===e.field?{...t,operator:r.operator||e.operators[0],value:""===a?void 0:a}:t)})});return c&&c.Edit&&r?(0,l.jsx)(o.Flex,{className:"dataviews-filters__user-input-widget",gap:2.5,direction:"column",children:(0,l.jsx)(c.Edit,{hideLabelFromVision:!0,data:u,field:c,operator:r.operator,onChange:d})}):null}const ua="Enter",da=" ",fa=({activeElements:e,filterInView:t,filter:n})=>{if(void 0===e||0===e.length)return n.name;const i={Name:(0,l.jsx)("span",{className:"dataviews-filters__summary-filter-text-name"}),Value:(0,l.jsx)("span",{className:"dataviews-filters__summary-filter-text-value"})};if(t?.operator===O)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is any: Admin, Editor". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is any: Admin, Editor". */ +(0,V.__)("%1$s is any: %2$s"),n.name,e.map(e=>e.label).join(", ")),i);if(t?.operator===M)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is none: Admin, Editor". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is none: Admin, Editor". */ +(0,V.__)("%1$s is none: %2$s"),n.name,e.map(e=>e.label).join(", ")),i);if(t?.operator===P)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is all: Admin, Editor". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is all: Admin, Editor". */ +(0,V.__)("%1$s is all: %2$s"),n.name,e.map(e=>e.label).join(", ")),i);if(t?.operator===L)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not all: Admin, Editor". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not all: Admin, Editor". */ +(0,V.__)("%1$s is not all: %2$s"),n.name,e.map(e=>e.label).join(", ")),i);if(t?.operator===N)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is: Admin". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is: Admin". */ +(0,V.__)("%1$s is: %2$s"),n.name,e[0].label),i);if(t?.operator===F)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not: Admin". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not: Admin". */ +(0,V.__)("%1$s is not: %2$s"),n.name,e[0].label),i);if(t?.operator===A)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than: 10". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than: 10". */ +(0,V.__)("%1$s is less than: %2$s"),n.name,e[0].label),i);if(t?.operator===T)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than: 10". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than: 10". */ +(0,V.__)("%1$s is greater than: %2$s"),n.name,e[0].label),i);if(t?.operator===D)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than or equal to: 10". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than or equal to: 10". */ +(0,V.__)("%1$s is less than or equal to: %2$s"),n.name,e[0].label),i);if(t?.operator===B)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than or equal to: 10". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than or equal to: 10". */ +(0,V.__)("%1$s is greater than or equal to: %2$s"),n.name,e[0].label),i);if(t?.operator===$)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Title contains: Mars". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Title contains: Mars". */ +(0,V.__)("%1$s contains: %2$s"),n.name,e[0].label),i);if(t?.operator===q)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Description doesn't contain: photo". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Description doesn't contain: photo". */ +(0,V.__)("%1$s doesn't contain: %2$s"),n.name,e[0].label),i);if(t?.operator===G)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Title starts with: Mar". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Title starts with: Mar". */ +(0,V.__)("%1$s starts with: %2$s"),n.name,e[0].label),i);if(t?.operator===z)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is before: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is before: 2024-01-01". */ +(0,V.__)("%1$s is before: %2$s"),n.name,e[0].label),i);if(t?.operator===H)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is after: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is after: 2024-01-01". */ +(0,V.__)("%1$s is after: %2$s"),n.name,e[0].label),i);if(t?.operator===R)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or before: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or before: 2024-01-01". */ +(0,V.__)("%1$s is on or before: %2$s"),n.name,e[0].label),i);if(t?.operator===W)return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or after: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or after: 2024-01-01". */ +(0,V.__)("%1$s is on or after: %2$s"),n.name,e[0].label),i);if(t?.operator===K){const{label:t}=e[0];return(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Min value. 3: Max value. e.g.: "Item count between (inc): 10 and 180". */ +/* translators: 1: Filter name. 2: Min value. 3: Max value. e.g.: "Item count between (inc): 10 and 180". */ +(0,V.__)("%1$s between (inc): %2$s and %3$s"),n.name,t[0],t[1]),i)}return t?.operator===Y?(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is: 2024-01-01". */ +(0,V.__)("%1$s is: %2$s"),n.name,e[0].label),i):t?.operator===U?(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is not: 2024-01-01". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is not: 2024-01-01". */ +(0,V.__)("%1$s is not: %2$s"),n.name,e[0].label),i):t?.operator===Z?(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is in the past: 1 days". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is in the past: 1 days". */ +(0,V.__)("%1$s is in the past: %2$s"),n.name,`${e[0].value.value} ${e[0].value.unit}`),i):t?.operator===X?(0,a.createInterpolateElement)((0,V.sprintf)( +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is over: 1 days ago". */ +/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is over: 1 days ago". */ +(0,V.__)("%1$s is over: %2$s ago"),n.name,`${e[0].value.value} ${e[0].value.unit}`),i):(0,V.sprintf)( +/* translators: 1: Filter name e.g.: "Unknown status for Author". */ +/* translators: 1: Filter name e.g.: "Unknown status for Author". */ +(0,V.__)("Unknown status for %1$s"),n.name)};function ma({filter:e,view:t,onChangeView:n}){const i=e.operators?.map(e=>({value:e,label:ee[e]?.label})),r=t.filters?.find(t=>t.field===e.field),a=r?.operator||e.operators[0];return i.length>1&&(0,l.jsxs)(o.__experimentalHStack,{spacing:2,justify:"flex-start",className:"dataviews-filters__summary-operators-container",children:[(0,l.jsx)(o.FlexItem,{className:"dataviews-filters__summary-operators-filter-name",children:e.name}),(0,l.jsx)(o.SelectControl,{className:"dataviews-filters__summary-operators-filter-select",label:(0,V.__)("Conditions"),value:a,options:i,onChange:i=>{const a=i,o=r?.operator,s=r?[...(t.filters??[]).map(t=>{if(t.field===e.field){const e=[K,Z,X],n=o&&(e.includes(o)||e.includes(a));return{...t,value:n?void 0:t.value,operator:a}}return t})]:[...t.filters??[],{field:e.field,operator:a,value:void 0}];n({...t,page:1,filters:s})},size:"small",variant:"minimal",__nextHasNoMarginBottom:!0,hideLabelFromVision:!0})]})}function va({addFilterRef:e,openedFilter:t,fields:n,...i}){const r=(0,a.useRef)(null),{filter:s,view:c,onChangeView:u}=i,d=c.filters?.find(e=>e.field===s.field);let f=[];const{elements:m}=Qr({elements:s.elements,getElements:s.getElements});m.length>0?f=m.filter(e=>s.singleSelection?e.value===d?.value:d?.value?.includes(e.value)):void 0!==d?.value&&(f=[{value:d.value,label:d.value}]);const v=s.isPrimary,p=d?.isLocked,h=!p&&void 0!==d?.value,g=!p&&(!v||h);return(0,l.jsx)(o.Dropdown,{defaultOpen:t===s.field,contentClassName:"dataviews-filters__summary-popover",popoverProps:{placement:"bottom-start",role:"dialog"},onClose:()=>{r.current?.focus()},renderToggle:({isOpen:t,onToggle:n})=>(0,l.jsxs)("div",{className:"dataviews-filters__summary-chip-container",children:[(0,l.jsx)(o.Tooltip,{text:(0,V.sprintf)( +/* translators: 1: Filter name. */ +/* translators: 1: Filter name. */ +(0,V.__)("Filter by: %1$s"),s.name.toLowerCase()),placement:"top",children:(0,l.jsx)("div",{className:pe("dataviews-filters__summary-chip",{"has-reset":g,"has-values":h,"is-not-clickable":p}),role:"button",tabIndex:p?-1:0,onClick:()=>{p||n()},onKeyDown:e=>{!p&&[ua,da].includes(e.key)&&(n(),e.preventDefault())},"aria-disabled":p,"aria-pressed":t,"aria-expanded":t,ref:r,children:(0,l.jsx)(fa,{activeElements:f,filterInView:d,filter:s})})}),g&&(0,l.jsx)(o.Tooltip,{text:v?(0,V.__)("Reset"):(0,V.__)("Remove"),placement:"top",children:(0,l.jsx)("button",{className:pe("dataviews-filters__summary-chip-remove",{"has-values":h}),onClick:()=>{u({...c,page:1,filters:c.filters?.filter(e=>e.field!==s.field)}),v?r.current?.focus():e.current?.focus()},children:(0,l.jsx)(o.Icon,{icon:Fe})})})]}),renderContent:()=>(0,l.jsxs)(o.__experimentalVStack,{spacing:0,justify:"flex-start",children:[(0,l.jsx)(ma,{...i}),i.filter.hasElements?(0,l.jsx)(oa,{...i,filter:{...i.filter,elements:m}}):(0,l.jsx)(ca,{...i,fields:n})]})})}function pa({filters:e,view:t,onChangeView:n}){const i=!t.search&&!t.filters?.some(t=>{return!(t.isLocked||void 0===t.value&&(n=t.field,e.some(e=>e.field===n&&e.isPrimary)));var n});return(0,l.jsx)(o.Button,{disabled:i,accessibleWhenDisabled:!0,size:"compact",variant:"tertiary",className:"dataviews-filters__reset-button",onClick:()=>{n({...t,page:1,search:"",filters:t.filters?.filter(e=>!!e.isLocked)||[]})},children:(0,V.__)("Reset")})}var ha=function(e,t){return(0,a.useMemo)(()=>{const n=[];return e.forEach(e=>{if(!1===e.filterBy||!e.hasElements&&!e.Edit)return;const i=e.filterBy.operators,r=!!e.filterBy?.isPrimary,a=t.filters?.some(t=>t.field===e.id&&!!t.isLocked)??!1;n.push({field:e.id,name:e.label,elements:e.elements,getElements:e.getElements,hasElements:e.hasElements,singleSelection:i.some(e=>J.includes(e)),operators:i,isVisible:a||r||!!t.filters?.some(t=>t.field===e.id&&Q.includes(t.operator)),isPrimary:r,isLocked:a})}),n.sort((e,t)=>e.isLocked&&!t.isLocked?-1:!e.isLocked&&t.isLocked?1:e.isPrimary&&!t.isPrimary?-1:!e.isPrimary&&t.isPrimary?1:e.name.localeCompare(t.name)),n},[e,t])},ga=(0,a.memo)(function({className:e}){const{fields:t,view:n,onChangeView:i,openedFilter:r,setOpenedFilter:s}=(0,a.useContext)(ce),c=(0,a.useRef)(null),u=ha(t,n),d=(0,l.jsx)(bt,{filters:u,view:n,onChangeView:i,ref:c,setOpenedFilter:s},"add-filter"),f=u.filter(e=>e.isVisible);if(0===f.length)return null;const m=[...f.map(e=>(0,l.jsx)(va,{filter:e,view:n,fields:t,onChangeView:i,addFilterRef:c,openedFilter:r},e.field)),d];return m.push((0,l.jsx)(pa,{filters:u,view:n,onChangeView:i},"reset-filters")),(0,l.jsx)(o.__experimentalHStack,{justify:"flex-start",style:{width:"fit-content"},wrap:!0,className:e,children:m})}),ba=function(e){const{isShowingFilter:t}=(0,a.useContext)(ce);return t?(0,l.jsx)(ga,{...e}):null};function wa({className:e}){const{actions:t=[],data:n,fields:i,getItemId:r,getItemLevel:o,isLoading:s,view:c,onChangeView:u,selection:d,onChangeSelection:f,setOpenedFilter:m,onClickItem:v,isItemClickable:p,renderItemLink:h,defaultLayouts:g,empty:b=(0,l.jsx)("p",{children:(0,V.__)("No results")})}=(0,a.useContext)(ce),w=pt.find(e=>e.type===c.type&&g[e.type])?.component;return(0,l.jsx)(w,{className:e,actions:t,data:n,fields:i,getItemId:r,getItemLevel:o,isLoading:s,onChangeView:u,onChangeSelection:f,selection:d,setOpenedFilter:m,onClickItem:v,renderItemLink:h,isItemClickable:p,view:c,empty:b})}var xa=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z"})}),ya=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z"})});function _a(){const{view:e,onChangeView:t,paginationInfo:{totalItems:n=0,totalPages:i}}=(0,a.useContext)(ce);if(!n||!i||e.infiniteScrollEnabled)return null;const r=e.page??1,s=Array.from(Array(i)).map((e,t)=>{const n=t+1;return{value:n.toString(),label:n.toString(),"aria-label":r===n?(0,V.sprintf)( +// translators: 1: current page number. 2: total number of pages. +// translators: 1: current page number. 2: total number of pages. +(0,V.__)("Page %1$d of %2$d"),r,i):n.toString()}});return!!n&&1!==i&&(0,l.jsxs)(o.__experimentalHStack,{expanded:!1,className:"dataviews-pagination",justify:"end",spacing:6,children:[(0,l.jsx)(o.__experimentalHStack,{justify:"flex-start",expanded:!1,spacing:1,className:"dataviews-pagination__page-select",children:(0,a.createInterpolateElement)((0,V.sprintf)( +// translators: 1: Current page number, 2: Total number of pages. +// translators: 1: Current page number, 2: Total number of pages. +(0,V._x)("
Page
%1$s
of %2$d
","paging"),"",i),{div:(0,l.jsx)("div",{"aria-hidden":!0}),CurrentPage:(0,l.jsx)(o.SelectControl,{"aria-label":(0,V.__)("Current page"),value:r.toString(),options:s,onChange:n=>{t({...e,page:+n})},size:"small",__nextHasNoMarginBottom:!0,variant:"minimal"})})}),(0,l.jsxs)(o.__experimentalHStack,{expanded:!1,spacing:1,children:[(0,l.jsx)(o.Button,{onClick:()=>t({...e,page:r-1}),disabled:1===r,accessibleWhenDisabled:!0,label:(0,V.__)("Previous page"),icon:(0,V.isRTL)()?xa:ya,showTooltip:!0,size:"compact",tooltipPosition:"top"}),(0,l.jsx)(o.Button,{onClick:()=>t({...e,page:r+1}),disabled:r>=i,accessibleWhenDisabled:!0,label:(0,V.__)("Next page"),icon:(0,V.isRTL)()?ya:xa,showTooltip:!0,size:"compact",tooltipPosition:"top"})]})]})}var ja=(0,a.memo)(_a);const Ca=[];function Sa(){const{view:e,paginationInfo:{totalItems:t=0,totalPages:n},data:i,actions:r=Ca}=(0,a.useContext)(ce),s=Pe(r,i)&&[oe,se].includes(e.type);return!t||!n||n<=1&&!s?null:!!t&&(0,l.jsxs)(o.__experimentalHStack,{expanded:!1,justify:"end",className:"dataviews-footer",children:[s&&(0,l.jsx)(He,{}),(0,l.jsx)(ja,{})]})}var ka=(0,a.memo)(function({label:e}){const{view:t,onChangeView:n}=(0,a.useContext)(ce),[i,r,s]=(0,k.useDebouncedInput)(t.search);(0,a.useEffect)(()=>{r(t.search??"")},[t.search,r]);const c=(0,a.useRef)(n),u=(0,a.useRef)(t);(0,a.useEffect)(()=>{c.current=n,u.current=t},[n,t]),(0,a.useEffect)(()=>{s!==u.current?.search&&c.current({...u.current,page:1,search:s})},[s]);const d=e||(0,V.__)("Search");return(0,l.jsx)(o.SearchControl,{className:"dataviews-search",__nextHasNoMarginBottom:!0,onChange:r,value:i,label:d,placeholder:d,size:"compact"})}),Va=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z"})}),Ia=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})}),Ea=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})}),Na=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z"})}),Fa=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"})});const Oa=window.wp.warning;var Ma=n.n(Oa);function Pa(){const e=(0,a.useContext)(ce),{view:t,onChangeView:n}=e,i=t.infiniteScrollEnabled??!1;return e.hasInfiniteScrollHandler?(0,l.jsx)(o.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,V.__)("Enable infinite scroll"),help:(0,V.__)("Automatically load more content as you scroll, instead of showing pagination links."),checked:i,onChange:e=>{n({...t,infiniteScrollEnabled:e})}}):null}const{Menu:La}=ye(o.privateApis),Aa={className:"dataviews-config__popover",placement:"bottom-end",offset:9};function Ta(){const{view:e,onChangeView:t,defaultLayouts:n}=(0,a.useContext)(ce),i=Object.keys(n);if(i.length<=1)return null;const r=pt.find(t=>e.type===t.type);return(0,l.jsxs)(La,{children:[(0,l.jsx)(La.TriggerButton,{render:(0,l.jsx)(o.Button,{size:"compact",icon:r?.icon,label:(0,V.__)("Layout")})}),(0,l.jsx)(La.Popover,{children:i.map(i=>{const r=pt.find(e=>e.type===i);return r?(0,l.jsx)(La.RadioItem,{value:i,name:"view-actions-available-view",checked:i===e.type,hideOnClick:!0,onChange:i=>{switch(i.target.value){case"list":case"grid":case"table":case"pickerGrid":const r={...e};return"layout"in r&&delete r.layout,t({...r,type:i.target.value,...n[i.target.value]})}Ma()("Invalid dataview")},children:(0,l.jsx)(La.ItemLabel,{children:r.label})},i):null})})]})}function Da(){const{view:e,fields:t,onChangeView:n}=(0,a.useContext)(ce),i=(0,a.useMemo)(()=>t.filter(e=>!1!==e.enableSorting).map(e=>({label:e.label,value:e.id})),[t]);return(0,l.jsx)(o.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:(0,V.__)("Sort by"),value:e.sort?.field,options:i,onChange:t=>{n({...e,sort:{direction:e?.sort?.direction||"desc",field:t},showLevels:!1})}})}function Ba(){const{view:e,fields:t,onChangeView:n}=(0,a.useContext)(ce);if(0===t.filter(e=>!1!==e.enableSorting).length)return null;let i=e.sort?.direction;return!i&&e.sort?.field&&(i="desc"),(0,l.jsx)(o.__experimentalToggleGroupControl,{className:"dataviews-view-config__sort-direction",__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,isBlock:!0,label:(0,V.__)("Order"),value:i,onChange:i=>{"asc"!==i&&"desc"!==i?Ma()("Invalid direction"):n({...e,sort:{direction:i,field:e.sort?.field||t.find(e=>!1!==e.enableSorting)?.id||""},showLevels:!1})},children:te.map(e=>(0,l.jsx)(o.__experimentalToggleGroupControlOptionIcon,{value:e,icon:ae[e],label:re[e]},e))})}function za(){const{view:e,config:t,onChangeView:n}=(0,a.useContext)(ce),{infiniteScrollEnabled:i}=e;return!t||!t.perPageSizes||t.perPageSizes.length<2||t.perPageSizes.length>6||i?null:(0,l.jsx)(o.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,isBlock:!0,label:(0,V.__)("Items per page"),value:e.perPage||10,disabled:!e?.sort?.field,onChange:t=>{const i="number"==typeof t||void 0===t?t:parseInt(t,10);n({...e,perPage:i,page:1})},children:t.perPageSizes.map(e=>(0,l.jsx)(o.__experimentalToggleGroupControlOption,{value:e,label:e.toString()},e))})}function Ha({previewOptions:e,onChangePreviewOption:t,onMenuOpenChange:n,activeOption:i}){return(0,l.jsxs)(La,{onOpenChange:n,children:[(0,l.jsx)(La.TriggerButton,{render:(0,l.jsx)(o.Button,{className:"dataviews-field-control__field-preview-options-button",size:"compact",icon:be,label:(0,V.__)("Preview")})}),(0,l.jsx)(La.Popover,{children:e?.map(({id:e,label:n})=>(0,l.jsx)(La.RadioItem,{value:e,checked:e===i,onChange:()=>{t?.(e),(e=>{setTimeout(()=>{const t=document.querySelector(`.dataviews-field-control__field-${e} .dataviews-field-control__field-preview-options-button`);t instanceof HTMLElement&&t.focus()},50)})(e)},children:(0,l.jsx)(La.ItemLabel,{children:n})},e))})]})}function Ra({field:e,label:t,description:n,isVisible:i,isFirst:r,isLast:s,canMove:c=!0,onToggleVisibility:u,onMoveUp:d,onMoveDown:f,previewOptions:m,onChangePreviewOption:v}){const[p,h]=(0,a.useState)(!1);return(0,l.jsx)(o.__experimentalItem,{children:(0,l.jsxs)(o.__experimentalHStack,{expanded:!0,className:pe("dataviews-field-control__field",`dataviews-field-control__field-${e.id}`,{"is-interacting":p}),justify:"flex-start",children:[(0,l.jsx)("span",{className:"dataviews-field-control__icon",children:!c&&!e.enableHiding&&(0,l.jsx)(o.Icon,{icon:Va})}),(0,l.jsxs)("span",{className:"dataviews-field-control__label-sub-label-container",children:[(0,l.jsx)("span",{className:"dataviews-field-control__label",children:t||e.label}),n&&(0,l.jsx)("span",{className:"dataviews-field-control__sub-label",children:n})]}),(0,l.jsxs)(o.__experimentalHStack,{justify:"flex-end",expanded:!1,className:"dataviews-field-control__actions",children:[i&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Button,{disabled:r||!c,accessibleWhenDisabled:!0,size:"compact",onClick:d,icon:Ia,label:r||!c?(0,V.__)("This field can't be moved up"):(0,V.sprintf)( +/* translators: %s: field label */ +/* translators: %s: field label */ +(0,V.__)("Move %s up"),e.label)}),(0,l.jsx)(o.Button,{disabled:s||!c,accessibleWhenDisabled:!0,size:"compact",onClick:f,icon:Ea,label:s||!c?(0,V.__)("This field can't be moved down"):(0,V.sprintf)( +/* translators: %s: field label */ +/* translators: %s: field label */ +(0,V.__)("Move %s down"),e.label)})]}),u&&(0,l.jsx)(o.Button,{className:"dataviews-field-control__field-visibility-button",disabled:!e.enableHiding,accessibleWhenDisabled:!0,size:"compact",onClick:()=>{u(),setTimeout(()=>{const t=document.querySelector(`.dataviews-field-control__field-${e.id} .dataviews-field-control__field-visibility-button`);t instanceof HTMLElement&&t.focus()},50)},icon:i?qe:Na,label:i?(0,V.sprintf)( +/* translators: %s: field label */ +/* translators: %s: field label */ +(0,V._x)("Hide %s","field"),e.label):(0,V.sprintf)( +/* translators: %s: field label */ +/* translators: %s: field label */ +(0,V._x)("Show %s","field"),e.label)}),m&&(0,l.jsx)(Ha,{previewOptions:m,onChangePreviewOption:v,onMenuOpenChange:h,activeOption:e.id})]})]})})}function Wa({index:e,field:t,view:n,onChangeView:i}){const r=n.fields??[],a=void 0!==e&&r.includes(t.id);return(0,l.jsx)(Ra,{field:t,isVisible:a,isFirst:void 0!==e&&e<1,isLast:void 0!==e&&e===r.length-1,onToggleVisibility:()=>{i({...n,fields:a?r.filter(e=>e!==t.id):[...r,t.id]})},onMoveUp:void 0!==e?()=>{i({...n,fields:[...r.slice(0,e-1)??[],t.id,r[e-1],...r.slice(e+1)]})}:void 0,onMoveDown:void 0!==e?()=>{i({...n,fields:[...r.slice(0,e)??[],r[e+1],t.id,...r.slice(e+2)]})}:void 0})}function $a(e){return!!e}function qa(){const{view:e,fields:t,onChangeView:n}=(0,a.useContext)(ce),i=[e?.titleField,e?.mediaField,e?.descriptionField].filter(Boolean),r=e.fields??[],s=t.filter(e=>!r.includes(e.id)&&!i.includes(e.id)&&"media"!==e.type&&!1!==e.enableHiding);let c=r.map(e=>t.find(t=>t.id===e)).filter($a);if(!c?.length&&!s?.length)return null;const u=t.find(t=>t.id===e.titleField),d=t.find(t=>t.id===e.mediaField),f=t.find(t=>t.id===e.descriptionField),m=t.filter(e=>"media"===e.type);let v;if(m.length>1){const t=$a(d)&&(e.showMedia??!0);v=$a(d)&&(0,l.jsx)(Ra,{field:d,label:(0,V.__)("Preview"),description:d.label,isVisible:t,onToggleVisibility:()=>{n({...e,showMedia:!t})},canMove:!1,previewOptions:m.map(e=>({label:e.label,id:e.id})),onChangePreviewOption:t=>n({...e,mediaField:t})},d.id)}const p=[{field:u,isVisibleFlag:"showTitle"},{field:d,isVisibleFlag:"showMedia",ui:v},{field:f,isVisibleFlag:"showDescription"}].filter(({field:e})=>$a(e));let h=p.filter(({field:t,isVisibleFlag:n})=>$a(t)&&(e[n]??!0));1===h.length&&(h=h.map(e=>({...e,field:{...e.field,enableHiding:!1}}))),0===h.length&&1===c.length&&(c=[{...c[0],enableHiding:!1}]);const g=p.filter(({field:t,isVisibleFlag:n})=>$a(t)&&!(e[n]??1));return(0,l.jsxs)(o.__experimentalVStack,{className:"dataviews-field-control",spacing:6,children:[(0,l.jsx)(o.__experimentalVStack,{className:"dataviews-view-config__properties",spacing:0,children:(h.length>0||!!c?.length)&&(0,l.jsxs)(o.__experimentalItemGroup,{isBordered:!0,isSeparated:!0,children:[h.map(({field:t,isVisibleFlag:i,ui:r})=>r??(0,l.jsx)(Ra,{field:t,isVisible:!0,onToggleVisibility:()=>{n({...e,[i]:!1})},canMove:!1},t.id)),c.map((t,i)=>(0,l.jsx)(Wa,{field:t,view:e,onChangeView:n,index:i},t.id))]})}),(!!s?.length||!!g.length)&&(0,l.jsxs)(o.__experimentalVStack,{spacing:4,children:[(0,l.jsx)(o.BaseControl.VisualLabel,{style:{margin:0},children:(0,V.__)("Hidden")}),(0,l.jsx)(o.__experimentalVStack,{className:"dataviews-view-config__properties",spacing:0,children:(0,l.jsxs)(o.__experimentalItemGroup,{isBordered:!0,isSeparated:!0,children:[g.length>0&&g.map(({field:t,isVisibleFlag:i,ui:r})=>r??(0,l.jsx)(Ra,{field:t,isVisible:!1,onToggleVisibility:()=>{n({...e,[i]:!0})},canMove:!1},t.id)),s.map(t=>(0,l.jsx)(Wa,{field:t,view:e,onChangeView:n},t.id))]})})]})]})}function Ga({title:e,description:t,children:n}){return(0,l.jsxs)(o.__experimentalGrid,{columns:12,className:"dataviews-settings-section",gap:4,children:[(0,l.jsxs)("div",{className:"dataviews-settings-section__sidebar",children:[(0,l.jsx)(o.__experimentalHeading,{level:2,className:"dataviews-settings-section__title",children:e}),t&&(0,l.jsx)(o.__experimentalText,{variant:"muted",className:"dataviews-settings-section__description",children:t})]}),(0,l.jsx)(o.__experimentalGrid,{columns:8,gap:4,className:"dataviews-settings-section__content",children:n})]})}function Ka(){const{view:e}=(0,a.useContext)(ce),t=(0,k.useInstanceId)(Ya,"dataviews-view-config-dropdown"),n=pt.find(t=>t.type===e.type);return(0,l.jsx)(o.Dropdown,{expandOnMobile:!0,popoverProps:{...Aa,id:t},renderToggle:({onToggle:e,isOpen:n})=>(0,l.jsx)(o.Button,{size:"compact",icon:Fa,label:(0,V._x)("View options","View is used as a noun"),onClick:e,"aria-expanded":n?"true":"false","aria-controls":t}),renderContent:()=>(0,l.jsx)(o.__experimentalDropdownContentWrapper,{paddingSize:"medium",className:"dataviews-config__popover-content-wrapper",children:(0,l.jsxs)(o.__experimentalVStack,{className:"dataviews-view-config",spacing:6,children:[(0,l.jsxs)(Ga,{title:(0,V.__)("Appearance"),children:[(0,l.jsxs)(o.__experimentalHStack,{expanded:!0,className:"is-divided-in-two",children:[(0,l.jsx)(Da,{}),(0,l.jsx)(Ba,{})]}),!!n?.viewConfigOptions&&(0,l.jsx)(n.viewConfigOptions,{}),(0,l.jsx)(Pa,{}),(0,l.jsx)(za,{})]}),(0,l.jsx)(Ga,{title:(0,V.__)("Properties"),children:(0,l.jsx)(qa,{})})]})})})}function Ya(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(Ta,{}),(0,l.jsx)(Ka,{})]})}var Ua=(0,a.memo)(Ya);function Za({item:e,field:t}){const{elements:n,isLoading:i}=Qr({elements:t.elements,getElements:t.getElements}),r=t.getValue({item:e});return i||0===n.length?r:n?.find(e=>e.value===r)?.label||t.getValue({item:e})}const Xa=/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;var Qa={sort:function(e,t,n){return"asc"===n?e.localeCompare(t):t.localeCompare(e)},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return[void 0,"",null].includes(n)||Xa.test(n)?null:(0,V.__)("Value must be a valid email address.")}},Edit:"email",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[N,F,$,q,G,O,M,P,L]}},Ja={sort:function(e,t,n){return"asc"===n?e-t:t-e},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return[void 0,"",null].includes(n)||Number.isInteger(n)?null:(0,V.__)("Value must be an integer.")}},Edit:"integer",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[N,F,A,T,D,B,K],validOperators:[N,F,A,T,D,B,K,O,M,P,L]}},eo={sort:function(e,t,n){return"asc"===n?e-t:t-e},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return function(e){return""===e||null==e}(n)||Number.isFinite(n)?null:(0,V.__)("Value must be a number.")}},Edit:"number",render:({item:e,field:t})=>{t.hasElements;const n=t.getValue({item:e});return[null,void 0].includes(n)?null:Number(n).toFixed(2)},enableSorting:!0,filterBy:{defaultOperators:[N,F,A,T,D,B,K],validOperators:[N,F,A,T,D,B,K,O,M,P,L]}},to={sort:function(e,t,n){return"asc"===n?e.localeCompare(t):t.localeCompare(e)},isValid:{elements:!0,custom:()=>null},Edit:"text",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[N,F,$,q,G,O,M,P,L]}},no={sort:function(e,t,n){const i=new Date(e).getTime(),r=new Date(t).getTime();return"asc"===n?i-r:r-i},isValid:{elements:!0,custom:()=>null},Edit:"datetime",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[Y,U,z,H,R,W,Z,X],validOperators:[Y,U,z,H,R,W,Z,X]}};const io=window.wp.date;var ro={sort:function(e,t,n){const i=new Date(e).getTime(),r=new Date(t).getTime();return"asc"===n?i-r:r-i},Edit:"date",isValid:{elements:!0,custom:()=>null},render:({item:e,field:t})=>{if(t.hasElements)return(0,l.jsx)(Za,{item:e,field:t});const n=t.getValue({item:e});return n?(i=n,(0,io.dateI18n)((0,io.getSettings)().formats.date,(0,io.getDate)(i))):"";var i},enableSorting:!0,filterBy:{defaultOperators:[Y,U,z,H,R,W,Z,X,K],validOperators:[Y,U,z,H,R,W,Z,X,K]}},ao={sort:function(e,t,n){const i=Boolean(e);return i===Boolean(t)?0:"asc"===n?i?1:-1:i?-1:1},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return[void 0,"",null].includes(n)||[!0,!1].includes(n)?null:(0,V.__)("Value must be true, false, or undefined")}},Edit:"checkbox",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):!0===t.getValue({item:e})?(0,V.__)("True"):!1===t.getValue({item:e})?(0,V.__)("False"):null,enableSorting:!0,filterBy:{defaultOperators:[N,F],validOperators:[N,F]}},oo={sort:function(){return 0},isValid:{elements:!0,custom:()=>null},Edit:null,render:()=>null,enableSorting:!1,filterBy:!1};const so={sort:function(e,t,n){const i=Array.isArray(e)?e:[],r=Array.isArray(t)?t:[];if(i.length!==r.length)return"asc"===n?i.length-r.length:r.length-i.length;const a=i.join(","),o=r.join(",");return"asc"===n?a.localeCompare(o):o.localeCompare(a)},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return[void 0,"",null].includes(n)||Array.isArray(n)?n.every(e=>"string"==typeof e)?null:(0,V.__)("Every value must be a string."):(0,V.__)("Value must be an array.")}},Edit:"array",render:function({item:e,field:t}){return(t.getValue({item:e})||[]).join(", ")},enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[O,M,P,L]}};var lo=so,co={sort:function(e,t,n){return 0},isValid:{elements:!0,custom:()=>null},Edit:"password",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):"••••••••",enableSorting:!1,filterBy:!1},uo={sort:function(e,t,n){return"asc"===n?e.localeCompare(t):t.localeCompare(e)},isValid:{elements:!0,custom:()=>null},Edit:"telephone",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[N,F,$,q,G,O,M,P,L]}},fo={grad:.9,turn:360,rad:360/(2*Math.PI)},mo=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},vo=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0},po=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e>t?e:t},ho=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},go=function(e){return{r:po(e.r,0,255),g:po(e.g,0,255),b:po(e.b,0,255),a:po(e.a)}},bo=function(e){return{r:vo(e.r),g:vo(e.g),b:vo(e.b),a:vo(e.a,3)}},wo=/^#([0-9a-f]{3,8})$/i,xo=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},yo=function(e){var t=e.r,n=e.g,i=e.b,r=e.a,a=Math.max(t,n,i),o=a-Math.min(t,n,i),s=o?a===t?(n-i)/o:a===n?2+(i-t)/o:4+(t-n)/o:0;return{h:60*(s<0?s+6:s),s:a?o/a*100:0,v:a/255*100,a:r}},_o=function(e){var t=e.h,n=e.s,i=e.v,r=e.a;t=t/360*6,n/=100,i/=100;var a=Math.floor(t),o=i*(1-n),s=i*(1-(t-a)*n),l=i*(1-(1-t+a)*n),c=a%6;return{r:255*[i,s,o,o,l,i][c],g:255*[l,i,i,s,o,o][c],b:255*[o,o,l,i,i,s][c],a:r}},jo=function(e){return{h:ho(e.h),s:po(e.s,0,100),l:po(e.l,0,100),a:po(e.a)}},Co=function(e){return{h:vo(e.h),s:vo(e.s),l:vo(e.l),a:vo(e.a,3)}},So=function(e){return _o((n=(t=e).s,{h:t.h,s:(n*=((i=t.l)<50?i:100-i)/100)>0?2*n/(i+n)*100:0,v:i+n,a:t.a}));var t,n,i},ko=function(e){return{h:(t=yo(e)).h,s:(r=(200-(n=t.s))*(i=t.v)/100)>0&&r<200?n*i/100/(r<=100?r:200-r)*100:0,l:r/2,a:t.a};var t,n,i,r},Vo=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Io=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Eo=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,No=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Fo={string:[[function(e){var t=wo.exec(e);return t?(e=t[1]).length<=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?vo(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?vo(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=Eo.exec(e)||No.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:go({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(e){var t=Vo.exec(e)||Io.exec(e);if(!t)return null;var n,i,r=jo({h:(n=t[1],i=t[2],void 0===i&&(i="deg"),Number(n)*(fo[i]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return So(r)},"hsl"]],object:[[function(e){var t=e.r,n=e.g,i=e.b,r=e.a,a=void 0===r?1:r;return mo(t)&&mo(n)&&mo(i)?go({r:Number(t),g:Number(n),b:Number(i),a:Number(a)}):null},"rgb"],[function(e){var t=e.h,n=e.s,i=e.l,r=e.a,a=void 0===r?1:r;if(!mo(t)||!mo(n)||!mo(i))return null;var o=jo({h:Number(t),s:Number(n),l:Number(i),a:Number(a)});return So(o)},"hsl"],[function(e){var t=e.h,n=e.s,i=e.v,r=e.a,a=void 0===r?1:r;if(!mo(t)||!mo(n)||!mo(i))return null;var o=function(e){return{h:ho(e.h),s:po(e.s,0,100),v:po(e.v,0,100),a:po(e.a)}}({h:Number(t),s:Number(n),v:Number(i),a:Number(a)});return _o(o)},"hsv"]]},Oo=function(e,t){for(var n=0;n=.5},e.prototype.toHex=function(){return t=(e=bo(this.rgba)).r,n=e.g,i=e.b,a=(r=e.a)<1?xo(vo(255*r)):"","#"+xo(t)+xo(n)+xo(i)+a;var e,t,n,i,r,a},e.prototype.toRgb=function(){return bo(this.rgba)},e.prototype.toRgbString=function(){return t=(e=bo(this.rgba)).r,n=e.g,i=e.b,(r=e.a)<1?"rgba("+t+", "+n+", "+i+", "+r+")":"rgb("+t+", "+n+", "+i+")";var e,t,n,i,r},e.prototype.toHsl=function(){return Co(ko(this.rgba))},e.prototype.toHslString=function(){return t=(e=Co(ko(this.rgba))).h,n=e.s,i=e.l,(r=e.a)<1?"hsla("+t+", "+n+"%, "+i+"%, "+r+")":"hsl("+t+", "+n+"%, "+i+"%)";var e,t,n,i,r},e.prototype.toHsv=function(){return e=yo(this.rgba),{h:vo(e.h),s:vo(e.s),v:vo(e.v),a:vo(e.a,3)};var e},e.prototype.invert=function(){return To({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&&(e=.1),To(Mo(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),To(Mo(this.rgba,-e))},e.prototype.grayscale=function(){return To(Mo(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),To(Lo(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),To(Lo(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&&(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return"number"==typeof e?To({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):vo(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=ko(this.rgba);return"number"==typeof e?To({h:e,s:t.s,l:t.l,a:t.a}):vo(t.h)},e.prototype.isEqual=function(e){return this.toHex()===To(e).toHex()},e}(),To=function(e){return e instanceof Ao?e:new Ao(e)},Do={sort:function(e,t,n){const i=To(e),r=To(t);if(!i.isValid()&&!r.isValid())return 0;if(!i.isValid())return"asc"===n?1:-1;if(!r.isValid())return"asc"===n?-1:1;const a=i.toHsl(),o=r.toHsl();return a.h!==o.h?"asc"===n?a.h-o.h:o.h-a.h:a.s!==o.s?"asc"===n?a.s-o.s:o.s-a.s:"asc"===n?a.l-o.l:o.l-a.l},isValid:{elements:!0,custom:(e,t)=>{const n=t.getValue({item:e});return[void 0,"",null].includes(n)||To(n).isValid()?null:(0,V.__)("Value must be a valid color.")}},Edit:"color",render:({item:e,field:t})=>{if(t.hasElements)return(0,l.jsx)(Za,{item:e,field:t});const n=t.getValue({item:e});return n&&To(n).isValid()?(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[(0,l.jsx)("div",{style:{width:"16px",height:"16px",borderRadius:"50%",backgroundColor:n,border:"1px solid #ddd",flexShrink:0}}),(0,l.jsx)("span",{children:n})]}):n},enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[N,F]}},Bo={sort:function(e,t,n){return"asc"===n?e.localeCompare(t):t.localeCompare(e)},isValid:{elements:!0,custom:()=>null},Edit:"url",render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[O,M],validOperators:[N,F,$,q,G,O,M,P,L]}};function zo(e,t){let n;return e?.required&&t?.required?n=t?.required?.message?t.required:void 0:e?.elements&&t?.elements?n=t.elements:t?.custom&&(n=t.custom),n}const{ValidatedCheckboxControl:Ho}=ye(o.privateApis);Math.pow(10,8);const Ro=6048e5,Wo=Symbol.for("constructDateFrom");function $o(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&Wo in e?e[Wo](t):e instanceof Date?new e.constructor(t):new Date(t)}function qo(e,t){return $o(t||e,e)}function Go(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+qo(e)));var t}const Ko={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function Yo(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const Uo={date:Yo({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Yo({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:Yo({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Zo={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Xo(e){return(t,n)=>{let i;if("formatting"===(n?.context?String(n.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}return i[e.argumentCallback?e.argumentCallback(t):t]}}function Qo(e){return(t,n={})=>{const i=n.width,r=i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth],a=t.match(r);if(!a)return null;const o=a[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e,t){for(let n=0;ne.test(o)):function(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}(s,e=>e.test(o));let c;return c=e.valueCallback?e.valueCallback(l):l,c=n.valueCallback?n.valueCallback(c):c,{value:c,rest:t.slice(o.length)}}}var Jo;const es={code:"en-US",formatDistance:(e,t,n)=>{let i;const r=Ko[e];return i="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?"in "+i:i+" ago":i},formatLong:Uo,formatRelative:(e,t,n,i)=>Zo[e],localize:{ordinalNumber:(e,t)=>{const n=Number(e),i=n%100;if(i>20||i<10)switch(i%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Xo({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Xo({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Xo({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Xo({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Xo({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Jo={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const n=e.match(Jo.matchPattern);if(!n)return null;const i=n[0],r=e.match(Jo.parsePattern);if(!r)return null;let a=Jo.valueCallback?Jo.valueCallback(r[0]):r[0];return a=t.valueCallback?t.valueCallback(a):a,{value:a,rest:e.slice(i.length)}}),era:Qo({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:Qo({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Qo({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Qo({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Qo({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};let ts={};function ns(){return ts}function is(e){const t=qo(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function rs(e,t){const n=qo(e,t?.in);return n.setHours(0,0,0,0),n}function as(e,t){const n=qo(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}function os(e,t){const n=qo(e,t?.in);return function(e,t,n){const[i,r]=function(e,...t){const n=$o.bind(null,e||t.find(e=>"object"==typeof e));return t.map(n)}(n?.in,e,t),a=rs(i),o=rs(r),s=+a-is(a),l=+o-is(o);return Math.round((s-l)/864e5)}(n,as(n))+1}function ss(e,t){const n=ns(),i=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,r=qo(e,t?.in),a=r.getDay(),o=(a=a.getTime()?i+1:n.getTime()>=s.getTime()?i:i-1}function us(e,t){const n=qo(e,t?.in),i=+ls(n)-+function(e,t){const n=cs(e,t),i=$o(t?.in||e,0);return i.setFullYear(n,0,4),i.setHours(0,0,0,0),ls(i)}(n);return Math.round(i/Ro)+1}function ds(e,t){const n=qo(e,t?.in),i=n.getFullYear(),r=ns(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=$o(t?.in||e,0);o.setFullYear(i+1,0,a),o.setHours(0,0,0,0);const s=ss(o,t),l=$o(t?.in||e,0);l.setFullYear(i,0,a),l.setHours(0,0,0,0);const c=ss(l,t);return+n>=+s?i+1:+n>=+c?i:i-1}function fs(e,t){const n=qo(e,t?.in),i=+ss(n,t)-+function(e,t){const n=ns(),i=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,r=ds(e,t),a=$o(t?.in||e,0);return a.setFullYear(r,0,i),a.setHours(0,0,0,0),ss(a,t)}(n,t);return Math.round(i/Ro)+1}function ms(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const vs={y(e,t){const n=e.getFullYear(),i=n>0?n:1-n;return ms("yy"===t?i%100:i,t.length)},M(e,t){const n=e.getMonth();return"M"===t?String(n+1):ms(n+1,2)},d:(e,t)=>ms(e.getDate(),t.length),a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];default:return"am"===n?"a.m.":"p.m."}},h:(e,t)=>ms(e.getHours()%12||12,t.length),H:(e,t)=>ms(e.getHours(),t.length),m:(e,t)=>ms(e.getMinutes(),t.length),s:(e,t)=>ms(e.getSeconds(),t.length),S(e,t){const n=t.length,i=e.getMilliseconds();return ms(Math.trunc(i*Math.pow(10,n-3)),t.length)}},ps={G:function(e,t,n){const i=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(i,{width:"abbreviated"});case"GGGGG":return n.era(i,{width:"narrow"});default:return n.era(i,{width:"wide"})}},y:function(e,t,n){if("yo"===t){const t=e.getFullYear(),i=t>0?t:1-t;return n.ordinalNumber(i,{unit:"year"})}return vs.y(e,t)},Y:function(e,t,n,i){const r=ds(e,i),a=r>0?r:1-r;return"YY"===t?ms(a%100,2):"Yo"===t?n.ordinalNumber(a,{unit:"year"}):ms(a,t.length)},R:function(e,t){return ms(cs(e),t.length)},u:function(e,t){return ms(e.getFullYear(),t.length)},Q:function(e,t,n){const i=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(i);case"QQ":return ms(i,2);case"Qo":return n.ordinalNumber(i,{unit:"quarter"});case"QQQ":return n.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(i,{width:"narrow",context:"formatting"});default:return n.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,t,n){const i=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(i);case"qq":return ms(i,2);case"qo":return n.ordinalNumber(i,{unit:"quarter"});case"qqq":return n.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(i,{width:"narrow",context:"standalone"});default:return n.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,t,n){const i=e.getMonth();switch(t){case"M":case"MM":return vs.M(e,t);case"Mo":return n.ordinalNumber(i+1,{unit:"month"});case"MMM":return n.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(i,{width:"narrow",context:"formatting"});default:return n.month(i,{width:"wide",context:"formatting"})}},L:function(e,t,n){const i=e.getMonth();switch(t){case"L":return String(i+1);case"LL":return ms(i+1,2);case"Lo":return n.ordinalNumber(i+1,{unit:"month"});case"LLL":return n.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(i,{width:"narrow",context:"standalone"});default:return n.month(i,{width:"wide",context:"standalone"})}},w:function(e,t,n,i){const r=fs(e,i);return"wo"===t?n.ordinalNumber(r,{unit:"week"}):ms(r,t.length)},I:function(e,t,n){const i=us(e);return"Io"===t?n.ordinalNumber(i,{unit:"week"}):ms(i,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getDate(),{unit:"date"}):vs.d(e,t)},D:function(e,t,n){const i=os(e);return"Do"===t?n.ordinalNumber(i,{unit:"dayOfYear"}):ms(i,t.length)},E:function(e,t,n){const i=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(i,{width:"short",context:"formatting"});default:return n.day(i,{width:"wide",context:"formatting"})}},e:function(e,t,n,i){const r=e.getDay(),a=(r-i.weekStartsOn+8)%7||7;switch(t){case"e":return String(a);case"ee":return ms(a,2);case"eo":return n.ordinalNumber(a,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,n,i){const r=e.getDay(),a=(r-i.weekStartsOn+8)%7||7;switch(t){case"c":return String(a);case"cc":return ms(a,t.length);case"co":return n.ordinalNumber(a,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,n){const i=e.getDay(),r=0===i?7:i;switch(t){case"i":return String(r);case"ii":return ms(r,t.length);case"io":return n.ordinalNumber(r,{unit:"day"});case"iii":return n.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(i,{width:"short",context:"formatting"});default:return n.day(i,{width:"wide",context:"formatting"})}},a:function(e,t,n){const i=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(i,{width:"narrow",context:"formatting"});default:return n.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,t,n){const i=e.getHours();let r;switch(r=12===i?"noon":0===i?"midnight":i/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){const i=e.getHours();let r;switch(r=i>=17?"evening":i>=12?"afternoon":i>=4?"morning":"night",t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),n.ordinalNumber(t,{unit:"hour"})}return vs.h(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getHours(),{unit:"hour"}):vs.H(e,t)},K:function(e,t,n){const i=e.getHours()%12;return"Ko"===t?n.ordinalNumber(i,{unit:"hour"}):ms(i,t.length)},k:function(e,t,n){let i=e.getHours();return 0===i&&(i=24),"ko"===t?n.ordinalNumber(i,{unit:"hour"}):ms(i,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):vs.m(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getSeconds(),{unit:"second"}):vs.s(e,t)},S:function(e,t){return vs.S(e,t)},X:function(e,t,n){const i=e.getTimezoneOffset();if(0===i)return"Z";switch(t){case"X":return gs(i);case"XXXX":case"XX":return bs(i);default:return bs(i,":")}},x:function(e,t,n){const i=e.getTimezoneOffset();switch(t){case"x":return gs(i);case"xxxx":case"xx":return bs(i);default:return bs(i,":")}},O:function(e,t,n){const i=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+hs(i,":");default:return"GMT"+bs(i,":")}},z:function(e,t,n){const i=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+hs(i,":");default:return"GMT"+bs(i,":")}},t:function(e,t,n){return ms(Math.trunc(+e/1e3),t.length)},T:function(e,t,n){return ms(+e,t.length)}};function hs(e,t=""){const n=e>0?"-":"+",i=Math.abs(e),r=Math.trunc(i/60),a=i%60;return 0===a?n+String(r):n+String(r)+t+ms(a,2)}function gs(e,t){return e%60==0?(e>0?"-":"+")+ms(Math.abs(e)/60,2):bs(e,t)}function bs(e,t=""){const n=e>0?"-":"+",i=Math.abs(e);return n+ms(Math.trunc(i/60),2)+t+ms(i%60,2)}const ws=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},xs=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},ys={p:xs,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],i=n[1],r=n[2];if(!r)return ws(e,t);let a;switch(i){case"P":a=t.dateTime({width:"short"});break;case"PP":a=t.dateTime({width:"medium"});break;case"PPP":a=t.dateTime({width:"long"});break;default:a=t.dateTime({width:"full"})}return a.replace("{{date}}",ws(i,t)).replace("{{time}}",xs(r,t))}},_s=/^D+$/,js=/^Y+$/,Cs=["D","DD","YY","YYYY"],Ss=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ks=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Vs=/^'([^]*?)'?$/,Is=/''/g,Es=/[a-zA-Z]/;function Ns(e,t,n){const i=ns(),r=n?.locale??i.locale??es,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,s=qo(e,n?.in);if(!Go(s))throw new RangeError("Invalid time value");let l=t.match(ks).map(e=>{const t=e[0];return"p"===t||"P"===t?(0,ys[t])(e,r.formatLong):e}).join("").match(Ss).map(e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Fs(e)};if(ps[t])return{isToken:!0,value:e};if(t.match(Es))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});r.localize.preprocessor&&(l=r.localize.preprocessor(s,l));const c={firstWeekContainsDate:a,weekStartsOn:o,locale:r};return l.map(i=>{if(!i.isToken)return i.value;const a=i.value;return(!n?.useAdditionalWeekYearTokens&&function(e){return js.test(e)}(a)||!n?.useAdditionalDayOfYearTokens&&function(e){return _s.test(e)}(a))&&function(e,t,n){const i=function(e,t,n){const i="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${i} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,n);if(console.warn(i),Cs.includes(e))throw new RangeError(i)}(a,t,String(e)),(0,ps[a[0]])(s,a,r.localize,c)}).join("")}function Fs(e){const t=e.match(Vs);return t?t[1].replace(Is,"'"):e}const Os={[Z]:[{value:"days",label:(0,V.__)("Days")},{value:"weeks",label:(0,V.__)("Weeks")},{value:"months",label:(0,V.__)("Months")},{value:"years",label:(0,V.__)("Years")}],[X]:[{value:"days",label:(0,V.__)("Days ago")},{value:"weeks",label:(0,V.__)("Weeks ago")},{value:"months",label:(0,V.__)("Months ago")},{value:"years",label:(0,V.__)("Years ago")}]};function Ms({className:e,data:t,field:n,onChange:i,hideLabelFromVision:r,operator:s}){const c=Os[s===Z?"inThePast":"over"],{id:u,label:d,getValue:f,setValue:m}=n,v=f({item:t}),{value:p="",unit:h=c[0].value}=v&&"object"==typeof v?v:{},g=(0,a.useCallback)(e=>i(m({item:t,value:{value:Number(e),unit:h}})),[i,m,t,h]),b=(0,a.useCallback)(e=>i(m({item:t,value:{value:p,unit:e}})),[i,m,t,p]);return(0,l.jsx)(o.BaseControl,{id:u,__nextHasNoMarginBottom:!0,className:pe(e,"dataviews-controls__relative-date"),label:d,hideLabelFromVision:r,children:(0,l.jsxs)(o.__experimentalHStack,{spacing:2.5,children:[(0,l.jsx)(o.__experimentalNumberControl,{__next40pxDefaultSize:!0,className:"dataviews-controls__relative-date-number",spinControls:"none",min:1,step:1,value:p,onChange:g}),(0,l.jsx)(o.SelectControl,{className:"dataviews-controls__relative-date-unit",__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,V.__)("Unit"),value:h,options:c,onChange:b,hideLabelFromVision:!0})]})})}const{DateCalendar:Ps,ValidatedInputControl:Ls}=ye(o.privateApis),As=e=>{if(!e)return null;const t=(0,io.getDate)(e);return t&&Go(t)?t:null};function Ts({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{id:s,label:c,description:u,setValue:d,getValue:f,isValid:m}=t,v=f({item:e}),p="string"==typeof v?v:void 0,[h,g]=(0,a.useState)(()=>As(p)||new Date),b=(0,a.useRef)(null),w=(0,a.useRef)(),x=(0,a.useRef)(null),y=(0,a.useCallback)(t=>n(d({item:e,value:t})),[e,n,d]);(0,a.useEffect)(()=>()=>{w.current&&clearTimeout(w.current)},[]);const _=(0,a.useCallback)(e=>{let t;if(e){let n=e;if(p){const t=As(p);t&&(n=new Date(e),n.setHours(t.getHours()),n.setMinutes(t.getMinutes()))}t=n.toISOString(),y(t),w.current&&clearTimeout(w.current)}else y(void 0);x.current=b.current&&b.current.ownerDocument.activeElement,w.current=setTimeout(()=>{b.current&&(b.current.focus(),b.current.blur(),y(t),x.current&&x.current instanceof HTMLElement&&x.current.focus())},0)},[y,p]),j=(0,a.useCallback)(e=>{if(e){const t=new Date(e);y(t.toISOString());const n=As(t.toISOString());n&&g(n)}else y(void 0)},[y]),{timezone:{string:C},l10n:{startOfWeek:S}}=(0,io.getSettings)(),k=m?.required&&!i?`${c} (${(0,V.__)("Required")})`:c;return(0,l.jsx)(o.BaseControl,{__nextHasNoMarginBottom:!0,id:s,label:k,help:u,hideLabelFromVision:i,children:(0,l.jsxs)(o.__experimentalVStack,{spacing:4,children:[(0,l.jsx)(Ps,{style:{width:"100%"},selected:p&&As(p)||void 0,onSelect:_,month:h,onMonthChange:g,timeZone:C||void 0,weekStartsOn:S}),(0,l.jsx)(Ls,{ref:b,__next40pxDefaultSize:!0,required:!!m?.required,customValidity:zo(m,r),type:"datetime-local",label:(0,V.__)("Date time"),hideLabelFromVision:!0,value:p?(I=As(p)||void 0,I?"string"==typeof I?I:Ns(I,"yyyy-MM-dd'T'HH:mm"):""):"",onChange:j})]})});var I}function Ds(e,t,n){return function(e,t,n){const i=qo(e,n?.in);return isNaN(t)?$o(n?.in||e,NaN):t?(i.setDate(i.getDate()+t),i):i}(e,-t,n)}function Bs(e,t,n){const i=qo(e,n?.in);if(isNaN(t))return $o(n?.in||e,NaN);if(!t)return i;const r=i.getDate(),a=$o(n?.in||e,i.getTime());return a.setMonth(i.getMonth()+t+1,0),r>=a.getDate()?a:(i.setFullYear(a.getFullYear(),a.getMonth(),r),i)}function zs(e,t){const n=qo(e,t?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function Hs(e,t,n){return function(e,t,n){return Bs(e,12*t,n)}(e,-t,n)}var Rs=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12.218 5.377a.25.25 0 0 0-.436 0l-7.29 12.96a.25.25 0 0 0 .218.373h14.58a.25.25 0 0 0 .218-.372l-7.29-12.96Zm-1.743-.735c.669-1.19 2.381-1.19 3.05 0l7.29 12.96a1.75 1.75 0 0 1-1.525 2.608H4.71a1.75 1.75 0 0 1-1.525-2.608l7.29-12.96ZM12.75 17.46h-1.5v-1.5h1.5v1.5Zm-1.5-3h1.5v-5h-1.5v5Z"})});const{DateCalendar:Ws,DateRangeCalendar:$s}=ye(o.privateApis),qs=[{id:"today",label:(0,V.__)("Today"),getValue:()=>(0,io.getDate)(null)},{id:"yesterday",label:(0,V.__)("Yesterday"),getValue:()=>Ds((0,io.getDate)(null),1)},{id:"past-week",label:(0,V.__)("Past week"),getValue:()=>Ds((0,io.getDate)(null),7)},{id:"past-month",label:(0,V.__)("Past month"),getValue:()=>{return Bs((0,io.getDate)(null),-1,e);var e}}],Gs=[{id:"last-7-days",label:(0,V.__)("Last 7 days"),getValue:()=>{const e=(0,io.getDate)(null);return[Ds(e,7),e]}},{id:"last-30-days",label:(0,V.__)("Last 30 days"),getValue:()=>{const e=(0,io.getDate)(null);return[Ds(e,30),e]}},{id:"month-to-date",label:(0,V.__)("Month to date"),getValue:()=>{const e=(0,io.getDate)(null);return[zs(e),e]}},{id:"last-year",label:(0,V.__)("Last year"),getValue:()=>{const e=(0,io.getDate)(null);return[Hs(e,1),e]}},{id:"year-to-date",label:(0,V.__)("Year to date"),getValue:()=>{const e=(0,io.getDate)(null);return[as(e),e]}}],Ks=e=>{if(!e)return null;const t=(0,io.getDate)(e);return t&&Go(t)?t:null},Ys=e=>e?"string"==typeof e?e:Ns(e,"yyyy-MM-dd"):"";function Us({field:e,validity:t,inputRefs:n,isTouched:i,setIsTouched:r,children:s}){const{isValid:c}=e,[u,d]=(0,a.useState)(void 0),f=(0,a.useCallback)(()=>{const e=Array.isArray(n)?n:[n];for(const t of e){const e=t.current;if(e&&!e.validity.valid)return void d({type:"invalid",message:e.validationMessage})}d(void 0)},[n]);return(0,a.useEffect)(()=>{if(i){const e=setTimeout(()=>{t?d(zo(c,t)):f()},0);return()=>clearTimeout(e)}},[i,c,t,f]),(0,l.jsxs)("div",{onBlur:e=>{i||e.relatedTarget&&e.currentTarget.contains(e.relatedTarget)||r(!0)},children:[s,(0,l.jsx)("div",{"aria-live":"polite",children:u&&(0,l.jsxs)("p",{className:pe("components-validated-control__indicator","invalid"===u.type?"is-invalid":void 0,"valid"===u.type?"is-valid":void 0),children:[(0,l.jsx)(o.Icon,{className:"components-validated-control__indicator-icon",icon:Rs,size:16,fill:"currentColor"}),u.message]})})]})}function Zs({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{id:s,label:c,setValue:u,getValue:d,isValid:f}=t,[m,v]=(0,a.useState)(null),p=d({item:e}),h="string"==typeof p?p:void 0,[g,b]=(0,a.useState)(()=>Ks(h)||new Date),[w,x]=(0,a.useState)(!1),y=(0,a.useRef)(null),_=(0,a.useCallback)(t=>n(u({item:e,value:t})),[e,n,u]),j=(0,a.useCallback)(e=>{const t=e?Ns(e,"yyyy-MM-dd"):void 0;_(t),v(null),x(!0)},[_]),C=(0,a.useCallback)(e=>{const t=e.getValue(),n=Ys(t);b(t),_(n),v(e.id),x(!0)},[_]),S=(0,a.useCallback)(e=>{if(_(e),e){const t=Ks(e);t&&b(t)}v(null),x(!0)},[_]),{timezone:{string:k},l10n:{startOfWeek:I}}=(0,io.getSettings)(),E=f?.required?`${c} (${(0,V.__)("Required")})`:c;return(0,l.jsx)(Us,{field:t,validity:r,inputRefs:y,isTouched:w,setIsTouched:x,children:(0,l.jsx)(o.BaseControl,{__nextHasNoMarginBottom:!0,id:s,className:"dataviews-controls__date",label:E,hideLabelFromVision:i,children:(0,l.jsxs)(o.__experimentalVStack,{spacing:4,children:[(0,l.jsxs)(o.__experimentalHStack,{spacing:2,wrap:!0,justify:"flex-start",children:[qs.map(e=>{const t=m===e.id;return(0,l.jsx)(o.Button,{className:"dataviews-controls__date-preset",variant:"tertiary",isPressed:t,size:"small",onClick:()=>C(e),children:e.label},e.id)}),(0,l.jsx)(o.Button,{className:"dataviews-controls__date-preset",variant:"tertiary",isPressed:!m,size:"small",disabled:!!m,accessibleWhenDisabled:!1,children:(0,V.__)("Custom")})]}),(0,l.jsx)(o.__experimentalInputControl,{__next40pxDefaultSize:!0,ref:y,type:"date",label:(0,V.__)("Date"),hideLabelFromVision:!0,value:h,onChange:S,required:!!t.isValid?.required}),(0,l.jsx)(Ws,{style:{width:"100%"},selected:h&&Ks(h)||void 0,onSelect:j,month:g,onMonthChange:b,timeZone:k||void 0,weekStartsOn:I})]})})})}function Xs({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{id:s,label:c,getValue:u,setValue:d}=t;let f;const m=u({item:e});Array.isArray(m)&&2===m.length&&m.every(e=>"string"==typeof e)&&(f=m);const v=(0,a.useCallback)(t=>{n(d({item:e,value:t}))},[e,n,d]),[p,h]=(0,a.useState)(null),g=(0,a.useMemo)(()=>{if(!f)return{from:void 0,to:void 0};const[e,t]=f;return{from:Ks(e)||void 0,to:Ks(t)||void 0}},[f]),[b,w]=(0,a.useState)(()=>g.from||new Date),[x,y]=(0,a.useState)(!1),_=(0,a.useRef)(null),j=(0,a.useRef)(null),C=(0,a.useCallback)((e,t)=>{e&&t?v([Ys(e),Ys(t)]):e||t||v(void 0)},[v]),S=(0,a.useCallback)(e=>{C(e?.from,e?.to),h(null),y(!0)},[C]),k=(0,a.useCallback)(e=>{const[t,n]=e.getValue();w(t),C(t,n),h(e.id),y(!0)},[C]),I=(0,a.useCallback)((e,t)=>{const[n,i]=f||[void 0,void 0];if(C("from"===e?t:n,"to"===e?t:i),t){const e=Ks(t);e&&w(e)}h(null),y(!0)},[f,C]),{timezone:E,l10n:N}=(0,io.getSettings)(),F=t.isValid?.required?`${c} (${(0,V.__)("Required")})`:c;return(0,l.jsx)(Us,{field:t,validity:r,inputRefs:[_,j],isTouched:x,setIsTouched:y,children:(0,l.jsx)(o.BaseControl,{__nextHasNoMarginBottom:!0,id:s,className:"dataviews-controls__date",label:F,hideLabelFromVision:i,children:(0,l.jsxs)(o.__experimentalVStack,{spacing:4,children:[(0,l.jsxs)(o.__experimentalHStack,{spacing:2,wrap:!0,justify:"flex-start",children:[Gs.map(e=>{const t=p===e.id;return(0,l.jsx)(o.Button,{className:"dataviews-controls__date-preset",variant:"tertiary",isPressed:t,size:"small",onClick:()=>k(e),children:e.label},e.id)}),(0,l.jsx)(o.Button,{className:"dataviews-controls__date-preset",variant:"tertiary",isPressed:!p,size:"small",accessibleWhenDisabled:!1,disabled:!!p,children:(0,V.__)("Custom")})]}),(0,l.jsxs)(o.__experimentalHStack,{spacing:2,children:[(0,l.jsx)(o.__experimentalInputControl,{__next40pxDefaultSize:!0,ref:_,type:"date",label:(0,V.__)("From"),hideLabelFromVision:!0,value:f?.[0],onChange:e=>I("from",e),required:!!t.isValid?.required}),(0,l.jsx)(o.__experimentalInputControl,{__next40pxDefaultSize:!0,ref:j,type:"date",label:(0,V.__)("To"),hideLabelFromVision:!0,value:f?.[1],onChange:e=>I("to",e),required:!!t.isValid?.required})]}),(0,l.jsx)($s,{style:{width:"100%"},selected:g,onSelect:S,month:b,onMonthChange:w,timeZone:E.string||void 0,weekStartsOn:N.startOfWeek})]})})})}var Qs=(0,l.jsx)(c.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)(c.Path,{d:"M12.5939 21C14.1472 21 16.1269 20.5701 17.0711 20.1975L16.6447 18.879C16.0964 19.051 14.3299 19.6242 12.6548 19.6242C7.4467 19.6242 4.67513 16.8726 4.67513 12C4.67513 7.21338 7.50762 4.34713 12.2893 4.34713C17.132 4.34713 19.4162 7.55732 19.4162 10.7675C19.4162 14.035 19.0508 15.4968 17.4975 15.4968C16.5838 15.4968 16.0964 14.7803 16.0964 13.9777V7.5H14.4822V8.30255H14.3909C14.1777 7.67198 12.9898 7.12739 11.467 7.2707C9.18274 7.5 7.4467 9.27707 7.4467 11.8567C7.4467 14.5796 8.81726 16.672 11.467 16.758C13.203 16.8153 14.1168 16.0127 14.4822 15.1815H14.5736C14.7563 16.414 16.401 16.8439 17.467 16.8439C20.6954 16.8439 21 13.5764 21 10.7962C21 6.86943 18.0761 3 12.3807 3C6.50254 3 3 6.3535 3 11.9427C3 17.7325 6.38071 21 12.5939 21ZM11.7107 15.2962C9.73096 15.2962 9.03046 13.6051 9.03046 11.7707C9.03046 10.1083 10.0355 8.67516 11.7716 8.67516C13.599 8.67516 14.5736 9.36306 14.5736 11.7707C14.5736 14.1497 13.7513 15.2962 11.7107 15.2962Z"})});const{ValidatedInputControl:Js}=ye(o.privateApis);function el({data:e,field:t,onChange:n,hideLabelFromVision:i,type:r,prefix:o,suffix:s,validity:c}){const{label:u,placeholder:d,description:f,getValue:m,setValue:v,isValid:p}=t,h=m({item:e}),g=(0,a.useCallback)(t=>n(v({item:e,value:t})),[e,v,n]);return(0,l.jsx)(Js,{required:!!p?.required,customValidity:zo(p,c),label:u,placeholder:d,value:h??"",help:f,onChange:g,hideLabelFromVision:i,type:r,prefix:o,suffix:s,__next40pxDefaultSize:!0})}var tl=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"})}),nl=(0,l.jsx)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,l.jsx)(c.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})});const{ValidatedNumberControl:il}=ye(o.privateApis);function rl(e){if(""===e||void 0===e)return"";const t=Number(e);return Number.isFinite(t)?t:""}function al({value:e,onChange:t,hideLabelFromVision:n,step:i}){const[r="",s=""]=e,c=(0,a.useCallback)(e=>t([rl(e),s]),[t,s]),u=(0,a.useCallback)(e=>t([r,rl(e)]),[t,r]);return(0,l.jsx)(o.BaseControl,{__nextHasNoMarginBottom:!0,help:(0,V.__)("The max. value must be greater than the min. value."),children:(0,l.jsxs)(o.Flex,{direction:"row",gap:4,children:[(0,l.jsx)(o.__experimentalNumberControl,{label:(0,V.__)("Min."),value:r,max:s?Number(s)-i:void 0,onChange:c,__next40pxDefaultSize:!0,hideLabelFromVision:n,step:i}),(0,l.jsx)(o.__experimentalNumberControl,{label:(0,V.__)("Max."),value:s,min:r?Number(r)+i:void 0,onChange:u,__next40pxDefaultSize:!0,hideLabelFromVision:n,step:i})]})})}function ol({data:e,field:t,onChange:n,hideLabelFromVision:i,operator:r,decimals:o,validity:s}){const c=Math.pow(10,-1*Math.abs(o)),{label:u,description:d,getValue:f,setValue:m,isValid:v}=t,p=f({item:e})??"",h=(0,a.useCallback)(t=>{n(m({item:e,value:["",void 0].includes(t)?void 0:Number(t)}))},[e,n,m]),g=(0,a.useCallback)(t=>{n(m({item:e,value:t}))},[e,n,m]);if(r===K){let e=["",""];return Array.isArray(p)&&2===p.length&&p.every(e=>"number"==typeof e||""===e)&&(e=p),(0,l.jsx)(al,{value:e,onChange:g,hideLabelFromVision:i,step:c})}return(0,l.jsx)(il,{required:!!v?.required,customValidity:zo(v,s),label:u,help:d,value:p,onChange:h,__next40pxDefaultSize:!0,hideLabelFromVision:i,step:c})}const{ValidatedRadioControl:sl}=ye(o.privateApis),{ValidatedSelectControl:ll}=ye(o.privateApis),{ValidatedToggleControl:cl}=ye(o.privateApis),{ValidatedTextareaControl:ul}=ye(o.privateApis),{ValidatedToggleGroupControl:dl}=ye(o.privateApis),{ValidatedFormTokenField:fl}=ye(o.privateApis),{ValidatedInputControl:ml,Picker:vl}=ye(o.privateApis),pl=({color:e,onColorChange:t})=>{const n=e&&To(e).isValid()?e:"#ffffff";return(0,l.jsx)(o.Dropdown,{renderToggle:({onToggle:e,isOpen:t})=>(0,l.jsx)(o.__experimentalInputControlPrefixWrapper,{variant:"icon",children:(0,l.jsx)("button",{type:"button",onClick:e,style:{width:"24px",height:"24px",borderRadius:"50%",backgroundColor:n,border:"1px solid #ddd",cursor:"pointer",outline:t?"2px solid #007cba":"none",outlineOffset:"2px",display:"flex",alignItems:"center",justifyContent:"center",padding:0,margin:0},"aria-label":"Open color picker"})}),renderContent:()=>(0,l.jsx)("div",{style:{padding:"16px"},children:(0,l.jsx)(vl,{color:To(n),onChange:t,enableAlpha:!0})})})};function hl(e){return Array.isArray(e.elements)&&e.elements.length>0||"function"==typeof e.getElements}const gl={array:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{label:s,placeholder:c,getValue:u,setValue:d,isValid:f}=t,m=u({item:e}),{elements:v,isLoading:p}=Qr({elements:t.elements,getElements:t.getElements}),h=(0,a.useMemo)(()=>Array.isArray(m)?m.map(e=>{const t=v?.find(t=>t.value===e);return t||{value:e,label:e}}):[],[m,v]),g=(0,a.useCallback)(t=>{const i=t.map(e=>"object"==typeof e&&"value"in e?e.value:e);n(d({item:e,value:i}))},[n,d,e]);return p?(0,l.jsx)(o.Spinner,{}):(0,l.jsx)(fl,{required:!!f?.required,customValidity:zo(f,r),label:i?void 0:s,value:h,onChange:g,placeholder:c,suggestions:v?.map(e=>e.value),__experimentalValidateInput:e=>!t.isValid?.elements||!v||v.some(t=>t.value===e||t.label===e),__experimentalExpandOnFocus:v&&v.length>0,__experimentalShowHowTo:!t.isValid?.elements,displayTransform:e=>{if("object"==typeof e&&"label"in e)return e.label;if("string"==typeof e&&v){const t=v.find(t=>t.value===e);return t?.label||e}return e},__experimentalRenderItem:({item:e})=>{if("string"==typeof e&&v){const t=v.find(t=>t.value===e);return(0,l.jsx)("span",{children:t?.label||e})}return(0,l.jsx)("span",{children:e})}})},checkbox:function({field:e,onChange:t,data:n,hideLabelFromVision:i,validity:r}){const{getValue:o,setValue:s,label:c,description:u,isValid:d}=e,f=(0,a.useCallback)(()=>{t(s({item:n,value:!o({item:n})}))},[n,o,t,s]);return(0,l.jsx)(Ho,{required:!!e.isValid?.required,customValidity:zo(d,r),hidden:i,label:c,help:u,checked:o({item:n}),onChange:f})},color:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{label:o,placeholder:s,description:c,setValue:u,isValid:d}=t,f=t.getValue({item:e})||"",m=(0,a.useCallback)(t=>{n(u({item:e,value:t.toHex()}))},[e,n,u]),v=(0,a.useCallback)(t=>{n(u({item:e,value:t||""}))},[e,n,u]);return(0,l.jsx)(ml,{required:!!t.isValid?.required,customValidity:zo(d,r),label:o,placeholder:s,value:f,help:c,onChange:v,hideLabelFromVision:i,type:"text",prefix:(0,l.jsx)(pl,{color:f,onColorChange:m})})},datetime:function({data:e,field:t,onChange:n,hideLabelFromVision:i,operator:r,validity:a}){return r===Z||r===X?(0,l.jsx)(Ms,{className:"dataviews-controls__datetime",data:e,field:t,onChange:n,hideLabelFromVision:i,operator:r}):(0,l.jsx)(Ts,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:a})},date:function({data:e,field:t,onChange:n,hideLabelFromVision:i,operator:r,validity:a}){return r===Z||r===X?(0,l.jsx)(Ms,{className:"dataviews-controls__date",data:e,field:t,onChange:n,hideLabelFromVision:i,operator:r}):r===K?(0,l.jsx)(Xs,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:a}):(0,l.jsx)(Zs,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:a})},email:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){return(0,l.jsx)(el,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r,type:"email",prefix:(0,l.jsx)(o.__experimentalInputControlPrefixWrapper,{variant:"icon",children:(0,l.jsx)(o.Icon,{icon:Qs})})})},telephone:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){return(0,l.jsx)(el,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r,type:"tel",prefix:(0,l.jsx)(o.__experimentalInputControlPrefixWrapper,{variant:"icon",children:(0,l.jsx)(o.Icon,{icon:tl})})})},url:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){return(0,l.jsx)(el,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r,type:"url",prefix:(0,l.jsx)(o.__experimentalInputControlPrefixWrapper,{variant:"icon",children:(0,l.jsx)(o.Icon,{icon:nl})})})},integer:function(e){return(0,l.jsx)(ol,{...e,decimals:0})},number:function(e){return(0,l.jsx)(ol,{...e,decimals:2})},password:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const[s,c]=(0,a.useState)(!1),u=(0,a.useCallback)(()=>{c(e=>!e)},[]);return(0,l.jsx)(el,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r,type:s?"text":"password",suffix:(0,l.jsx)(o.__experimentalInputControlSuffixWrapper,{variant:"control",children:(0,l.jsx)(o.Button,{icon:s?qe:Na,onClick:u,size:"small",label:s?(0,V.__)("Hide password"):(0,V.__)("Show password")})})})},radio:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{label:s,description:c,getValue:u,setValue:d,isValid:f}=t,{elements:m,isLoading:v}=Qr({elements:t.elements,getElements:t.getElements}),p=u({item:e}),h=(0,a.useCallback)(t=>n(d({item:e,value:t})),[e,n,d]);return v?(0,l.jsx)(o.Spinner,{}):(0,l.jsx)(sl,{required:!!t.isValid?.required,customValidity:zo(f,r),label:s,help:c,onChange:h,options:m,selected:p,hideLabelFromVision:i})},select:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{type:s,label:c,description:u,getValue:d,setValue:f,isValid:m}=t,v="array"===s,p=d({item:e})??(v?[]:""),h=(0,a.useCallback)(t=>n(f({item:e,value:t})),[e,n,f]),{elements:g,isLoading:b}=Qr({elements:t.elements,getElements:t.getElements});return b?(0,l.jsx)(o.Spinner,{}):(0,l.jsx)(ll,{required:!!t.isValid?.required,customValidity:zo(m,r),label:c,value:p,help:u,options:g,onChange:h,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,hideLabelFromVision:i,multiple:v})},text:function({data:e,field:t,onChange:n,hideLabelFromVision:i,config:r,validity:o}){const{prefix:s,suffix:c}=r||{};return(0,l.jsx)(el,{data:e,field:t,onChange:n,hideLabelFromVision:i,validity:o,prefix:s?(0,a.createElement)(s):void 0,suffix:c?(0,a.createElement)(c):void 0})},toggle:function({field:e,onChange:t,data:n,hideLabelFromVision:i,validity:r}){const{label:o,description:s,getValue:c,setValue:u,isValid:d}=e,f=(0,a.useCallback)(()=>{t(u({item:n,value:!c({item:n})}))},[t,u,n,c]);return(0,l.jsx)(cl,{required:!!d.required,customValidity:zo(d,r),hidden:i,__nextHasNoMarginBottom:!0,label:o,help:s,checked:c({item:n}),onChange:f})},textarea:function({data:e,field:t,onChange:n,hideLabelFromVision:i,config:r,validity:o}){const{rows:s=4}=r||{},{label:c,placeholder:u,description:d,setValue:f,isValid:m}=t,v=t.getValue({item:e}),p=(0,a.useCallback)(t=>n(f({item:e,value:t})),[e,n,f]);return(0,l.jsx)(ul,{required:!!m?.required,customValidity:zo(m,o),label:c,placeholder:u,value:v??"",help:d,onChange:p,rows:s,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,hideLabelFromVision:i})},toggleGroup:function({data:e,field:t,onChange:n,hideLabelFromVision:i,validity:r}){const{getValue:s,setValue:c,isValid:u}=t,d=s({item:e}),f=(0,a.useCallback)(t=>n(c({item:e,value:t})),[e,n,c]),{elements:m,isLoading:v}=Qr({elements:t.elements,getElements:t.getElements});if(v)return(0,l.jsx)(o.Spinner,{});if(0===m.length)return null;const p=m.find(e=>e.value===d);return(0,l.jsx)(dl,{required:!!t.isValid?.required,customValidity:zo(u,r),__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,isBlock:!0,label:t.label,help:p?.description||t.description,onChange:f,value:d,hideLabelFromVision:i,children:m.map(e=>(0,l.jsx)(o.__experimentalToggleGroupControlOption,{label:e.label,value:e.value},e.value))})}};function bl(e){return e&&"object"==typeof e&&"string"==typeof e.control}function wl(e){const{control:t,...n}=e,i=xl(t);return function(e){return(0,l.jsx)(i,{...e,config:n})}}function xl(e){if(Object.keys(gl).includes(e))return gl[e];throw"Control "+e+" not found"}const yl=e=>e.id,_l=()=>!0,jl=[],Cl=pt.filter(e=>!e.isPicker);function Sl({header:e,search:t=!0,searchLabel:n}){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(o.__experimentalHStack,{alignment:"top",justify:"space-between",className:"dataviews__view-actions",spacing:1,children:[(0,l.jsxs)(o.__experimentalHStack,{justify:"start",expanded:!1,className:"dataviews__search",children:[t&&(0,l.jsx)(ka,{label:n}),(0,l.jsx)(xt,{})]}),(0,l.jsxs)(o.__experimentalHStack,{spacing:1,expanded:!1,style:{flexShrink:0},children:[(0,l.jsx)(Ua,{}),e]})]}),(0,l.jsx)(ba,{className:"dataviews-filters__container"}),(0,l.jsx)(wa,{}),(0,l.jsx)(Sa,{})]})}const kl=function({view:e,onChangeView:t,fields:n,search:i=!0,searchLabel:r,actions:o=jl,data:s,getItemId:c=yl,getItemLevel:u,isLoading:d=!1,paginationInfo:f,defaultLayouts:m,selection:v,onChangeSelection:p,onClickItem:h,renderItemLink:g,isItemClickable:b=_l,header:w,children:x,config:y={perPageSizes:[10,20,50,100]},empty:_}){const{infiniteScrollHandler:j}=f,C=(0,a.useRef)(null),[S,V]=(0,a.useState)(0),I=(0,k.useResizeObserver)(e=>{V(e[0].borderBoxSize[0].inlineSize)},{box:"border-box"}),[E,O]=(0,a.useState)([]),M=void 0===v||void 0===p,P=M?E:v,[L,A]=(0,a.useState)(null),T=(0,a.useMemo)(()=>function(e){return e.map(e=>{const t="email"===(n=e.type)?Qa:"integer"===n?Ja:"number"===n?eo:"text"===n?to:"datetime"===n?no:"date"===n?ro:"boolean"===n?ao:"media"===n?oo:"array"===n?lo:"password"===n?co:"telephone"===n?uo:"color"===n?Do:"url"===n?Bo:{sort:(e,t,n)=>"number"==typeof e&&"number"==typeof t?"asc"===n?e-t:t-e:"asc"===n?e.localeCompare(t):t.localeCompare(e),isValid:{elements:!0,custom:()=>null},Edit:null,render:({item:e,field:t})=>t.hasElements?(0,l.jsx)(Za,{item:e,field:t}):t.getValue({item:e}),enableSorting:!0,filterBy:{defaultOperators:[N,F],validOperators:Q}};var n;const i=e.getValue||(r=e.id,({item:e})=>{const t=r.split(".");let n=e;for(const e of t)n=n.hasOwnProperty(e)?n[e]:void 0;return n});var r;const a=e.setValue||(e=>({value:t})=>{const n=e.split("."),i={};let r=i;for(const e of n.slice(0,-1))r[e]={},r=r[e];return r[n.at(-1)]=t,i})(e.id),o=e.sort??function(e,n,r){return t.sort(i({item:e}),i({item:n}),r)},s={...t.isValid,...e.isValid},c=function(e,t){return"function"==typeof e.Edit?e.Edit:"string"==typeof e.Edit?xl(e.Edit):bl(e.Edit)?wl(e.Edit):hl(e)&&"array"!==e.type?xl("select"):"string"==typeof t.Edit?xl(t.Edit):bl(t.Edit)?wl(t.Edit):t.Edit}(e,t),u=e.render??function({item:e,field:n}){return t.render({item:e,field:n})},d=function(e,t){if(!1===e.filterBy)return!1;if("object"==typeof e.filterBy){let n=e.filterBy.operators;n&&Array.isArray(n)||(n=t.filterBy?t.filterBy.defaultOperators:[]);let i=Q;return"object"==typeof t.filterBy&&(i=t.filterBy.validOperators),n=n.filter(e=>i.includes(e)),hl(e)&&n.includes(K)&&(n=n.filter(e=>e!==K)),n.some(e=>J.includes(e))&&(n=n.filter(e=>[...J,K].includes(e))),0!==n.length&&{isPrimary:!!e.filterBy.isPrimary,operators:n}}if(!1===t.filterBy)return!1;let n=t.filterBy.defaultOperators;return hl(e)&&n.includes(K)&&(n=n.filter(e=>e!==K)),{operators:n}}(e,t);return{...e,label:e.label||e.id,header:e.header||e.label||e.id,getValue:i,setValue:a,render:u,sort:o,isValid:s,Edit:c,hasElements:hl(e),enableHiding:e.enableHiding??!0,enableSorting:e.enableSorting??t.enableSorting??!0,filterBy:d,readOnly:e.readOnly??t.readOnly??!1}})}(n),[n]),D=(0,a.useMemo)(()=>P.filter(e=>s.some(t=>c(t)===e)),[P,s,c]),B=ha(T,e),z=(0,a.useMemo)(()=>(B||[]).some(e=>e.isPrimary||e.isLocked),[B]),[H,R]=(0,a.useState)(z);(0,a.useEffect)(()=>{z&&!H&&R(!0)},[z,H]),(0,a.useEffect)(()=>{if(!e.infiniteScrollEnabled||!C.current)return;const t=(0,k.throttle)(e=>{const t=e.target,n=t.scrollTop,i=t.scrollHeight;n+t.clientHeight>=i-100&&j?.()},100),n=C.current;return n.addEventListener("scroll",t),()=>{n.removeEventListener("scroll",t),t.cancel()}},[j,e.infiniteScrollEnabled]);const W=(0,a.useMemo)(()=>Object.fromEntries(Object.entries(m).filter(([e])=>Cl.some(t=>t.type===e))),[m]);return W[e.type]?(0,l.jsx)(ce.Provider,{value:{view:e,onChangeView:t,fields:T,actions:o,data:s,isLoading:d,paginationInfo:f,selection:D,onChangeSelection:function(e){const t="function"==typeof e?e(P):e;M&&O(t),p&&p(t)},openedFilter:L,setOpenedFilter:A,getItemId:c,getItemLevel:u,isItemClickable:b,onClickItem:h,renderItemLink:g,containerWidth:S,containerRef:C,resizeObserverRef:I,defaultLayouts:W,filters:B,isShowingFilter:H,setIsShowingFilter:R,config:y,empty:_,hasInfiniteScrollHandler:!!j},children:(0,l.jsx)("div",{className:"dataviews-wrapper",ref:C,children:x??(0,l.jsx)(Sl,{header:w,search:i,searchLabel:r})})}):null};kl.BulkActionToolbar=He,kl.Filters=ga,kl.FiltersToggled=ba,kl.FiltersToggle=xt,kl.Layout=wa,kl.LayoutSwitcher=Ta,kl.Pagination=_a,kl.Search=ka,kl.ViewConfig=Ka,kl.Footer=Sa;var Vl=kl;function Il({onSelectItem:e}){const{items:t,isLoading:n}=C("followers"),[i,r]=(0,a.useState)({type:"table",perPage:20,page:1}),s=[{id:"name",label:"Name",enableSorting:!0,render:({item:t})=>(0,l.jsx)("button",{onClick:()=>e(t.id),style:{background:"none",border:"none",color:"var(--wpds-color-bg-interactive-brand, #3858e9)",cursor:"pointer",textAlign:"left"},children:t.name})},{id:"url",label:"URL",enableSorting:!1},{id:"followers",label:"Followers",enableSorting:!0}];return(0,l.jsx)(p,{title:"Followers",subTitle:"Manage and view your followers",hasPadding:!1,actions:(0,l.jsx)(o.Button,{variant:"primary",children:"Add Follower"}),children:(0,l.jsx)(Vl,{data:t||[],fields:s,view:i,onChangeView:r,isLoading:n,paginationInfo:{totalItems:t?.length||0,totalPages:1}})})}function El({onSelectItem:e}){return(0,l.jsx)(p,{title:"Following",subTitle:"Accounts you follow",hasPadding:!0,contentWidth:"constrained",children:(0,l.jsx)("p",{children:"Following list coming soon..."})})}function Nl({onSelectItem:e}){return(0,l.jsx)(p,{title:"Interactions",subTitle:"Your ActivityPub interactions",hasPadding:!0,contentWidth:"constrained",children:(0,l.jsx)("p",{children:"Interactions list coming soon..."})})}function Fl({id:e,onClose:t}){const{items:n,isLoading:i}=C("followers",e);return i?(0,l.jsx)("div",{children:"Loading..."}):n?(0,l.jsxs)(p,{title:n.name,hasPadding:!0,actions:(0,l.jsx)(o.Button,{size:"small",onClick:t,children:"Close"}),children:[(0,l.jsx)(o.Card,{children:(0,l.jsxs)(o.CardBody,{children:[(0,l.jsx)("h3",{children:"Overview"}),(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{children:"URL:"})," ",n.url]}),(0,l.jsxs)("p",{children:[(0,l.jsx)("strong",{children:"Followers:"})," ",n.followers]})]})}),(0,l.jsx)(o.Card,{children:(0,l.jsxs)(o.CardBody,{children:[(0,l.jsx)("h3",{children:"Recent Activity"}),(0,l.jsx)("p",{children:"Activity timeline coming soon..."})]})})]}):(0,l.jsx)("div",{children:"Follower not found"})}function Ol({id:e,onClose:t}){return(0,l.jsx)(p,{title:"Following Details",hasPadding:!0,actions:(0,l.jsx)(o.Button,{size:"small",onClick:t,children:"Close"}),children:(0,l.jsxs)("p",{children:["Following details for ID: ",e]})})}function Ml({id:e,onClose:t}){return(0,l.jsx)(p,{title:"Interaction Details",hasPadding:!0,actions:(0,l.jsx)(o.Button,{size:"small",onClick:t,children:"Close"}),children:(0,l.jsxs)("p",{children:["Interaction details for ID: ",e]})})}function Pl(){const[e,t]=(0,a.useState)("dashboard"),[n,i]=(0,a.useState)(null);(0,a.useEffect)(()=>(document.body.classList.add("is-fullscreen-mode"),()=>{document.body.classList.remove("is-fullscreen-mode")}),[]);const r=e=>{i(e)},o=()=>{i(null)},s=!!n;return(0,l.jsx)("div",{className:"app-layout",children:(0,l.jsxs)("div",{className:"app-content",children:[(0,l.jsx)("div",{className:"sidebar-region",children:(0,l.jsx)(d,{activeSection:e,onNavigate:t})}),(0,l.jsx)("div",{className:"stage-region",children:(0,l.jsx)(v,{children:(()=>{const t={onSelectItem:r};switch(e){case"dashboard":default:return(0,l.jsx)(S,{});case"followers":return(0,l.jsx)(Il,{...t});case"following":return(0,l.jsx)(El,{...t});case"interactions":return(0,l.jsx)(Nl,{...t})}})()})}),s&&(0,l.jsx)("div",{className:"inspector-region",children:(0,l.jsx)(v,{children:(()=>{if(!n)return null;const t={id:n,onClose:o};switch(e){case"followers":return(0,l.jsx)(Fl,{...t});case"following":return(0,l.jsx)(Ol,{...t});case"interactions":return(0,l.jsx)(Ml,{...t});default:return null}})()})})]})})}console.log("ActivityPub Social Web: Script loaded"),window.wp=window.wp||{},window.wp.activitypubSocialWeb={initialize:function(e,t){const n=document.getElementById(e);n&&(0,a.createRoot)(n).render((0,l.jsx)(s.ShortcutProvider,{children:(0,l.jsx)(o.SlotFillProvider,{children:(0,l.jsx)(Pl,{})})}))}},console.log("ActivityPub Social Web: window.wp.activitypubSocialWeb set",window.wp.activitypubSocialWeb)},731:e=>{var t={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},n=Object.keys(t).join("|"),i=new RegExp(n,"g"),r=new RegExp(n,"");function a(e){return t[e]}var o=function(e){return e.replace(i,a)};e.exports=o,e.exports.has=function(e){return!!e.match(r)},e.exports.remove=o},888:(e,t,n)=>{"use strict";e.exports=n(493)},942:(e,t)=>{var n;!function(){"use strict";var i={}.hasOwnProperty;function r(){for(var e="",t=0;t{if(!n){var o=1/0;for(u=0;u=r)&&Object.keys(a.O).every(e=>a.O[e](n[l]))?n.splice(l--,1):(s=!1,r0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[n,i,r]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(e,i){if(1&i&&(e=this(e)),8&i)return e;if("object"==typeof e&&e){if(4&i&&e.__esModule)return e;if(16&i&&"function"==typeof e.then)return e}var r=Object.create(null);a.r(r);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&i&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach(t=>o[t]=()=>e[t]);return o.default=()=>e,a.d(r,o),r},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={994:0,982:0};a.O.j=t=>0===e[t];var t=(t,n)=>{var i,r,[o,s,l]=n,c=0;if(o.some(t=>0!==e[t])){for(i in s)a.o(s,i)&&(a.m[i]=s[i]);if(l)var u=l(a)}for(t&&t(n);ca(678));o=a.O(o)})(); \ No newline at end of file diff --git a/build/social-web/style-index-rtl.css b/build/social-web/style-index-rtl.css index 259068356..35db89204 100644 --- a/build/social-web/style-index-rtl.css +++ b/build/social-web/style-index-rtl.css @@ -1 +1,4 @@ -body.toplevel_page_activitypub-social-web{background:#1e1e1e}.activitypub-social-web-layout{bottom:0;right:0;position:fixed;left:0;top:0;z-index:99998}.activitypub-social-web-layout .edit-site-layout{height:100vh}.activitypub-social-web-layout .edit-site-layout__content{background:#1e1e1e;display:flex;height:100%}.activitypub-social-web-layout .edit-site-layout__sidebar-region{background:#1e1e1e;border-left:1px solid #2f2f2f;flex-shrink:0;overflow:auto;width:272px}.activitypub-social-web-layout .edit-site-layout__sidebar{display:flex;flex-direction:column;height:100%}.activitypub-social-web-layout .edit-site-layout__canvas-container{display:flex;flex:1;overflow:hidden}.activitypub-social-web-layout .edit-site-layout__area{background:#2f2f2f;border-left:1px solid #3f3f3f;flex-shrink:0;overflow:auto;width:380px}.activitypub-social-web-layout .edit-site-layout__canvas{flex:1;padding:12px;position:relative}.activitypub-social-web-layout .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{background:#fff;border-radius:8px;bottom:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);right:12px;overflow:auto;position:absolute;left:12px;top:12px}.edit-site-layout__sidebar.slide-from-right{animation:slideFromRight .3s ease-out}.edit-site-layout__sidebar.slide-from-left{animation:slideFromLeft .3s ease-out}@keyframes slideFromRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.edit-site-site-hub{align-items:center;background:transparent;border-bottom:none;display:flex;flex-shrink:0;height:60px;padding:0}.edit-site-site-hub>.components-h-stack{align-items:center;height:100%;padding-left:4px;width:100%}.edit-site-site-hub__title{flex:1;min-width:0}.edit-site-site-hub__title .components-button{align-items:center;color:#e0e0e0;display:flex;font-size:15px;font-weight:500;height:60px;overflow:hidden;padding:0 16px 0 8px;text-align:right;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.edit-site-site-hub__title .components-button:hover{color:#fff}.edit-site-site-hub__title .components-button:focus:not(:disabled){box-shadow:none;outline:none}.edit-site-site-hub__view-mode-toggle-container{align-items:center;background:transparent;display:flex;flex-shrink:0;height:60px}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle{align-items:center;background:#1e1e1e;border:none;border-radius:0;color:#e0e0e0;display:flex;height:60px;justify-content:center;padding:0;position:relative;width:60px}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle:hover{background:#2a2a2a}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle:focus:not(:disabled){box-shadow:none;outline:1px dotted transparent}.edit-site-site-hub__actions{align-items:center;display:flex;flex-shrink:0;height:100%}.edit-site-site-hub__toggle-command-center{align-items:center;border-radius:2px;color:#949494;display:flex;height:36px;justify-content:center;width:36px}.edit-site-site-hub__toggle-command-center:hover{background:hsla(0,0%,100%,.04);color:#e0e0e0}.edit-site-site-hub__toggle-command-center:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-site-icon{align-items:center;display:flex;justify-content:center}.edit-site-site-icon__image{border-radius:2px;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.edit-site-site-icon__icon{fill:currentColor}.edit-site-layout__view-mode-toggle-icon{align-items:center;display:flex;justify-content:center}.edit-site-sidebar-navigation-screen{color:#e0e0e0;padding:16px}.edit-site-sidebar-navigation-screen__header{margin-bottom:24px}.edit-site-sidebar-navigation-screen__title{color:#e0e0e0!important;font-size:20px;font-weight:500;margin:0}.edit-site-sidebar-navigation-screen__description{color:#949494;font-size:13px;margin-top:8px}.edit-site-sidebar-navigation-screen__content{flex:1;overflow-y:auto}.edit-site-sidebar-navigation-screen__footer{border-top:1px solid #2f2f2f;margin-top:16px;padding-top:16px}.edit-site-sidebar-navigation-item{border-radius:2px;color:#e0e0e0;cursor:pointer;margin-bottom:2px;padding:8px 12px}.edit-site-sidebar-navigation-item:hover{background:#2f2f2f;color:#fff}.edit-site-sidebar-navigation-item.is-selected{background:#3f3f3f;color:#fff}.edit-site-sidebar-navigation-item__drilldown-indicator{margin-right:auto;opacity:.5}.activitypub-content-panel{background:#2f2f2f;color:#e0e0e0;height:100%;overflow-y:auto;padding:24px}.activitypub-content-panel h1,.activitypub-content-panel h2,.activitypub-content-panel h3{color:#e0e0e0}.activitypub-content-panel .components-card{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.activitypub-content-panel .components-card__header{border-bottom-color:#3f3f3f}.activitypub-dashboard{background:#fff;color:#1e1e1e}.activitypub-dashboard h1,.activitypub-dashboard h2,.activitypub-dashboard h3{color:#1e1e1e}.activitypub-dashboard .components-card{background:#fff;border:1px solid #e0e0e0;color:#1e1e1e}.activitypub-dashboard .activitypub-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px 0}.activitypub-dashboard .activitypub-stat-card .components-card__header{border-bottom:1px solid #e0e0e0;padding:12px 16px}.activitypub-dashboard .activitypub-stat-card .components-card__body{padding:16px;text-align:center}.activitypub-followers-list .components-item{border-radius:2px;cursor:pointer;padding:12px}.activitypub-followers-list .components-item:hover{background:#3f3f3f}.activitypub-followers-list .components-item.is-selected{background:#4f4f4f}.activitypub-followers-list .components-item img{flex-shrink:0}.activitypub-follower-details .components-tab-panel__tabs{border-bottom:1px solid #3f3f3f;margin-bottom:16px}.activitypub-follower-details .components-tab-panel__tabs .components-button{border-bottom:2px solid transparent;border-radius:0;color:#e0e0e0}.activitypub-follower-details .components-tab-panel__tabs .components-button.is-pressed{border-bottom-color:#fff;color:#fff}.activitypub-follower-details .components-tab-panel__tabs .components-button:hover:not(.is-pressed){color:#fff}.activitypub-follower-details code{background:#3f3f3f;border-radius:2px;color:#e0e0e0;font-size:12px;padding:4px 8px}.activitypub-follower-details .has-warning{color:#fc0}.activitypub-preview-panel{background:#fff;height:100%;width:100%}.activitypub-preview-panel .activitypub-preview-iframe{border:0;height:100%;width:100%}.activitypub-preview-panel .activitypub-preview-placeholder{align-items:center;background:#f0f0f0;color:#949494;display:flex;font-size:14px;height:100%;justify-content:center}.components-search-control,.components-select-control{margin-bottom:16px}.components-search-control .components-base-control__label,.components-select-control .components-base-control__label{color:#e0e0e0;font-size:11px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.components-search-control input,.components-search-control select,.components-select-control input,.components-select-control select{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.components-search-control input:focus,.components-search-control select:focus,.components-select-control input:focus,.components-select-control select:focus{border-color:#5f5f5f;box-shadow:none}.activitypub-panel-layout{display:flex;height:100%;position:relative;width:100%}.activitypub-panel-layout__main{display:flex;flex:1;overflow:hidden}.activitypub-panel-layout__content{background:#2f2f2f;border-left:1px solid #3f3f3f;flex-shrink:0;overflow:auto;padding:24px;width:380px}.activitypub-panel-layout__detail{background:#2f2f2f;border-left:1px solid #3f3f3f;flex:1;min-width:400px;overflow:auto}.activitypub-panel-layout__canvas{background:#1e1e1e;flex:1;padding:12px;position:relative}.activitypub-panel-layout__canvas .edit-site-resizable-frame__inner-content{background:#fff;border-radius:8px;bottom:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);right:12px;overflow:auto;position:absolute;left:12px;top:12px}.activitypub-panel-layout.has-selection.is-split-view .activitypub-panel-layout__content,.activitypub-panel-layout.is-detail-view .activitypub-panel-layout__content,.activitypub-panel-layout.is-list-view .activitypub-panel-layout__detail{display:none}.activitypub-panel-layout.has-selection.is-split-view .activitypub-panel-layout__detail{display:block}.activitypub-item-view{background:#2f2f2f;color:#e0e0e0;display:flex;flex-direction:column;height:100%}.activitypub-item-view__header{border-bottom:1px solid #3f3f3f;padding:24px}.activitypub-item-view__header .components-heading{color:#e0e0e0;margin:0}.activitypub-item-view__subtitle{color:#949494;display:block;font-size:14px;margin-top:4px}.activitypub-item-view__header-text{flex:1}.activitypub-item-view__header-actions{flex-shrink:0}.activitypub-item-view__close{color:#e0e0e0}.activitypub-item-view__close:hover{color:#fff}.activitypub-item-view__content{flex:1;overflow-y:auto;padding:24px}.activitypub-item-view__content .components-tab-panel__tabs{border-bottom:1px solid #3f3f3f;margin:-24px -24px 24px;padding:0 24px}.activitypub-item-view__content .components-tab-panel__tabs .components-button{border-bottom:2px solid transparent;border-radius:0;color:#949494;padding:12px 16px}.activitypub-item-view__content .components-tab-panel__tabs .components-button.is-active{border-bottom-color:#e0e0e0;color:#e0e0e0}.activitypub-item-view__content .components-tab-panel__tabs .components-button:hover:not(.is-active){color:#e0e0e0}.activitypub-item-view-empty{align-items:center;color:#949494;display:flex;height:100%;justify-content:center;padding:48px;text-align:center}.activitypub-follower-activity,.activitypub-follower-overview,.activitypub-follower-settings{color:#e0e0e0}.activitypub-follower-activity .components-card,.activitypub-follower-overview .components-card,.activitypub-follower-settings .components-card{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.activitypub-follower-activity code,.activitypub-follower-overview code,.activitypub-follower-settings code{background:#3f3f3f;border-radius:2px;color:#e0e0e0;font-size:12px;padding:4px 8px}.activitypub-follower-activity .has-warning,.activitypub-follower-overview .has-warning,.activitypub-follower-settings .has-warning{color:#fc0}@media(max-width:782px){.edit-site-layout__area,.edit-site-layout__sidebar-region{width:100%}.edit-site-layout__canvas-container{display:none}.edit-site-layout__canvas-container.is-mobile-active{bottom:0;display:block;right:0;position:fixed;left:0;top:0;z-index:100}} +.sidebar{background-color:#1e1e1e;border-radius:var(--wpds-border-radius-large,8px);color:#e0e0e0;display:flex;flex:1;flex-direction:column;margin:10px 10px 10px 0;min-height:0;overflow:hidden}.header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:var(--wpds-spacing-40,16px)}.title{color:#fff;font-size:var(--wpds-font-size-medium,16px);font-weight:500;margin:0}.nav{flex:1;overflow-y:auto;padding:var(--wpds-spacing-20,8px)}.menu-item{align-items:center;border-radius:var(--wpds-border-radius-small,2px);color:#e0e0e0;display:flex;gap:var(--wpds-spacing-20,8px)}.menu-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.menu-item.is-selected{background-color:hsla(0,0%,100%,.15);color:#fff}.menu-item svg{flex-shrink:0}.footer{border-top:1px solid hsla(0,0%,100%,.1);padding:var(--wpds-spacing-40,16px)} +.panel{background:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-large,8px);display:flex;flex:1;flex-direction:column;margin:16px 0 16px 16px;min-height:0;overflow:hidden} +#activitypub-social-web-root>div,#activitypub-social-web-root>div>div{height:100%}.app-layout{flex-direction:column}.app-content,.app-layout{background-color:#1e1e1e;display:flex;height:100%;overflow:hidden;width:100%}.app-content{flex-grow:1}.sidebar-region{flex-shrink:0;width:300px}.sidebar-region,.stage-region{display:flex;flex-direction:column}.stage-region{flex-grow:1;min-width:400px}.inspector-region{display:flex;flex-direction:column;flex-shrink:0;width:var(--sw-inspector-width)}@media(max-width:782px){.app-content{flex-direction:column}.inspector-region,.sidebar-region{width:100%}} +.page{display:flex;flex-direction:column;height:100%}.header{flex-shrink:0;padding:var(--wpds-spacing-60,24px)}.header.has-border{border-bottom:var(--wpds-border-width-focus,1px) solid var(--wpds-color-stroke-surface-neutral,#ddd)}.title-row{gap:var(--wpds-spacing-40,16px);justify-content:space-between}.title-group,.title-row{align-items:center;display:flex}.title-group{gap:var(--wpds-spacing-30,12px)}.title{color:var(--wpds-color-fg-primary,#1e1e1e);font-size:var(--wpds-font-size-large,20px);font-weight:500;margin:0}.sub-title{color:var(--wpds-color-fg-secondary,#757575);font-size:var(--wpds-font-size-small,13px);margin:var(--wpds-spacing-20,8px) 0 0}.content{display:flex;flex:1;flex-direction:column;gap:var(--wpds-spacing-60,24px);overflow:auto}.content.padded{padding:var(--wpds-spacing-60,24px)}.content.constrained{margin:0 auto;max-width:960px;width:100%}.content.full{padding:0} diff --git a/build/social-web/style-index.css b/build/social-web/style-index.css index 9e43da4a7..d09048257 100644 --- a/build/social-web/style-index.css +++ b/build/social-web/style-index.css @@ -1 +1,4 @@ -body.toplevel_page_activitypub-social-web{background:#1e1e1e}.activitypub-social-web-layout{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99998}.activitypub-social-web-layout .edit-site-layout{height:100vh}.activitypub-social-web-layout .edit-site-layout__content{background:#1e1e1e;display:flex;height:100%}.activitypub-social-web-layout .edit-site-layout__sidebar-region{background:#1e1e1e;border-right:1px solid #2f2f2f;flex-shrink:0;overflow:auto;width:272px}.activitypub-social-web-layout .edit-site-layout__sidebar{display:flex;flex-direction:column;height:100%}.activitypub-social-web-layout .edit-site-layout__canvas-container{display:flex;flex:1;overflow:hidden}.activitypub-social-web-layout .edit-site-layout__area{background:#2f2f2f;border-right:1px solid #3f3f3f;flex-shrink:0;overflow:auto;width:380px}.activitypub-social-web-layout .edit-site-layout__canvas{flex:1;padding:12px;position:relative}.activitypub-social-web-layout .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{background:#fff;border-radius:8px;bottom:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);left:12px;overflow:auto;position:absolute;right:12px;top:12px}.edit-site-layout__sidebar.slide-from-right{animation:slideFromRight .3s ease-out}.edit-site-layout__sidebar.slide-from-left{animation:slideFromLeft .3s ease-out}@keyframes slideFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.edit-site-site-hub{align-items:center;background:transparent;border-bottom:none;display:flex;flex-shrink:0;height:60px;padding:0}.edit-site-site-hub>.components-h-stack{align-items:center;height:100%;padding-right:4px;width:100%}.edit-site-site-hub__title{flex:1;min-width:0}.edit-site-site-hub__title .components-button{align-items:center;color:#e0e0e0;display:flex;font-size:15px;font-weight:500;height:60px;overflow:hidden;padding:0 8px 0 16px;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.edit-site-site-hub__title .components-button:hover{color:#fff}.edit-site-site-hub__title .components-button:focus:not(:disabled){box-shadow:none;outline:none}.edit-site-site-hub__view-mode-toggle-container{align-items:center;background:transparent;display:flex;flex-shrink:0;height:60px}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle{align-items:center;background:#1e1e1e;border:none;border-radius:0;color:#e0e0e0;display:flex;height:60px;justify-content:center;padding:0;position:relative;width:60px}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle:hover{background:#2a2a2a}.edit-site-site-hub__view-mode-toggle-container .edit-site-layout__view-mode-toggle:focus:not(:disabled){box-shadow:none;outline:1px dotted transparent}.edit-site-site-hub__actions{align-items:center;display:flex;flex-shrink:0;height:100%}.edit-site-site-hub__toggle-command-center{align-items:center;border-radius:2px;color:#949494;display:flex;height:36px;justify-content:center;width:36px}.edit-site-site-hub__toggle-command-center:hover{background:hsla(0,0%,100%,.04);color:#e0e0e0}.edit-site-site-hub__toggle-command-center:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-site-icon{align-items:center;display:flex;justify-content:center}.edit-site-site-icon__image{border-radius:2px;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.edit-site-site-icon__icon{fill:currentColor}.edit-site-layout__view-mode-toggle-icon{align-items:center;display:flex;justify-content:center}.edit-site-sidebar-navigation-screen{color:#e0e0e0;padding:16px}.edit-site-sidebar-navigation-screen__header{margin-bottom:24px}.edit-site-sidebar-navigation-screen__title{color:#e0e0e0!important;font-size:20px;font-weight:500;margin:0}.edit-site-sidebar-navigation-screen__description{color:#949494;font-size:13px;margin-top:8px}.edit-site-sidebar-navigation-screen__content{flex:1;overflow-y:auto}.edit-site-sidebar-navigation-screen__footer{border-top:1px solid #2f2f2f;margin-top:16px;padding-top:16px}.edit-site-sidebar-navigation-item{border-radius:2px;color:#e0e0e0;cursor:pointer;margin-bottom:2px;padding:8px 12px}.edit-site-sidebar-navigation-item:hover{background:#2f2f2f;color:#fff}.edit-site-sidebar-navigation-item.is-selected{background:#3f3f3f;color:#fff}.edit-site-sidebar-navigation-item__drilldown-indicator{margin-left:auto;opacity:.5}.activitypub-content-panel{background:#2f2f2f;color:#e0e0e0;height:100%;overflow-y:auto;padding:24px}.activitypub-content-panel h1,.activitypub-content-panel h2,.activitypub-content-panel h3{color:#e0e0e0}.activitypub-content-panel .components-card{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.activitypub-content-panel .components-card__header{border-bottom-color:#3f3f3f}.activitypub-dashboard{background:#fff;color:#1e1e1e}.activitypub-dashboard h1,.activitypub-dashboard h2,.activitypub-dashboard h3{color:#1e1e1e}.activitypub-dashboard .components-card{background:#fff;border:1px solid #e0e0e0;color:#1e1e1e}.activitypub-dashboard .activitypub-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px 0}.activitypub-dashboard .activitypub-stat-card .components-card__header{border-bottom:1px solid #e0e0e0;padding:12px 16px}.activitypub-dashboard .activitypub-stat-card .components-card__body{padding:16px;text-align:center}.activitypub-followers-list .components-item{border-radius:2px;cursor:pointer;padding:12px}.activitypub-followers-list .components-item:hover{background:#3f3f3f}.activitypub-followers-list .components-item.is-selected{background:#4f4f4f}.activitypub-followers-list .components-item img{flex-shrink:0}.activitypub-follower-details .components-tab-panel__tabs{border-bottom:1px solid #3f3f3f;margin-bottom:16px}.activitypub-follower-details .components-tab-panel__tabs .components-button{border-bottom:2px solid transparent;border-radius:0;color:#e0e0e0}.activitypub-follower-details .components-tab-panel__tabs .components-button.is-pressed{border-bottom-color:#fff;color:#fff}.activitypub-follower-details .components-tab-panel__tabs .components-button:hover:not(.is-pressed){color:#fff}.activitypub-follower-details code{background:#3f3f3f;border-radius:2px;color:#e0e0e0;font-size:12px;padding:4px 8px}.activitypub-follower-details .has-warning{color:#fc0}.activitypub-preview-panel{background:#fff;height:100%;width:100%}.activitypub-preview-panel .activitypub-preview-iframe{border:0;height:100%;width:100%}.activitypub-preview-panel .activitypub-preview-placeholder{align-items:center;background:#f0f0f0;color:#949494;display:flex;font-size:14px;height:100%;justify-content:center}.components-search-control,.components-select-control{margin-bottom:16px}.components-search-control .components-base-control__label,.components-select-control .components-base-control__label{color:#e0e0e0;font-size:11px;font-weight:500;margin-bottom:8px;text-transform:uppercase}.components-search-control input,.components-search-control select,.components-select-control input,.components-select-control select{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.components-search-control input:focus,.components-search-control select:focus,.components-select-control input:focus,.components-select-control select:focus{border-color:#5f5f5f;box-shadow:none}.activitypub-panel-layout{display:flex;height:100%;position:relative;width:100%}.activitypub-panel-layout__main{display:flex;flex:1;overflow:hidden}.activitypub-panel-layout__content{background:#2f2f2f;border-right:1px solid #3f3f3f;flex-shrink:0;overflow:auto;padding:24px;width:380px}.activitypub-panel-layout__detail{background:#2f2f2f;border-right:1px solid #3f3f3f;flex:1;min-width:400px;overflow:auto}.activitypub-panel-layout__canvas{background:#1e1e1e;flex:1;padding:12px;position:relative}.activitypub-panel-layout__canvas .edit-site-resizable-frame__inner-content{background:#fff;border-radius:8px;bottom:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);left:12px;overflow:auto;position:absolute;right:12px;top:12px}.activitypub-panel-layout.has-selection.is-split-view .activitypub-panel-layout__content,.activitypub-panel-layout.is-detail-view .activitypub-panel-layout__content,.activitypub-panel-layout.is-list-view .activitypub-panel-layout__detail{display:none}.activitypub-panel-layout.has-selection.is-split-view .activitypub-panel-layout__detail{display:block}.activitypub-item-view{background:#2f2f2f;color:#e0e0e0;display:flex;flex-direction:column;height:100%}.activitypub-item-view__header{border-bottom:1px solid #3f3f3f;padding:24px}.activitypub-item-view__header .components-heading{color:#e0e0e0;margin:0}.activitypub-item-view__subtitle{color:#949494;display:block;font-size:14px;margin-top:4px}.activitypub-item-view__header-text{flex:1}.activitypub-item-view__header-actions{flex-shrink:0}.activitypub-item-view__close{color:#e0e0e0}.activitypub-item-view__close:hover{color:#fff}.activitypub-item-view__content{flex:1;overflow-y:auto;padding:24px}.activitypub-item-view__content .components-tab-panel__tabs{border-bottom:1px solid #3f3f3f;margin:-24px -24px 24px;padding:0 24px}.activitypub-item-view__content .components-tab-panel__tabs .components-button{border-bottom:2px solid transparent;border-radius:0;color:#949494;padding:12px 16px}.activitypub-item-view__content .components-tab-panel__tabs .components-button.is-active{border-bottom-color:#e0e0e0;color:#e0e0e0}.activitypub-item-view__content .components-tab-panel__tabs .components-button:hover:not(.is-active){color:#e0e0e0}.activitypub-item-view-empty{align-items:center;color:#949494;display:flex;height:100%;justify-content:center;padding:48px;text-align:center}.activitypub-follower-activity,.activitypub-follower-overview,.activitypub-follower-settings{color:#e0e0e0}.activitypub-follower-activity .components-card,.activitypub-follower-overview .components-card,.activitypub-follower-settings .components-card{background:#1e1e1e;border-color:#3f3f3f;color:#e0e0e0}.activitypub-follower-activity code,.activitypub-follower-overview code,.activitypub-follower-settings code{background:#3f3f3f;border-radius:2px;color:#e0e0e0;font-size:12px;padding:4px 8px}.activitypub-follower-activity .has-warning,.activitypub-follower-overview .has-warning,.activitypub-follower-settings .has-warning{color:#fc0}@media(max-width:782px){.edit-site-layout__area,.edit-site-layout__sidebar-region{width:100%}.edit-site-layout__canvas-container{display:none}.edit-site-layout__canvas-container.is-mobile-active{bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:100}} +.sidebar{background-color:#1e1e1e;border-radius:var(--wpds-border-radius-large,8px);color:#e0e0e0;display:flex;flex:1;flex-direction:column;margin:10px 0 10px 10px;min-height:0;overflow:hidden}.header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:var(--wpds-spacing-40,16px)}.title{color:#fff;font-size:var(--wpds-font-size-medium,16px);font-weight:500;margin:0}.nav{flex:1;overflow-y:auto;padding:var(--wpds-spacing-20,8px)}.menu-item{align-items:center;border-radius:var(--wpds-border-radius-small,2px);color:#e0e0e0;display:flex;gap:var(--wpds-spacing-20,8px)}.menu-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.menu-item.is-selected{background-color:hsla(0,0%,100%,.15);color:#fff}.menu-item svg{flex-shrink:0}.footer{border-top:1px solid hsla(0,0%,100%,.1);padding:var(--wpds-spacing-40,16px)} +.panel{background:var(--wpds-color-bg-surface-neutral-strong,#fff);border-radius:var(--wpds-border-radius-large,8px);display:flex;flex:1;flex-direction:column;margin:16px 16px 16px 0;min-height:0;overflow:hidden} +#activitypub-social-web-root>div,#activitypub-social-web-root>div>div{height:100%}.app-layout{flex-direction:column}.app-content,.app-layout{background-color:#1e1e1e;display:flex;height:100%;overflow:hidden;width:100%}.app-content{flex-grow:1}.sidebar-region{flex-shrink:0;width:300px}.sidebar-region,.stage-region{display:flex;flex-direction:column}.stage-region{flex-grow:1;min-width:400px}.inspector-region{display:flex;flex-direction:column;flex-shrink:0;width:var(--sw-inspector-width)}@media(max-width:782px){.app-content{flex-direction:column}.inspector-region,.sidebar-region{width:100%}} +.page{display:flex;flex-direction:column;height:100%}.header{flex-shrink:0;padding:var(--wpds-spacing-60,24px)}.header.has-border{border-bottom:var(--wpds-border-width-focus,1px) solid var(--wpds-color-stroke-surface-neutral,#ddd)}.title-row{gap:var(--wpds-spacing-40,16px);justify-content:space-between}.title-group,.title-row{align-items:center;display:flex}.title-group{gap:var(--wpds-spacing-30,12px)}.title{color:var(--wpds-color-fg-primary,#1e1e1e);font-size:var(--wpds-font-size-large,20px);font-weight:500;margin:0}.sub-title{color:var(--wpds-color-fg-secondary,#757575);font-size:var(--wpds-font-size-small,13px);margin:var(--wpds-spacing-20,8px) 0 0}.content{display:flex;flex:1;flex-direction:column;gap:var(--wpds-spacing-60,24px);overflow:auto}.content.padded{padding:var(--wpds-spacing-60,24px)}.content.constrained{margin:0 auto;max-width:960px;width:100%}.content.full{padding:0} diff --git a/package-lock.json b/package-lock.json index 20043681a..be9c2e336 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,6 +19,8 @@ "@wordpress/compose": "^7.32.0", "@wordpress/core-data": "^7.33.0", "@wordpress/data": "^10.33.0", + "@wordpress/data-controls": "^4.34.0", + "@wordpress/dataviews": "^10.2.0", "@wordpress/dom-ready": "^4.0.0", "@wordpress/e2e-test-utils-playwright": "^1.32.0", "@wordpress/edit-post": "^8.33.2", @@ -34,6 +36,7 @@ "@wordpress/prettier-config": "^4.31.0", "@wordpress/primitives": "^4.31.0", "@wordpress/scripts": "^30.23.0", + "@wordpress/theme": "^0.1.0", "@wordpress/url": "^4.22.0", "@wordpress/viewport": "^6.32.0", "classnames": "^2.3.2", @@ -126,7 +129,6 @@ "integrity": "sha512-yJ474Zv3cwiSOO9nXJuqzvwEeM+chDuQ8GJirw+pZ91sCGCyOZ3dJkVE09fTV0VEVzXyLWhh3G/AolYTPX7Mow==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.25.7", @@ -2103,7 +2105,6 @@ "integrity": "sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@keyv/serialize": "^1.1.1" } @@ -2144,7 +2145,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=18" }, @@ -2168,7 +2168,6 @@ } ], "license": "MIT", - "peer": true, "engines": { "node": ">=18" } @@ -2303,7 +2302,6 @@ "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -4059,7 +4057,6 @@ "integrity": "sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==", "dev": true, "license": "Apache-2.0", - "peer": true, "engines": { "node": ">=8.0.0" } @@ -4083,7 +4080,6 @@ "integrity": "sha512-s5vvxXPVdjqS3kTLKMeBMvop9hbWkwzBpu+mUO2M7sZtlkyDJGwFe33wRKnbaYDo8ExRVBIIdwIGrqpxHuKttA==", "dev": true, "license": "Apache-2.0", - "peer": true, "engines": { "node": ">=14" }, @@ -4097,7 +4093,6 @@ "integrity": "sha512-OOCM2C/QIURhJMuKaekP3TRBxBKxG/TWWA0TL2J6nXUtDnuCtccy49LUJF8xPFXMX+0LMcxFpCo8M9cGY1W6rQ==", "dev": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@opentelemetry/semantic-conventions": "1.28.0" }, @@ -4580,7 +4575,6 @@ "integrity": "sha512-5UxZqiAgLYGFjS4s9qm5mBVo433u+dSPUFWVWXmLAD4wB65oMCoXaJP1KJa9DIYYMeHu3z4BZcStG3LC593cWA==", "dev": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@opentelemetry/core": "1.30.1", "@opentelemetry/semantic-conventions": "1.28.0" @@ -4608,7 +4602,6 @@ "integrity": "sha512-jVPgBbH1gCy2Lb7X0AVQ8XAfgg0pJ4nvl8/IiQA6nxOsPvS+0zMJaFSs2ltXe0J6C8dqjcnpyqINDJmU30+uOg==", "dev": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@opentelemetry/core": "1.30.1", "@opentelemetry/resources": "1.30.1", @@ -4637,7 +4630,6 @@ "integrity": "sha512-JD6DerIKdJGmRp4jQyX5FlrQjA4tjOw1cvfsPAZXfOOEErMUHjPcPSICS+6WnM0nB0efSFARh0KAZss+bvExOA==", "dev": true, "license": "Apache-2.0", - "peer": true, "engines": { "node": ">=14" } @@ -5009,7 +5001,6 @@ "integrity": "sha512-vSMYtL/zOcFpvJCW71Q/OEGQb7KYBPAdKh35WNSkaZA75JlAO8ED8UN6GUNTm3drWomcbcqRPFqQbLae8yBTdg==", "dev": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "playwright": "1.56.1" }, @@ -5957,7 +5948,6 @@ "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/core": "^7.21.3", "@svgr/babel-preset": "8.1.0", @@ -6210,7 +6200,8 @@ "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz", "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/@types/babel__core": { "version": "7.20.5", @@ -6318,7 +6309,6 @@ "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/estree": "*", "@types/json-schema": "*" @@ -6665,7 +6655,6 @@ "integrity": "sha512-RFA/bURkcKzx/X9oumPG9Vp3D3JUgus/d0b67KB0t5S/raciymilkOa66olh78MUI92QLbEJevO7rvqU/kjwKA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" @@ -6677,7 +6666,6 @@ "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==", "dev": true, "license": "MIT", - "peer": true, "peerDependencies": { "@types/react": "^18.0.0" } @@ -6893,7 +6881,6 @@ "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==", "dev": true, "license": "BSD-2-Clause", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "6.21.0", "@typescript-eslint/types": "6.21.0", @@ -8001,6 +7988,25 @@ "react": "^18.0.0" } }, + "node_modules/@wordpress/data-controls": { + "version": "4.34.0", + "resolved": "https://registry.npmjs.org/@wordpress/data-controls/-/data-controls-4.34.0.tgz", + "integrity": "sha512-h52Ehqt8FS/GGBH2riVOlrQfF3v0KluO+9DsOLpuD0s+yPiFinYhhAoYsYTlo6FmxS5x3V+6f2rAaEHGLzMF7A==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@wordpress/api-fetch": "^7.34.0", + "@wordpress/data": "^10.34.0", + "@wordpress/deprecated": "^4.34.0" + }, + "engines": { + "node": ">=18.12.0", + "npm": ">=8.19.2" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, "node_modules/@wordpress/dataviews": { "version": "10.2.0", "resolved": "https://registry.npmjs.org/@wordpress/dataviews/-/dataviews-10.2.0.tgz", @@ -8291,7 +8297,6 @@ "integrity": "sha512-o9blcxBDVUyfcE07FmywAClbeNJMPtA+CJBs5OpkvO8OZDstxrOYxzZA5bFs0uOZWAQ2o2r8Ckuvrc0mY2WBSA==", "dev": true, "license": "GPL-2.0-or-later", - "peer": true, "dependencies": { "@inquirer/prompts": "^7.2.0", "chalk": "^4.0.0", @@ -9205,6 +9210,26 @@ "npm": ">=8.19.2" } }, + "node_modules/@wordpress/theme": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/@wordpress/theme/-/theme-0.1.0.tgz", + "integrity": "sha512-tRN0iGv59AJ+NAPSCy/SNg3gVN3ByXB2SmVeqtRbFn3mxPm+OSz6josgv/8pNXJOreFbGjoNqmk9D5caJpvOig==", + "dev": true, + "license": "GPL-2.0-or-later", + "dependencies": { + "@wordpress/element": "^6.34.0", + "@wordpress/private-apis": "^1.34.0", + "colorjs.io": "^0.5.2" + }, + "engines": { + "node": ">=18.12.0", + "npm": ">=8.19.2" + }, + "peerDependencies": { + "react": "^18.0.0", + "react-dom": "^18.0.0" + } + }, "node_modules/@wordpress/token-list": { "version": "3.34.0", "resolved": "https://registry.npmjs.org/@wordpress/token-list/-/token-list-3.34.0.tgz", @@ -9394,7 +9419,6 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -9488,7 +9512,6 @@ "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -9706,6 +9729,7 @@ "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", "dev": true, "license": "Apache-2.0", + "peer": true, "dependencies": { "dequal": "^2.0.3" } @@ -10551,7 +10575,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.19", "caniuse-lite": "^1.0.30001751", @@ -11262,6 +11285,13 @@ "dev": true, "license": "MIT" }, + "node_modules/colorjs.io": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz", + "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==", + "dev": true, + "license": "MIT" + }, "node_modules/combined-stream": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", @@ -12349,6 +12379,7 @@ "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=6" } @@ -12407,8 +12438,7 @@ "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1507524.tgz", "integrity": "sha512-OjaNE7qpk6GRTXtqQjAE5bGx6+c4F1zZH0YXtpZQLM92HNXx4zMAaqlKhP4T52DosG6hDW8gPMNhGOF8xbwk/w==", "dev": true, - "license": "BSD-3-Clause", - "peer": true + "license": "BSD-3-Clause" }, "node_modules/diff": { "version": "4.0.2", @@ -12487,7 +12517,8 @@ "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz", "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/dom-serializer": { "version": "2.0.0", @@ -13070,7 +13101,6 @@ "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -13127,7 +13157,6 @@ "integrity": "sha512-/IGJ6+Dka158JnP5n5YFMOszjDWrXggGz1LaK/guZq9vZTmniaKlHcsscvkAhn9y4U+BU3JuUdYvtAMcv30y4A==", "dev": true, "license": "MIT", - "peer": true, "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -16821,7 +16850,6 @@ "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jest/core": "^29.7.0", "@jest/types": "^29.6.3", @@ -18522,8 +18550,7 @@ "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1521046.tgz", "integrity": "sha512-vhE6eymDQSKWUXwwA37NtTTVEzjtGVfDr3pRbsWEQ5onH/Snp2c+2xZHWJJawG/0hCCJLRGt4xVtEVUVILol4w==", "dev": true, - "license": "BSD-3-Clause", - "peer": true + "license": "BSD-3-Clause" }, "node_modules/lighthouse/node_modules/puppeteer-core/node_modules/ws": { "version": "8.18.3", @@ -18813,6 +18840,7 @@ "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==", "dev": true, "license": "MIT", + "peer": true, "bin": { "lz-string": "bin/bin.js" } @@ -19706,7 +19734,6 @@ "integrity": "sha512-cuXAJJB1Rdqz0UO6w524matlBqDBjcNt7Ru+RDIu4y6RI1gVqiWBnylrK8sPRk81gGBA0X8hJbDXolVOoTc+sA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "ajv": "^6.12.6", "ajv-errors": "^1.0.1", @@ -20862,7 +20889,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", @@ -21639,7 +21665,6 @@ "integrity": "sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==", "dev": true, "license": "MIT", - "peer": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -21662,7 +21687,6 @@ "integrity": "sha512-X4UlrxDTH8oom9qXlcjnydsjAOD2BmB6yFmvS4Z2zdTzqqpRWb+fbqrH412+l+OUXmbzJlSXjlMFYPgYG12IAA==", "dev": true, "license": "MIT", - "peer": true, "bin": { "prettier": "bin/prettier.cjs" }, @@ -21692,6 +21716,7 @@ "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", @@ -21707,6 +21732,7 @@ "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=10" }, @@ -21719,7 +21745,8 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/process-nextick-args": { "version": "2.0.1", @@ -22082,7 +22109,6 @@ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -22156,7 +22182,6 @@ "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.2" @@ -22193,7 +22218,6 @@ "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -22433,8 +22457,7 @@ "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz", "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/reflect.getprototypeof": { "version": "1.0.10", @@ -23017,7 +23040,6 @@ "integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -23123,7 +23145,6 @@ "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -24670,7 +24691,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "@csstools/css-parser-algorithms": "^3.0.5", "@csstools/css-tokenizer": "^3.0.4", @@ -25006,7 +25026,6 @@ "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -25782,7 +25801,6 @@ "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, "license": "(MIT OR CC0-1.0)", - "peer": true, "engines": { "node": ">=10" }, @@ -26430,7 +26448,6 @@ "integrity": "sha512-7h/weGm9d/ywQ6qzJ+Xy+r9n/3qgp/thalBbpOi5i223dPXKi04IBtqPN9nTd+jBc7QKfvDbaBnFipYp4sJAUQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.8", @@ -26539,7 +26556,6 @@ "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@discoveryjs/json-ext": "^0.5.0", "@webpack-cli/configtest": "^2.1.1", @@ -26620,7 +26636,6 @@ "integrity": "sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/bonjour": "^3.5.9", "@types/connect-history-api-fallback": "^1.3.5", @@ -27307,7 +27322,6 @@ "integrity": "sha512-OIDwaflOaq4wC6YlPBy2L6ceKeKuF7DeTxx+jPzv1FHn9tCZ0ZwSRnUBxD05E3yed46fv/FWJbvR+Ud7x0L7zw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "lib0": "^0.2.99" }, diff --git a/package.json b/package.json index 564a78640..ef3231527 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,8 @@ "@wordpress/compose": "^7.32.0", "@wordpress/core-data": "^7.33.0", "@wordpress/data": "^10.33.0", + "@wordpress/data-controls": "^4.34.0", + "@wordpress/dataviews": "^10.2.0", "@wordpress/dom-ready": "^4.0.0", "@wordpress/e2e-test-utils-playwright": "^1.32.0", "@wordpress/edit-post": "^8.33.2", @@ -60,6 +62,7 @@ "@wordpress/prettier-config": "^4.31.0", "@wordpress/primitives": "^4.31.0", "@wordpress/scripts": "^30.23.0", + "@wordpress/theme": "^0.1.0", "@wordpress/url": "^4.22.0", "@wordpress/viewport": "^6.32.0", "classnames": "^2.3.2", diff --git a/src/social-web/app.tsx b/src/social-web/app.tsx deleted file mode 100644 index c56b6e8df..000000000 --- a/src/social-web/app.tsx +++ /dev/null @@ -1,307 +0,0 @@ -/** - * WordPress dependencies - */ -import React from 'react'; -import { useEffect } from '@wordpress/element'; -import { __ } from '@wordpress/i18n'; -import { InterfaceSkeleton } from '@wordpress/interface'; -import { NavigableRegion } from '@wordpress/admin-ui'; -import { Button, __experimentalHStack as HStack, VisuallyHidden } from '@wordpress/components'; -import { search } from '@wordpress/icons'; -import { displayShortcut } from '@wordpress/keycodes'; -import classnames from 'classnames'; - -/** - * Internal dependencies - */ -import type { SocialWebSettings } from './types'; -import type { Follower } from './types'; -import { useRouter, getCurrentRoute } from './router'; -import { NavigationProvider } from './components/navigation-context'; -import { PanelProvider, usePanelContext } from './contexts/panel-context'; -import PanelLayout from './components/panel-layout'; -import ItemView from './components/item-view'; -import { getFeature } from './features'; -import SidebarNavigationScreenMain from './components/sidebar-navigation-screen-main'; -import SidebarNavigationScreenFollowers from './components/sidebar-navigation-screen-followers'; -import ContentPanelDashboard from './components/content-panel-dashboard'; -import SiteIcon from './components/site-icon'; - -interface AppProps { - settings: SocialWebSettings; -} - -// Mock data for demonstration - will be replaced with WordPress Data API -const mockFollowers: Follower[] = [ - { - id: '1', - actor: 'https://mastodon.social/@user1', - name: 'John Doe', - username: 'user1@mastodon.social', - avatar: 'https://via.placeholder.com/150', - url: 'https://mastodon.social/@user1', - created: '2024-01-15T10:00:00Z', - modified: '2024-10-20T10:00:00Z', - errors: 0, - inbox: 'https://mastodon.social/@user1/inbox', - shared_inbox: 'https://mastodon.social/inbox', - }, - { - id: '2', - actor: 'https://pixelfed.social/@photographer', - name: 'Jane Smith', - username: 'photographer@pixelfed.social', - avatar: 'https://via.placeholder.com/150', - url: 'https://pixelfed.social/@photographer', - created: '2024-02-20T10:00:00Z', - modified: '2024-10-19T10:00:00Z', - errors: 2, - inbox: 'https://pixelfed.social/@photographer/inbox', - shared_inbox: 'https://pixelfed.social/inbox', - }, -]; - -const mockStats = { - followers: 42, - following: 18, - interactions: 156, - posts: 234, -}; - -/** - * Inner App component that has access to panel context - */ -function AppContent( { settings }: AppProps ) { - const { location, navigate } = useRouter(); - const { selectedItem, setSelectedItem, setActiveFeature } = usePanelContext(); - - const currentRoute = getCurrentRoute( location ); - const currentSection = location.params.section || 'dashboard'; - const featureConfig = getFeature( currentSection ); - - // Sync router state with panel state - useEffect( () => { - // If we have an ID in the route, find and select the item - if ( location.params.id && currentSection === 'followers' ) { - const follower = mockFollowers.find( ( f ) => f.id === location.params.id ); - if ( follower ) { - setSelectedItem( follower ); - } - } else if ( ! location.params.id ) { - setSelectedItem( null ); - } - }, [ location.params.id, currentSection, setSelectedItem ] ); - - // Handle navigation - const handleNavigate = ( path: string ) => { - navigate( path ); - }; - - // Handle follower selection - const handleSelectFollower = ( id: string ) => { - const follower = mockFollowers.find( ( f ) => f.id === id ); - if ( follower ) { - setSelectedItem( follower ); - navigate( `/followers/${ id }` ); - // Set default tab when selecting - if ( featureConfig?.defaultTab ) { - setActiveFeature( featureConfig.defaultTab ); - } - } - }; - - // Render sidebar based on current route - const renderSidebar = () => { - switch ( currentSection ) { - case 'followers': - return ( - - ); - case 'following': - case 'interactions': - // These would have their own sidebar screens - return ; - default: - return ; - } - }; - - // Render list/content panel - const renderContent = () => { - if ( currentSection === 'dashboard' ) { - return null; // Dashboard uses canvas area only - } - - // For list views when no item is selected - if ( ! selectedItem ) { - return ( -
-

{ currentRoute?.label || __( 'Social Web', 'activitypub' ) }

-

{ __( 'Pick an item from the list to view details.', 'activitypub' ) }

-
- ); - } - - return null; // When item is selected, detail panel takes over - }; - - // Render detail panel with tabs - const renderDetail = () => { - if ( ! selectedItem || ! featureConfig ) { - return null; - } - - const title = selectedItem.name || selectedItem.title || 'Details'; - const subtitle = selectedItem.username || selectedItem.description || ''; - - return ( - - ); - }; - - // Render canvas/preview area - const renderCanvas = () => { - // Dashboard gets full canvas - if ( currentSection === 'dashboard' ) { - return ; - } - - // Preview for selected items - if ( selectedItem && selectedItem.url ) { - return ( -
-