@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/Nav/SidebarTabs/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["PREFERENCE_KEYS","React","useCallback","useRef","useState","usePreferences","useServerFunctions","SidebarTabsProvider","DelayedSpinner","Tooltip","TabError","SidebarTabsClient","baseClass","initialActiveTabID","initialTabContents","loadingDelay","tabs","setPreference","serverFunction","activeTabID","setActiveTabID","tabContent","setTabContent","loadingTab","setLoadingTab","hoveredTab","setHoveredTab","loadingTabsRef","Set","tabContentRef","useEffect","current","prev","loadTabContent","tabSlug","revalidate","serverArgs","hasCachedContent","Boolean","has","add","result","name","args","searchParams","newContent","component","error","errorMessage","Error","message","handleRetry","clearedContent","_jsx","onRetry","delete","reloadTabContent","handleTabChange","slug","NAV_SIDEBAR_ACTIVE_TAB","activeTab","tab","find","t","lazyLoadable","handleTabKeyDown","e","currentIndex","key","preventDefault","direction","newIndex","length","newTab","setTimeout","document","querySelector","focus","activeContent","_Fragment","activeTabSlug","_jsxs","className","role","map","index","isActive","onClick","onKeyDown","onMouseEnter","onMouseLeave","tabIndex","type","position","show","label","icon","delay","isLoading","content","style","undefined","display"],"sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useRef, useState } from 'react'\n\nimport type { RenderTabServerFnArgs, RenderTabServerFnReturnType } from './renderTabServerFn.js'\n\nimport { usePreferences } from '../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { SidebarTabsProvider } from '../../../providers/SidebarTabs/index.js'\nimport { DelayedSpinner } from '../../DelayedSpinner/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport { TabError } from './TabError/index.js'\n\nexport type TabMetadata = {\n  icon: React.ReactNode\n  isDefaultActive?: boolean\n  label: string\n  /** Whether this tab can be loaded/revalidated via serverFunction */\n  lazyLoadable?: boolean\n  slug: string\n}\n\nexport type SidebarTabsClientProps = {\n  baseClass: string\n  initialActiveTabID: string\n  initialTabContents: Record<string, React.ReactNode>\n  /**\n   * Delay before showing loading spinner (in ms), prevents flashing on fast loads\n   * @default 200\n   */\n  loadingDelay?: number\n  tabs: TabMetadata[]\n}\n\nexport const SidebarTabsClient: React.FC<SidebarTabsClientProps> = ({\n  baseClass,\n  initialActiveTabID,\n  initialTabContents,\n  loadingDelay = 200,\n  tabs,\n}) => {\n  const { setPreference } = usePreferences()\n  const { serverFunction } = useServerFunctions()\n\n  const [activeTabID, setActiveTabID] = useState(initialActiveTabID)\n  const [tabContent, setTabContent] = useState<Record<string, React.ReactNode>>(initialTabContents)\n  const [loadingTab, setLoadingTab] = useState<null | string>(null)\n  const [hoveredTab, setHoveredTab] = useState<null | string>(null)\n  const loadingTabsRef = useRef<Set<string>>(new Set())\n  const tabContentRef = useRef(initialTabContents)\n\n  // Update cached content when server provides new initialTabContents\n  // This is needed because useState only uses initialValue on first mount\n  React.useEffect(() => {\n    tabContentRef.current = { ...tabContentRef.current, ...initialTabContents }\n    setTabContent((prev) => ({ ...prev, ...initialTabContents }))\n  }, [initialTabContents])\n\n  const loadTabContent = useCallback(\n    async (\n      tabSlug: string,\n      {\n        revalidate = false,\n        serverArgs,\n      }: { revalidate?: boolean; serverArgs?: Partial<RenderTabServerFnArgs> } = {},\n    ) => {\n      const hasCachedContent = Boolean(tabContentRef.current[tabSlug])\n\n      // Skip if already loaded (unless revalidating) or currently loading\n      if ((hasCachedContent && !revalidate) || loadingTabsRef.current.has(tabSlug)) {\n        return\n      }\n\n      // Mark as loading - only show spinner if no cached content\n      loadingTabsRef.current.add(tabSlug)\n      if (!hasCachedContent) {\n        setLoadingTab(tabSlug)\n      }\n\n      try {\n        const result = (await serverFunction({\n          name: 'render-tab',\n          args: { searchParams: serverArgs?.searchParams, tabSlug } satisfies RenderTabServerFnArgs,\n        })) as RenderTabServerFnReturnType\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: result.component,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } catch (error) {\n        // On revalidate failure, keep showing cached content\n        if (hasCachedContent && revalidate) {\n          return\n        }\n\n        const errorMessage = error instanceof Error ? error.message : 'Unknown error'\n\n        const handleRetry = () => {\n          // Clear the error and retry loading, threading the original serverArgs through so the\n          // retry doesn't silently fall back to req.query-based rendering (the stale-tree bug).\n          const clearedContent = { ...tabContentRef.current }\n          delete clearedContent[tabSlug]\n          tabContentRef.current = clearedContent\n          setTabContent(clearedContent)\n          void loadTabContent(tabSlug, { serverArgs })\n        }\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: <TabError message={errorMessage} onRetry={handleRetry} />,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } finally {\n        loadingTabsRef.current.delete(tabSlug)\n        setLoadingTab(null)\n      }\n    },\n    [serverFunction],\n  )\n\n  const reloadTabContent = useCallback(\n    (tabSlug: string, serverArgs?: Partial<RenderTabServerFnArgs>) => {\n      // Clear cached content to force reload\n      const clearedContent = { ...tabContentRef.current }\n      delete clearedContent[tabSlug]\n      tabContentRef.current = clearedContent\n      setTabContent(clearedContent)\n\n      void loadTabContent(tabSlug, { serverArgs })\n    },\n    [loadTabContent],\n  )\n\n  const handleTabChange = useCallback(\n    (slug: string) => {\n      setActiveTabID(slug)\n      void setPreference(PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB, { activeTab: slug })\n      // Only revalidate tabs that can be loaded via serverFunction\n      // Pre-rendered React elements (like default nav) can't be revalidated\n      const tab = tabs.find((t) => t.slug === slug)\n      void loadTabContent(slug, { revalidate: tab?.lazyLoadable ?? false })\n    },\n    [setPreference, loadTabContent, tabs],\n  )\n\n  const handleTabKeyDown = useCallback(\n    (e: React.KeyboardEvent, currentIndex: number) => {\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const direction = e.key === 'ArrowLeft' ? -1 : 1\n        const newIndex = (currentIndex + direction + tabs.length) % tabs.length\n        const newTab = tabs[newIndex]\n        handleTabChange(newTab.slug)\n        // Focus will be handled by the tabIndex change\n        setTimeout(() => {\n          document.querySelector<HTMLButtonElement>(`.${baseClass}__tab--active`)?.focus()\n        }, 0)\n      }\n    },\n    [baseClass, handleTabChange, tabs],\n  )\n\n  const activeContent = tabContent[activeTabID]\n\n  // If there's only one tab (the default nav), render it without tab UI\n  if (tabs.length === 1) {\n    return <>{activeContent}</>\n  }\n\n  return (\n    <SidebarTabsProvider activeTabSlug={activeTabID} reloadTabContent={reloadTabContent}>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs scrollbar-thin`} role=\"tablist\">\n          {tabs.map((tab, index) => {\n            const isActive = tab.slug === activeTabID\n\n            return (\n              <button\n                aria-selected={isActive}\n                className={`${baseClass}__tab ${isActive ? `${baseClass}__tab--active` : ''}`}\n                key={tab.slug}\n                onClick={() => handleTabChange(tab.slug)}\n                onKeyDown={(e) => handleTabKeyDown(e, index)}\n                onMouseEnter={() => setHoveredTab(tab.slug)}\n                onMouseLeave={() => setHoveredTab(null)}\n                role=\"tab\"\n                tabIndex={isActive ? 0 : -1}\n                type=\"button\"\n              >\n                <Tooltip\n                  className={`${baseClass}__tooltip`}\n                  position=\"bottom\"\n                  show={hoveredTab === tab.slug}\n                >\n                  {tab.label}\n                </Tooltip>\n                <span className={`${baseClass}__tab-icon`}>{tab.icon}</span>\n                <span className={`${baseClass}__tab-label`}>{tab.label}</span>\n              </button>\n            )\n          })}\n        </div>\n        <div className={`${baseClass}__content`} role=\"tabpanel\">\n          <DelayedSpinner\n            baseClass={baseClass}\n            delay={loadingDelay}\n            isLoading={loadingTab === activeTabID}\n          />\n          {tabs.map((tab) => {\n            const content = tabContent[tab.slug]\n            if (!content) {\n              return null\n            }\n            const isActive = tab.slug === activeTabID && loadingTab !== activeTabID\n            return (\n              <div key={tab.slug} style={isActive ? undefined : { display: 'none' }}>\n                {content}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </SidebarTabsProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["PREFERENCE_KEYS","React","useCallback","useId","useRef","useState","usePreferences","useServerFunctions","SidebarTabsProvider","DelayedSpinner","Tooltip","TabError","SidebarTabsClient","baseClass","initialActiveTabID","initialTabContents","loadingDelay","tabs","setPreference","serverFunction","tabsID","activeTabID","setActiveTabID","tabContent","setTabContent","loadingTab","setLoadingTab","hoveredTab","setHoveredTab","loadingTabsRef","Set","tabContentRef","loadTabContentRef","useEffect","current","prev","loadTabContent","tabSlug","revalidate","serverArgs","hasCachedContent","Boolean","has","add","result","name","args","searchParams","newContent","component","error","errorMessage","Error","message","handleRetry","clearedContent","_jsx","onRetry","delete","currentTab","reloadTabContent","handleTabChange","slug","NAV_SIDEBAR_ACTIVE_TAB","activeTab","tab","find","t","lazyLoadable","handleTabKeyDown","e","currentIndex","key","preventDefault","direction","newIndex","length","newTab","setTimeout","document","querySelector","focus","activeContent","_Fragment","activeTabSlug","_jsxs","className","role","map","index","isActive","id","onClick","onKeyDown","onMouseEnter","onMouseLeave","tabIndex","type","position","show","label","icon","content","hidden","delay","isLoading","style","display","undefined"],"sources":["../../../../src/elements/Nav/SidebarTabs/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useId, useRef, useState } from 'react'\n\nimport type { RenderTabServerFnArgs, RenderTabServerFnReturnType } from './renderTabServerFn.js'\n\nimport { usePreferences } from '../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { SidebarTabsProvider } from '../../../providers/SidebarTabs/index.js'\nimport { DelayedSpinner } from '../../DelayedSpinner/index.js'\nimport { Tooltip } from '../../Tooltip/index.js'\nimport { TabError } from './TabError/index.js'\n\nexport type TabMetadata = {\n  icon: React.ReactNode\n  isDefaultActive?: boolean\n  label: string\n  /** Whether this tab can be loaded/revalidated via serverFunction */\n  lazyLoadable?: boolean\n  slug: string\n}\n\nexport type SidebarTabsClientProps = {\n  baseClass: string\n  initialActiveTabID: string\n  initialTabContents: Record<string, React.ReactNode>\n  /**\n   * Delay before showing loading spinner (in ms), prevents flashing on fast loads\n   * @default 200\n   */\n  loadingDelay?: number\n  tabs: TabMetadata[]\n}\n\nexport const SidebarTabsClient: React.FC<SidebarTabsClientProps> = ({\n  baseClass,\n  initialActiveTabID,\n  initialTabContents,\n  loadingDelay = 200,\n  tabs,\n}) => {\n  const { setPreference } = usePreferences()\n  const { serverFunction } = useServerFunctions()\n  const tabsID = useId()\n\n  const [activeTabID, setActiveTabID] = useState(initialActiveTabID)\n  const [tabContent, setTabContent] = useState<Record<string, React.ReactNode>>(initialTabContents)\n  const [loadingTab, setLoadingTab] = useState<null | string>(null)\n  const [hoveredTab, setHoveredTab] = useState<null | string>(null)\n  const loadingTabsRef = useRef<Set<string>>(new Set())\n  const tabContentRef = useRef(initialTabContents)\n  // The retry button calls loadTabContent through this, since loadTabContent can't call itself\n  const loadTabContentRef = useRef<typeof loadTabContent>(null)\n\n  // Update cached content when server provides new initialTabContents\n  // This is needed because useState only uses initialValue on first mount\n  React.useEffect(() => {\n    tabContentRef.current = { ...tabContentRef.current, ...initialTabContents }\n    setTabContent((prev) => ({ ...prev, ...initialTabContents }))\n  }, [initialTabContents])\n\n  const loadTabContent = useCallback(\n    async (\n      tabSlug: string,\n      {\n        revalidate = false,\n        serverArgs,\n      }: { revalidate?: boolean; serverArgs?: Partial<RenderTabServerFnArgs> } = {},\n    ) => {\n      const hasCachedContent = Boolean(tabContentRef.current[tabSlug])\n\n      // Skip if already loaded (unless revalidating) or currently loading\n      if ((hasCachedContent && !revalidate) || loadingTabsRef.current.has(tabSlug)) {\n        return\n      }\n\n      // Mark as loading - only show spinner if no cached content\n      loadingTabsRef.current.add(tabSlug)\n      if (!hasCachedContent) {\n        setLoadingTab(tabSlug)\n      }\n\n      try {\n        const result = (await serverFunction({\n          name: 'render-tab',\n          args: { searchParams: serverArgs?.searchParams, tabSlug } satisfies RenderTabServerFnArgs,\n        })) as RenderTabServerFnReturnType\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: result.component,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } catch (error) {\n        // On revalidate failure, keep showing cached content\n        if (hasCachedContent && revalidate) {\n          return\n        }\n\n        const errorMessage = error instanceof Error ? error.message : 'Unknown error'\n\n        const handleRetry = () => {\n          // Clear the error and retry loading, threading the original serverArgs through so the\n          // retry doesn't silently fall back to req.query-based rendering (the stale-tree bug).\n          const clearedContent = { ...tabContentRef.current }\n          delete clearedContent[tabSlug]\n          tabContentRef.current = clearedContent\n          setTabContent(clearedContent)\n          void loadTabContentRef.current?.(tabSlug, { serverArgs })\n        }\n\n        const newContent = {\n          ...tabContentRef.current,\n          [tabSlug]: <TabError message={errorMessage} onRetry={handleRetry} />,\n        }\n\n        tabContentRef.current = newContent\n        setTabContent(newContent)\n      } finally {\n        loadingTabsRef.current.delete(tabSlug)\n        setLoadingTab((currentTab) => (currentTab === tabSlug ? null : currentTab))\n      }\n    },\n    [serverFunction],\n  )\n\n  React.useEffect(() => {\n    loadTabContentRef.current = loadTabContent\n  }, [loadTabContent])\n\n  const reloadTabContent = useCallback(\n    (tabSlug: string, serverArgs?: Partial<RenderTabServerFnArgs>) => {\n      // Clear cached content to force reload\n      const clearedContent = { ...tabContentRef.current }\n      delete clearedContent[tabSlug]\n      tabContentRef.current = clearedContent\n      setTabContent(clearedContent)\n\n      void loadTabContent(tabSlug, { serverArgs })\n    },\n    [loadTabContent],\n  )\n\n  const handleTabChange = useCallback(\n    (slug: string) => {\n      setActiveTabID(slug)\n      void setPreference(PREFERENCE_KEYS.NAV_SIDEBAR_ACTIVE_TAB, { activeTab: slug })\n      // Only revalidate tabs that can be loaded via serverFunction\n      // Pre-rendered React elements (like default nav) can't be revalidated\n      const tab = tabs.find((t) => t.slug === slug)\n      void loadTabContent(slug, { revalidate: tab?.lazyLoadable ?? false })\n    },\n    [setPreference, loadTabContent, tabs],\n  )\n\n  const handleTabKeyDown = useCallback(\n    (e: React.KeyboardEvent, currentIndex: number) => {\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const direction = e.key === 'ArrowLeft' ? -1 : 1\n        const newIndex = (currentIndex + direction + tabs.length) % tabs.length\n        const newTab = tabs[newIndex]\n        handleTabChange(newTab.slug)\n        // Focus will be handled by the tabIndex change\n        setTimeout(() => {\n          document.querySelector<HTMLButtonElement>(`.${baseClass}__tab--active`)?.focus()\n        }, 0)\n      }\n    },\n    [baseClass, handleTabChange, tabs],\n  )\n\n  const activeContent = tabContent[activeTabID]\n\n  // If there's only one tab (the default nav), render it without tab UI\n  if (tabs.length === 1) {\n    return <>{activeContent}</>\n  }\n\n  return (\n    <SidebarTabsProvider activeTabSlug={activeTabID} reloadTabContent={reloadTabContent}>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs scrollbar-thin`} role=\"tablist\">\n          {tabs.map((tab, index) => {\n            const isActive = tab.slug === activeTabID\n\n            return (\n              <button\n                aria-controls={`${tabsID}-panel-${tab.slug}`}\n                aria-selected={isActive}\n                className={`${baseClass}__tab ${isActive ? `${baseClass}__tab--active` : ''}`}\n                id={`${tabsID}-tab-${tab.slug}`}\n                key={tab.slug}\n                onClick={() => handleTabChange(tab.slug)}\n                onKeyDown={(e) => handleTabKeyDown(e, index)}\n                onMouseEnter={() => setHoveredTab(tab.slug)}\n                onMouseLeave={() => setHoveredTab(null)}\n                role=\"tab\"\n                tabIndex={isActive ? 0 : -1}\n                type=\"button\"\n              >\n                <Tooltip\n                  className={`${baseClass}__tooltip`}\n                  position=\"bottom\"\n                  show={hoveredTab === tab.slug}\n                >\n                  {tab.label}\n                </Tooltip>\n                <span className={`${baseClass}__tab-icon`}>{tab.icon}</span>\n                <span className={`${baseClass}__tab-label`}>{tab.label}</span>\n              </button>\n            )\n          })}\n        </div>\n        <div className={`${baseClass}__content`}>\n          {tabs.map((tab) => {\n            const content = tabContent[tab.slug]\n            const isActive = tab.slug === activeTabID\n            return (\n              <div\n                aria-labelledby={`${tabsID}-tab-${tab.slug}`}\n                hidden={!isActive}\n                id={`${tabsID}-panel-${tab.slug}`}\n                key={tab.slug}\n                role=\"tabpanel\"\n                tabIndex={0}\n              >\n                <DelayedSpinner\n                  baseClass={baseClass}\n                  delay={loadingDelay}\n                  isLoading={isActive && loadingTab === tab.slug}\n                />\n                <div style={loadingTab === tab.slug ? { display: 'none' } : undefined}>\n                  {content}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </SidebarTabsProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","EntityType","formatAdminURL","React","Fragment","useConfig","usePathname","useTranslation","Link","NavGroup","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","isActive","startsWith","undefined","includes","length","linkClass","Label","className","prefetch"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { groupNavItems } from '../../utilities/groupNavItems.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePathname } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { NavGroup } from '../NavGroup/index.js'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const linkClass = `${baseClass}__link${isActive ? ` ${baseClass}__link--selected` : ''}`\n\n              const Label = (\n                <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n              )\n\n              return (\n                <div className={`${baseClass}__link-wrapper`} key={i}>\n                  <Link\n                    aria-current={isActive ? (pathname === href ? 'page' : 'location') : undefined}\n                    className={linkClass}\n                    href={href}\n                    id={id}\n                    prefetch={false}\n                  >\n                    {Label}\n                  </Link>\n                </div>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","EntityType","formatAdminURL","React","Fragment","useConfig","usePathname","useTranslation","Link","NavGroup","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","map","t6","i","slug","type","label_0","href","id","collection","path","global","isActive","startsWith","undefined","includes","length","linkClass","Label","className","children","prefetch"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { EntityType, formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { groupNavItems } from '../../utilities/groupNavItems.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePathname } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { NavGroup } from '../NavGroup/index.js'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const linkClass = `${baseClass}__link${isActive ? ` ${baseClass}__link--selected` : ''}`\n\n              const Label = (\n                <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n              )\n\n              return (\n                <div className={`${baseClass}__link-wrapper`} key={i}>\n                  <Link\n                    aria-current={isActive ? (pathname === href ? 'page' : 'location') : undefined}\n                    className={linkClass}\n                    href={href}\n                    id={id}\n                    prefetch={false}\n                  >\n                    {Label}\n                  </Link>\n                </div>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/index.css

@@ -137,4 +137,9 @@
       --nav-padding-inline-end: var(--gutter-h);
     }
   }
+
+  html[data-enhanced-contrast] .nav__link--selected::before {
+    background: var(--color-bg-secondary);
+    border: var(--stroke-width-small) solid var(--color-border-selected);
+  }
 }

package/dist/elements/NavGroup/index.css

@@ -1,11 +1,11 @@
 @layer payload-default {
   .nav-group {
     width: 100%;
-    padding: var(--spacer-2) 0;
-    border-top: var(--stroke-width-small) solid var(--color-border);
+    padding-block: var(--spacer-2);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
 
     &:first-child {
-      border-top: none;
+      border-block-start: none;
     }
   }
 
@@ -80,4 +80,28 @@
   .nav-group--collapsed .nav-group__content {
     padding-bottom: 0;
   }
+
+  html[data-enhanced-contrast] .nav-group {
+    padding-block: 0;
+    border-block-start: 0;
+
+    &:first-child {
+      padding-block-start: var(--spacer-2-5);
+    }
+
+    &.nav-group--collapsed:has(~ .nav-group) > .nav-group__toggle {
+      border-block-end: 0;
+    }
+  }
+
+  html[data-enhanced-contrast] .nav-group__toggle {
+    color: var(--color-text);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    border-block: var(--stroke-width-small) solid var(--color-border-control);
+
+    .nav-group__indicator {
+      opacity: 1;
+      color: var(--color-icon-primary);
+    }
+  }
 }

package/dist/elements/NavGroup/index.js

@@ -10,7 +10,7 @@ import { useNav } from '../Nav/context.js';
 import './index.css';
 const baseClass = 'nav-group';
 export const NavGroup = t0 => {
-  const $ = _c(22);
+  const $ = _c(19);
   const {
     children,
     isOpen: isOpenFromProps,
@@ -61,34 +61,30 @@ export const NavGroup = t0 => {
     }
     const t5 = t4.join(" ");
     const t6 = `nav-group-${label}`;
-    const t7 = !collapsed;
-    const t8 = `${baseClass}__toggle--${collapsed ? "collapsed" : "open"}`;
-    let t9;
-    if ($[7] !== t8) {
-      t9 = [`${baseClass}__toggle`, t8].filter(Boolean);
-      $[7] = t8;
-      $[8] = t9;
-    } else {
-      t9 = $[8];
-    }
-    const t10 = t9.join(" ");
-    const t11 = !navOpen ? -1 : 0;
-    const t12 = collapsed ? "right" : "down";
-    let t13;
-    if ($[9] !== children || $[10] !== collapsed || $[11] !== label || $[12] !== t10 || $[13] !== t11 || $[14] !== t12 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7 || $[18] !== toggleCollapsed) {
-      t13 = _jsxs("div", {
+    let t7;
+    if ($[7] !== children || $[8] !== collapsed || $[9] !== label || $[10] !== navOpen || $[11] !== t5 || $[12] !== t6 || $[13] !== toggleCollapsed) {
+      const t8 = `${baseClass}__toggle--${collapsed ? "collapsed" : "open"}`;
+      let t9;
+      if ($[15] !== t8) {
+        t9 = [`${baseClass}__toggle`, t8].filter(Boolean);
+        $[15] = t8;
+        $[16] = t9;
+      } else {
+        t9 = $[16];
+      }
+      t7 = _jsxs("div", {
         className: t5,
         id: t6,
         children: [_jsxs("button", {
-          "aria-expanded": t7,
-          className: t10,
+          "aria-expanded": !collapsed,
+          className: t9.join(" "),
           onClick: toggleCollapsed,
-          tabIndex: t11,
+          tabIndex: !navOpen ? -1 : 0,
           type: "button",
           children: [_jsx("div", {
             className: `${baseClass}__indicator`,
             children: _jsx(ChevronIcon, {
-              direction: t12,
+              direction: collapsed ? "right" : "down",
               size: 16
             })
           }), _jsx("div", {
@@ -100,31 +96,28 @@ export const NavGroup = t0 => {
           children
         })]
       });
-      $[9] = children;
-      $[10] = collapsed;
-      $[11] = label;
-      $[12] = t10;
-      $[13] = t11;
-      $[14] = t12;
-      $[15] = t5;
-      $[16] = t6;
-      $[17] = t7;
-      $[18] = toggleCollapsed;
-      $[19] = t13;
+      $[7] = children;
+      $[8] = collapsed;
+      $[9] = label;
+      $[10] = navOpen;
+      $[11] = t5;
+      $[12] = t6;
+      $[13] = toggleCollapsed;
+      $[14] = t7;
     } else {
-      t13 = $[19];
+      t7 = $[14];
     }
-    return t13;
+    return t7;
   }
   let t1;
-  if ($[20] !== children) {
+  if ($[17] !== children) {
     t1 = _jsx(React.Fragment, {
       children
     });
-    $[20] = children;
-    $[21] = t1;
+    $[17] = children;
+    $[18] = t1;
   } else {
-    t1 = $[21];
+    t1 = $[18];
   }
   return t1;
 };

package/dist/elements/NavGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","useNav","baseClass","NavGroup","t0","$","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","setPreference","navOpen","t1","newGroupPrefs","open","Boolean","NAV","groups","toggleCollapsed","t2","t3","t4","filter","t5","join","t6","t7","t8","t9","t10","t11","t12","t13","_jsxs","className","id","onClick","tabIndex","type","_jsx","direction","size","Fragment"],"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.css'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      const newGroupPrefs: NavPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.NAV, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          aria-expanded={!collapsed}\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon direction={collapsed ? 'right' : 'down'} size={16} />\n          </div>\n          <div className={`${baseClass}__label`}>{label}</div>\n        </button>\n        {!collapsed && <div className={`${baseClass}__content`}>{children}</div>}\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","PREFERENCE_KEYS","React","useState","ChevronIcon","usePreferences","useNav","baseClass","NavGroup","t0","$","children","isOpen","isOpenFromProps","label","collapsed","setCollapsed","setPreference","navOpen","t1","newGroupPrefs","open","Boolean","NAV","groups","toggleCollapsed","t2","t3","t4","filter","t5","join","t6","t7","t8","t9","_jsxs","className","id","onClick","tabIndex","type","_jsx","direction","size","Fragment"],"sources":["../../../src/elements/NavGroup/index.tsx"],"sourcesContent":["'use client'\nimport type { NavPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useNav } from '../Nav/context.js'\nimport './index.css'\n\nconst baseClass = 'nav-group'\n\ntype Props = {\n  children: React.ReactNode\n  isOpen?: boolean\n  label: string\n}\n\nexport const NavGroup: React.FC<Props> = ({ children, isOpen: isOpenFromProps, label }) => {\n  const [collapsed, setCollapsed] = useState(\n    typeof isOpenFromProps !== 'undefined' ? !isOpenFromProps : false,\n  )\n\n  const { setPreference } = usePreferences()\n  const { navOpen } = useNav()\n\n  if (label) {\n    const toggleCollapsed = () => {\n      const newGroupPrefs: NavPreferences['groups'] = {}\n\n      if (!newGroupPrefs?.[label]) {\n        newGroupPrefs[label] = { open: Boolean(collapsed) }\n      } else {\n        newGroupPrefs[label].open = Boolean(collapsed)\n      }\n\n      void setPreference(PREFERENCE_KEYS.NAV, { groups: newGroupPrefs }, true)\n      setCollapsed(!collapsed)\n    }\n\n    return (\n      <div\n        className={[`${baseClass}`, `${label}`, collapsed && `${baseClass}--collapsed`]\n          .filter(Boolean)\n          .join(' ')}\n        id={`nav-group-${label}`}\n      >\n        <button\n          aria-expanded={!collapsed}\n          className={[\n            `${baseClass}__toggle`,\n            `${baseClass}__toggle--${collapsed ? 'collapsed' : 'open'}`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={toggleCollapsed}\n          tabIndex={!navOpen ? -1 : 0}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__indicator`}>\n            <ChevronIcon direction={collapsed ? 'right' : 'down'} size={16} />\n          </div>\n          <div className={`${baseClass}__label`}>{label}</div>\n        </button>\n        {!collapsed && <div className={`${baseClass}__content`}>{children}</div>}\n      </div>\n    )\n  }\n\n  return <React.Fragment>{children}</React.Fragment>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/NoListResults/index.css

@@ -16,6 +16,7 @@
   }
 
   .no-results__title {
+    margin: 0;
     color: var(--color-text);
     font-size: var(--text-body-large-bold-font-size);
     font-weight: var(--font-weight-strong);

package/dist/elements/NoListResults/index.js

@@ -10,7 +10,7 @@ export function NoListResults({
 }) {
   return /*#__PURE__*/_jsxs("div", {
     className: `${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`,
-    children: [title ? /*#__PURE__*/_jsx("span", {
+    children: [title ? /*#__PURE__*/_jsx("h2", {
       className: `${baseClass}__title`,
       children: title
     }) : null, description ? /*#__PURE__*/_jsx("p", {

package/dist/elements/NoListResults/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","NoListResults","Actions","description","title","withMargin","_jsxs","className","_jsx","length","map","action","index","Fragment"],"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  description?: React.ReactNode\n  title?: React.ReactNode\n  withMargin?: boolean\n}\nexport function NoListResults({ Actions, description, title, withMargin }: NoResultsProps) {\n  return (\n    <div className={`${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`}>\n      {title ? <span className={`${baseClass}__title`}>{title}</span> : null}\n      {description ? <p className={`${baseClass}__description`}>{description}</p> : null}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,SAASC,cAAc;EAAEC,OAAO;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAU,CAAkB;EACvF,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGP,SAAA,GAAYK,UAAA,GAAa,IAAIL,SAAA,eAAwB,GAAG,IAAI;eAC5EI,KAAA,gBAAQI,IAAA,CAAC;MAAKD,SAAA,EAAW,GAAGP,SAAA,SAAkB;gBAAGI;SAAgB,MACjED,WAAA,gBAAcK,IAAA,CAAC;MAAED,SAAA,EAAW,GAAGP,SAAA,eAAwB;gBAAGG;SAAmB,MAC7ED,OAAA,IAAWA,OAAA,CAAQO,MAAM,GAAG,kBAC3BD,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGP,SAAA,WAAoB;gBACpCE,OAAA,CAAQQ,GAAG,CAAC,CAACC,MAAA,EAAQC,KAAA,kBACpBJ,IAAA,CAACT,KAAA,CAAMc,QAAQ;kBAAcF;SAARC,KAAA;;;AAMjC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","NoListResults","Actions","description","title","withMargin","_jsxs","className","_jsx","length","map","action","index","Fragment"],"sources":["../../../src/elements/NoListResults/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'no-results'\n\ntype NoResultsProps = {\n  Actions?: React.ReactNode[]\n  description?: React.ReactNode\n  title?: React.ReactNode\n  withMargin?: boolean\n}\nexport function NoListResults({ Actions, description, title, withMargin }: NoResultsProps) {\n  return (\n    <div className={`${baseClass}${withMargin ? ` ${baseClass}--with-margin` : ''}`}>\n      {title ? <h2 className={`${baseClass}__title`}>{title}</h2> : null}\n      {description ? <p className={`${baseClass}__description`}>{description}</p> : null}\n      {Actions && Actions.length > 0 && (\n        <div className={`${baseClass}__actions`}>\n          {Actions.map((action, index) => (\n            <React.Fragment key={index}>{action}</React.Fragment>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,SAASC,cAAc;EAAEC,OAAO;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAU,CAAkB;EACvF,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW,GAAGP,SAAA,GAAYK,UAAA,GAAa,IAAIL,SAAA,eAAwB,GAAG,IAAI;eAC5EI,KAAA,gBAAQI,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAGP,SAAA,SAAkB;gBAAGI;SAAc,MAC7DD,WAAA,gBAAcK,IAAA,CAAC;MAAED,SAAA,EAAW,GAAGP,SAAA,eAAwB;gBAAGG;SAAmB,MAC7ED,OAAA,IAAWA,OAAA,CAAQO,MAAM,GAAG,kBAC3BD,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGP,SAAA,WAAoB;gBACpCE,OAAA,CAAQQ,GAAG,CAAC,CAACC,MAAA,EAAQC,KAAA,kBACpBJ,IAAA,CAACT,KAAA,CAAMc,QAAQ;kBAAcF;SAARC,KAAA;;;AAMjC","ignoreList":[]}

package/dist/elements/PageControls/GroupByPageControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupByPageControls.js","names":["c","_c","React","useCallback","useListQuery","SimplePagination","GroupByPageControls","t0","$","data","groupByValue","tableId","refineListData","t1","page","queryByGroup","handlePageChange","t2","_jsx","onChange"],"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { SimplePagination } from '../Pagination/SimplePagination/index.js'\n\n/**\n * Simplified pagination for group-by tables.\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const GroupByPageControls: React.FC<{\n  data: PaginatedDocs\n  groupByValue?: number | string\n  tableId: string\n}> = ({ data, groupByValue, tableId }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return <SimplePagination data={data} onChange={handlePageChange} tableId={tableId} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC;;;;AAIA,OAAO,MAAMC,mBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAA+B;EACnC;IAAAK;EAAA,IAA2BR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAI,cAAA;IAGzBC,EAAA,SAAAC,IAAA;MAAA,MACQF,cAAA;QAAAG,YAAA;UAAA,CAEDL,YAAA;YAAAI;UAAA;QAAA;MAAA,CAIL;IAAA;IACFN,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATF,MAAAQ,gBAAA,GAAyBH,EAUO;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAG,OAAA;IAGzBM,EAAA,GAAAC,IAAA,CAAAb,gBAAA;MAAAI,IAAA;MAAAU,QAAA,EAAwCH,gBAAA;MAAAL;IAAA,C;;;;;;;;SAAxCM,E;CACT","ignoreList":[]}
+{"version":3,"file":"GroupByPageControls.js","names":["c","_c","React","useCallback","useListQuery","SimplePagination","GroupByPageControls","t0","$","data","groupByValue","tableId","refineListData","t1","page","queryByGroup","handlePageChange","t2","_jsx","onChange"],"sources":["../../../src/elements/PageControls/GroupByPageControls.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React, { useCallback } from 'react'\n\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { SimplePagination } from '../Pagination/SimplePagination/index.js'\n\n/**\n * Simplified pagination for group-by tables.\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const GroupByPageControls: React.FC<{\n  data: PaginatedDocs\n  groupByValue?: number | string\n  tableId: string\n}> = ({ data, groupByValue, tableId }) => {\n  const { refineListData } = useListQuery()\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      await refineListData({\n        queryByGroup: {\n          [groupByValue]: {\n            page,\n          },\n        },\n      })\n    },\n    [refineListData, groupByValue],\n  )\n\n  return <SimplePagination data={data} onChange={handlePageChange} tableId={tableId} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC;;;;AAIA,OAAO,MAAMC,mBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,IAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAA+B;EACnC;IAAAK;EAAA,IAA2BR,YAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAI,cAAA;IAGzBC,EAAA,SAAAC,IAAA;MACE,MAAMF,cAAA,CAAe;QAAAG,YAAA,EACL;UAAA,CACXL,YAAA,GAAe;YAAAI;UAEhB;QACF;MACF;IAAA,CACF;IAAAN,CAAA,MAAAE,YAAA;IAAAF,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EATF,MAAAQ,gBAAA,GAAyBH,EAUO;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,gBAAA,IAAAR,CAAA,QAAAG,OAAA;IAGzBM,EAAA,GAAAC,IAAA,CAACb,gBAAA;MAAAI,IAAA;MAAAU,QAAA,EAAuCH,gBAAA;MAAAL;;;;;;;;;SAAxCM,E;CACT","ignoreList":[]}

package/dist/elements/PageControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","isNumber","React","Pagination","PerPage","useTableID","useEmbed","useListQuery","useTranslation","baseClass","PageControlsComponent","t0","$","AfterPageControls","countLabel","data","handlePageChange","handlePerPageChange","limit","limits","tableId","isEmbedded","i18n","resolvedTableID","t1","hasNextPage","hasPrevPage","nextPage","page","pagingCounter","prevPage","totalDocs","totalPages","label","t","t2","t3","filter","Boolean","_jsxs","className","join","children","_jsx","numberOfNeighbors","onChange","handleChange","resetPage","PageControls","collectionConfig","defaultLimit","initialLimit","query","admin","pagination"],"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { useTableID } from '../../elements/Table/TableIdentity.js'\nimport { useEmbed } from '../../providers/Embed/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  countLabel?: string\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n  limits?: number[]\n  tableId?: string\n}> = ({\n  AfterPageControls,\n  countLabel,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n  limits,\n  tableId,\n}) => {\n  const { isEmbedded } = useEmbed()\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n  const label = countLabel ?? i18n.t(data.totalDocs === 1 ? 'general:item' : 'general:items')\n\n  return (\n    <div className={[baseClass, isEmbedded && `${baseClass}--embedded`].filter(Boolean).join(' ')}>\n      {AfterPageControls}\n      <div className={`${baseClass}__inner`}>\n        <Pagination\n          hasNextPage={data.hasNextPage}\n          hasPrevPage={data.hasPrevPage}\n          limit={data.limit}\n          nextPage={data.nextPage}\n          numberOfNeighbors={1}\n          onChange={handlePageChange}\n          page={data.page}\n          prevPage={data.prevPage}\n          tableId={resolvedTableID}\n          totalPages={data.totalPages}\n        />\n        {data.totalDocs > 0 && (\n          <div className={`${baseClass}__per-page-container`}>\n            <div className={`${baseClass}__page-info`}>\n              {data.page * data.limit - (data.limit - 1)}-\n              {data.totalPages > 1 && data.totalPages !== data.page\n                ? data.limit * data.page\n                : data.totalDocs}{' '}\n              {i18n.t('general:of')} {data.totalDocs}\n              <span className=\"sr-only\"> {label}</span>\n            </div>\n            <PerPage\n              handleChange={handlePerPageChange}\n              limit={limit}\n              limits={limits}\n              resetPage={data.totalDocs <= data.pagingCounter}\n              tableId={resolvedTableID}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * These page controls are controlled by the global ListQuery state.\n * To override thi behavior, build your own wrapper around PageControlsComponent.\n *\n * @internal\n */\nexport const PageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  tableId?: string\n}> = ({ AfterPageControls, collectionConfig, tableId }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n      limits={collectionConfig?.admin?.pagination?.limits}\n      tableId={tableId}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isNumber","React","Pagination","PerPage","useTableID","useEmbed","useListQuery","useTranslation","baseClass","PageControlsComponent","t0","$","AfterPageControls","countLabel","data","handlePageChange","handlePerPageChange","limit","limits","tableId","isEmbedded","i18n","resolvedTableID","t1","hasNextPage","hasPrevPage","nextPage","page","pagingCounter","prevPage","totalDocs","totalPages","label","t","t2","t3","filter","Boolean","_jsxs","className","join","children","_jsx","numberOfNeighbors","onChange","handleChange","resetPage","PageControls","collectionConfig","defaultLimit","initialLimit","query","admin","pagination"],"sources":["../../../src/elements/PageControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, PaginatedDocs } from 'payload'\n\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { IListQueryContext } from '../../providers/ListQuery/types.js'\n\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { useTableID } from '../../elements/Table/TableIdentity.js'\nimport { useEmbed } from '../../providers/Embed/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'page-controls'\n\n/**\n * @internal\n */\nexport const PageControlsComponent: React.FC<{\n  AfterPageControls?: React.ReactNode\n  countLabel?: string\n  data: PaginatedDocs\n  handlePageChange?: IListQueryContext['handlePageChange']\n  handlePerPageChange?: IListQueryContext['handlePerPageChange']\n  limit?: number\n  limits?: number[]\n  tableId?: string\n}> = ({\n  AfterPageControls,\n  countLabel,\n  data,\n  handlePageChange,\n  handlePerPageChange,\n  limit,\n  limits,\n  tableId,\n}) => {\n  const { isEmbedded } = useEmbed()\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n  const label = countLabel ?? i18n.t(data.totalDocs === 1 ? 'general:item' : 'general:items')\n\n  return (\n    <div className={[baseClass, isEmbedded && `${baseClass}--embedded`].filter(Boolean).join(' ')}>\n      {AfterPageControls}\n      <div className={`${baseClass}__inner`}>\n        <Pagination\n          hasNextPage={data.hasNextPage}\n          hasPrevPage={data.hasPrevPage}\n          limit={data.limit}\n          nextPage={data.nextPage}\n          numberOfNeighbors={1}\n          onChange={handlePageChange}\n          page={data.page}\n          prevPage={data.prevPage}\n          tableId={resolvedTableID}\n          totalPages={data.totalPages}\n        />\n        {data.totalDocs > 0 && (\n          <div className={`${baseClass}__per-page-container`}>\n            <div className={`${baseClass}__page-info`}>\n              {data.page * data.limit - (data.limit - 1)}-\n              {data.totalPages > 1 && data.totalPages !== data.page\n                ? data.limit * data.page\n                : data.totalDocs}{' '}\n              {i18n.t('general:of')} {data.totalDocs}\n              <span className=\"sr-only\"> {label}</span>\n            </div>\n            <PerPage\n              handleChange={handlePerPageChange}\n              limit={limit}\n              limits={limits}\n              resetPage={data.totalDocs <= data.pagingCounter}\n              tableId={resolvedTableID}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * These page controls are controlled by the global ListQuery state.\n * To override thi behavior, build your own wrapper around PageControlsComponent.\n *\n * @internal\n */\nexport const PageControls: React.FC<{\n  AfterPageControls?: React.ReactNode\n  collectionConfig: ClientCollectionConfig\n  tableId?: string\n}> = ({ AfterPageControls, collectionConfig, tableId }) => {\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n\n  return (\n    <PageControlsComponent\n      AfterPageControls={AfterPageControls}\n      data={data}\n      handlePageChange={handlePageChange}\n      handlePerPageChange={handlePerPageChange}\n      limit={isNumber(query.limit) ? query.limit : initialLimit}\n      limits={collectionConfig?.admin?.pagination?.limits}\n      tableId={tableId}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAIlB,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,qBAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,iBAAA;IAAAC,UAAA;IAAAC,IAAA;IAAAC,gBAAA;IAAAC,mBAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAT,EASL;EACC;IAAAU;EAAA,IAAuBf,QAAA;EACvB;IAAAgB;EAAA,IAAiBd,cAAA;EACjB,MAAAe,eAAA,GAAwBlB,UAAA,CAAWe,OAAA;EAAA,IAAAI,EAAA;EAAA,IAAAZ,CAAA,QAAAC,iBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,IAAA,CAAAU,WAAA,IAAAb,CAAA,QAAAG,IAAA,CAAAW,WAAA,IAAAd,CAAA,QAAAG,IAAA,CAAAG,KAAA,IAAAN,CAAA,QAAAG,IAAA,CAAAY,QAAA,IAAAf,CAAA,QAAAG,IAAA,CAAAa,IAAA,IAAAhB,CAAA,QAAAG,IAAA,CAAAc,aAAA,IAAAjB,CAAA,QAAAG,IAAA,CAAAe,QAAA,IAAAlB,CAAA,QAAAG,IAAA,CAAAgB,SAAA,IAAAnB,CAAA,SAAAG,IAAA,CAAAiB,UAAA,IAAApB,CAAA,SAAAI,gBAAA,IAAAJ,CAAA,SAAAK,mBAAA,IAAAL,CAAA,SAAAU,IAAA,IAAAV,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAO,MAAA,IAAAP,CAAA,SAAAW,eAAA;IACnC,MAAAU,KAAA,GAAcnB,UAA6D,IAA/CQ,IAAA,CAAAY,CAAM,CAACnB,IAAA,CAAAgB,SAAc,KAAK,CAAqB,GAAxC,cAAwC,GAAxC,eAAwC;IAG7C,MAAAI,EAAA,GAAAd,UAAsC,IAAtC,GAAiBZ,SAAA,YAAqB;IAAA,IAAA2B,EAAA;IAAA,IAAAxB,CAAA,SAAAuB,EAAA;MAAlDC,EAAA,IAAC3B,SAAA,EAAW0B,EAAsC,CAAC,CAAAE,MAAO,CAACC,OAAA;MAAA1B,CAAA,OAAAuB,EAAA;MAAAvB,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAA3EY,EAAA,GAAAe,KAAA,CAAC;MAAAC,SAAA,EAAeJ,EAA2D,CAAAK,IAAa,CAAC;MAAAC,QAAA,E,CACtF7B,iBAAA,EACD0B,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAG/B,SAAA,SAAkB;QAAAiC,QAAA,E,CACnCC,IAAA,CAACxC,UAAA;UAAAsB,WAAA,EACcV,IAAA,CAAAU,WAAgB;UAAAC,WAAA,EAChBX,IAAA,CAAAW,WAAgB;UAAAR,KAAA,EACtBH,IAAA,CAAAG,KAAU;UAAAS,QAAA,EACPZ,IAAA,CAAAY,QAAa;UAAAiB,iBAAA,EACJ;UAAAC,QAAA,EACT7B,gBAAA;UAAAY,IAAA,EACJb,IAAA,CAAAa,IAAS;UAAAE,QAAA,EACLf,IAAA,CAAAe,QAAa;UAAAV,OAAA,EACdG,eAAA;UAAAS,UAAA,EACGjB,IAAA,CAAAiB;YAEbjB,IAAA,CAAAgB,SAAc,GAAG,C,IAChBQ,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAG/B,SAAA,sBAA+B;UAAAiC,QAAA,E,CAChDH,KAAA,CAAC;YAAAC,SAAA,EAAe,GAAG/B,SAAA,aAAsB;YAAAiC,QAAA,E,CACtC3B,IAAA,CAAAa,IAAS,GAAGb,IAAA,CAAAG,KAAU,IAAIH,IAAA,CAAAG,KAAU,GAAG,IAAG,KAC1CH,IAAA,CAAAiB,UAAe,GAAG,CAAkC,IAA7BjB,IAAA,CAAAiB,UAAe,KAAKjB,IAAA,CAAAa,IAE1B,GADdb,IAAA,CAAAG,KAAU,GAAGH,IAAA,CAAAa,IACC,GAAdb,IAAA,CAAAgB,SAAc,EAAE,KACnBT,IAAA,CAAAY,CAAM,CAAC,eAAc,KAAEnB,IAAA,CAAAgB,SAAc,EACtCQ,KAAA,CAAC;cAAAC,SAAA,EAAe;cAAAE,QAAA,E,CAAU,KAAET,KAAA;;cAE9BU,IAAA,CAACvC,OAAA;YAAA0C,YAAA,EACe7B,mBAAA;YAAAC,KAAA;YAAAC,MAAA;YAAA4B,SAAA,EAGHhC,IAAA,CAAAgB,SAAc,IAAIhB,IAAA,CAAAc,aAAkB;YAAAT,OAAA,EACtCG;;;;;;;;;;;;;;;;;;;;;;;;;;;SA9BnBC,E;CAqCJ;AAEA;;;;;;AAMA,OAAO,MAAMwB,YAAA,GAIRrC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,iBAAA;IAAAoC,gBAAA;IAAA7B;EAAA,IAAAT,EAAgD;EACpD;IAAAI,IAAA;IAAAmC,YAAA,EAAAC,YAAA;IAAAnC,gBAAA;IAAAC,mBAAA;IAAAmC;EAAA,IAMI7C,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAZ,CAAA,QAAAuC,YAAA,IAAAvC,CAAA,QAAAwC,KAAA,CAAAlC,KAAA;IAQOM,EAAA,GAAAvB,QAAA,CAASmD,KAAA,CAAAlC,KAA6B,IAAdkC,KAAA,CAAAlC,KAAc,GAAtCiC,YAAsC;IAAAvC,CAAA,MAAAuC,YAAA;IAAAvC,CAAA,MAAAwC,KAAA,CAAAlC,KAAA;IAAAN,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EACrC,MAAAuB,EAAA,GAAAc,gBAAA,EAAAI,KAAyB,EAAAC,UAAY,EAAAnC,MAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAxB,CAAA,QAAAC,iBAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAK,mBAAA,IAAAL,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAuB,EAAA,IAAAvB,CAAA,QAAAQ,OAAA;IAN/CgB,EAAA,GAAAO,IAAA,CAACjC,qBAAA;MAAAG,iBAAA;MAAAE,IAAA;MAAAC,gBAAA;MAAAC,mBAAA;MAAAC,KAAA,EAKQM,EAAsC;MAAAL,MAAA,EACrCgB,EAAqC;MAAAf;;;;;;;;;;;;;SAN/CgB,E;CAUJ","ignoreList":[]}

package/dist/elements/Pagination/ClickableArrow/index.js

@@ -32,12 +32,11 @@ export const ClickableArrow = props => {
     t4 = $[2];
   }
   const classes = t4.join(" ");
-  const t5 = direction === "left" ? "general:previousPage" : "general:nextPage";
-  let t6;
-  if ($[3] !== ariaControls || $[4] !== classes || $[5] !== isDisabled || $[6] !== t || $[7] !== t5 || $[8] !== updatePage) {
-    t6 = _jsx("button", {
+  let t5;
+  if ($[3] !== ariaControls || $[4] !== classes || $[5] !== direction || $[6] !== isDisabled || $[7] !== t || $[8] !== updatePage) {
+    t5 = _jsx("button", {
       "aria-controls": ariaControls,
-      "aria-label": t(t5),
+      "aria-label": t(direction === "left" ? "general:previousPage" : "general:nextPage"),
       className: classes,
       disabled: isDisabled,
       onClick: !isDisabled ? updatePage : undefined,
@@ -46,14 +45,14 @@ export const ClickableArrow = props => {
     });
     $[3] = ariaControls;
     $[4] = classes;
-    $[5] = isDisabled;
-    $[6] = t;
-    $[7] = t5;
+    $[5] = direction;
+    $[6] = isDisabled;
+    $[7] = t;
     $[8] = updatePage;
-    $[9] = t6;
+    $[9] = t5;
   } else {
-    t6 = $[9];
+    t5 = $[9];
   }
-  return t6;
+  return t5;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/Pagination/ClickableArrow/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","ClickableArrow","props","$","t","ariaControls","direction","t0","isDisabled","t1","updatePage","undefined","t2","t3","t4","filter","Boolean","classes","join","t5","t6","_jsx","className","disabled","onClick","type","children"],"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  ariaControls?: string\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { t } = useTranslation()\n  const { ariaControls, direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      aria-controls={ariaControls}\n      aria-label={t(direction === 'left' ? 'general:previousPage' : 'general:nextPage')}\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,cAAA,GAAgDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3D;IAAAQ;EAAA,IAAcL,cAAA;EACd;IAAAM,YAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC;EAAA,IAA8ER,KAAA;EAAxD,MAAAI,SAAA,GAAAC,EAAmB,KAAAI,SAAA,GAAP,OAAO,GAAnBJ,EAAmB;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAAE,SAAA,WAAlBF,EAAkB;EAI3D,MAAAG,EAAA,GAAAJ,UAAA,IAAc,GAAAR,SAAA,eAA2B;EACzC,MAAAa,EAAA,GAAAP,SAAA,IAAa,GAAAN,SAAA,KAAiBM,SAAA,EAAW;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAU,EAAA;IAH3BC,EAAA,IAAAd,SAAA,EAEdY,EAAyC,EACzCC,EAAyC,EAAAE,MAAA,CAAAC,OAEjC;IAAAb,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALV,MAAAc,OAAA,GAAgBH,EAKN,CAAAI,IAAA,CACF;EAKU,MAAAC,EAAA,GAAAb,SAAA,KAAc,SAAS,yBAAyB;EAAA,IAAAc,EAAA;EAAA,IAAAjB,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAc,OAAA,IAAAd,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAO,UAAA;IAFhEU,EAAA,GAAAC,IAAA,CAAC;MAAA,iBACgBhB,YAAA;MAAA,cACHD,CAAA,CAAEe,EAAgD;MAAAG,SAAA,EACnDL,OAAA;MAAAM,QAAA,EACDf,UAAA;MAAAgB,OAAA,EACD,CAAChB,UAAA,GAAaE,UAAA,GAAAC,SAAa;MAAAc,IAAA,EAC/B;MAAAC,QAAA,EAELL,IAAA,CAAAvB,WAAA,IAAC;IAAA,C;;;;;;;;;;;SARHsB,E;CAWJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","ClickableArrow","props","$","t","ariaControls","direction","t0","isDisabled","t1","updatePage","undefined","t2","t3","t4","filter","Boolean","classes","join","t5","_jsx","className","disabled","onClick","type","children"],"sources":["../../../../src/elements/Pagination/ClickableArrow/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clickable-arrow'\n\nexport type ClickableArrowProps = {\n  ariaControls?: string\n  direction?: 'left' | 'right'\n  isDisabled?: boolean\n  updatePage?: () => void\n}\n\nexport const ClickableArrow: React.FC<ClickableArrowProps> = (props) => {\n  const { t } = useTranslation()\n  const { ariaControls, direction = 'right', isDisabled = false, updatePage } = props\n\n  const classes = [\n    baseClass,\n    isDisabled && `${baseClass}--is-disabled`,\n    direction && `${baseClass}--${direction}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      aria-controls={ariaControls}\n      aria-label={t(direction === 'left' ? 'general:previousPage' : 'general:nextPage')}\n      className={classes}\n      disabled={isDisabled}\n      onClick={!isDisabled ? updatePage : undefined}\n      type=\"button\"\n    >\n      <ChevronIcon />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,cAAA,GAAgDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC3D;IAAAQ;EAAA,IAAcL,cAAA;EACd;IAAAM,YAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC;EAAA,IAA8ER,KAAA;EAAxD,MAAAI,SAAA,GAAAC,EAAmB,KAAnBI,SAAmB,GAAnB,OAAmB,GAAnBJ,EAAmB;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAlBE,SAAkB,GAAlB,KAAkB,GAAlBF,EAAkB;EAI3D,MAAAG,EAAA,GAAAJ,UAAyC,IAAzC,GAAiBR,SAAA,eAAwB;EACzC,MAAAa,EAAA,GAAAP,SAAyC,IAAzC,GAAgBN,SAAA,KAAcM,SAAA,EAAW;EAAA,IAAAQ,EAAA;EAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAU,EAAA;IAH3BC,EAAA,IACdd,SAAA,EACAY,EAAyC,EACzCC,EAAyC,CAC1C,CAAAE,MACQ,CAACC,OAAA;IAAAb,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALV,MAAAc,OAAA,GAAgBH,EAKN,CAAAI,IACH,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAE,YAAA,IAAAF,CAAA,QAAAc,OAAA,IAAAd,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAC,CAAA,IAAAD,CAAA,QAAAO,UAAA;IAGNS,EAAA,GAAAC,IAAA,CAAC;MAAA,iBACgBf,YAAA;MAAA,cACHD,CAAA,CAAEE,SAAA,KAAc,MAAkC,GAAhD,sBAAgD,GAAhD,kBAAgD;MAAAe,SAAA,EACnDJ,OAAA;MAAAK,QAAA,EACDd,UAAA;MAAAe,OAAA,EACD,CAACf,UAA0B,GAA3BE,UAA2B,GAA3BC,SAA2B;MAAAa,IAAA,EAC/B;MAAAC,QAAA,EAELL,IAAA,CAACtB,WAAA;;;;;;;;;;;;SARHqB,E;CAWJ","ignoreList":[]}

package/dist/elements/Pagination/SimplePagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","useTableID","ClickableArrow","baseClass","SimplePagination","t0","$","data","onChange","tableId","i18n","resolvedTableID","hasNextPage","t1","hasPrevPage","t2","limit","nextPage","page","t3","pagingCounter","prevPage","totalDocs","totalPages","t4","undefined","currentPage","t5","Math","max","handlePrevPage","t6","handleNextPage","startItem","endItem","min","t7","_jsxs","className","children","t","_jsx","ariaControls","direction","isDisabled","updatePage"],"sources":["../../../../src/elements/Pagination/SimplePagination/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useTableID } from '../../Table/TableIdentity.js'\nimport { ClickableArrow } from '../ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'simple-pagination'\n\nexport type SimplePaginationProps = {\n  data: PaginatedDocs\n  onChange?: (page: number) => void\n  tableId?: string\n}\n\n/**\n * A simplified pagination component for inline use (e.g., in table headers).\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const SimplePagination: React.FC<SimplePaginationProps> = ({ data, onChange, tableId }) => {\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    limit,\n    nextPage,\n    page: currentPage = 1,\n    pagingCounter,\n    prevPage,\n    totalDocs,\n    totalPages = 1,\n  } = data\n\n  const handlePrevPage = () => {\n    if (onChange && hasPrevPage) {\n      onChange(prevPage ?? Math.max(1, currentPage - 1))\n    }\n  }\n\n  const handleNextPage = () => {\n    if (onChange && hasNextPage) {\n      onChange(nextPage ?? currentPage + 1)\n    }\n  }\n\n  // Don't render if no docs or only one page\n  if (totalDocs === 0) {\n    return null\n  }\n\n  const startItem = pagingCounter ?? (currentPage - 1) * limit + 1\n  const endItem = Math.min(startItem + limit - 1, totalDocs)\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__info`}>\n        {startItem}-{endItem} {i18n.t('general:of')} {totalDocs}\n      </span>\n      {totalPages > 1 && (\n        <div className={`${baseClass}__arrows`}>\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"left\"\n            isDisabled={!hasPrevPage}\n            updatePage={handlePrevPage}\n          />\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"right\"\n            isDisabled={!hasNextPage}\n            updatePage={handleNextPage}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","useTableID","ClickableArrow","baseClass","SimplePagination","t0","$","data","onChange","tableId","i18n","resolvedTableID","hasNextPage","t1","hasPrevPage","t2","limit","nextPage","page","t3","pagingCounter","prevPage","totalDocs","totalPages","t4","undefined","currentPage","t5","Math","max","handlePrevPage","t6","handleNextPage","startItem","endItem","min","t7","_jsxs","className","children","t","_jsx","ariaControls","direction","isDisabled","updatePage"],"sources":["../../../../src/elements/Pagination/SimplePagination/index.tsx"],"sourcesContent":["'use client'\nimport type { PaginatedDocs } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useTableID } from '../../Table/TableIdentity.js'\nimport { ClickableArrow } from '../ClickableArrow/index.js'\nimport './index.css'\n\nconst baseClass = 'simple-pagination'\n\nexport type SimplePaginationProps = {\n  data: PaginatedDocs\n  onChange?: (page: number) => void\n  tableId?: string\n}\n\n/**\n * A simplified pagination component for inline use (e.g., in table headers).\n * Shows \"X-Y of Z\" with prev/next arrows. No page input or per-page selector.\n */\nexport const SimplePagination: React.FC<SimplePaginationProps> = ({ data, onChange, tableId }) => {\n  const { i18n } = useTranslation()\n  const resolvedTableID = useTableID(tableId)\n\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    limit,\n    nextPage,\n    page: currentPage = 1,\n    pagingCounter,\n    prevPage,\n    totalDocs,\n    totalPages = 1,\n  } = data\n\n  const handlePrevPage = () => {\n    if (onChange && hasPrevPage) {\n      onChange(prevPage ?? Math.max(1, currentPage - 1))\n    }\n  }\n\n  const handleNextPage = () => {\n    if (onChange && hasNextPage) {\n      onChange(nextPage ?? currentPage + 1)\n    }\n  }\n\n  // Don't render if no docs or only one page\n  if (totalDocs === 0) {\n    return null\n  }\n\n  const startItem = pagingCounter ?? (currentPage - 1) * limit + 1\n  const endItem = Math.min(startItem + limit - 1, totalDocs)\n\n  return (\n    <div className={baseClass}>\n      <span className={`${baseClass}__info`}>\n        {startItem}-{endItem} {i18n.t('general:of')} {totalDocs}\n      </span>\n      {totalPages > 1 && (\n        <div className={`${baseClass}__arrows`}>\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"left\"\n            isDisabled={!hasPrevPage}\n            updatePage={handlePrevPage}\n          />\n          <ClickableArrow\n            ariaControls={resolvedTableID}\n            direction=\"right\"\n            isDisabled={!hasNextPage}\n            updatePage={handleNextPage}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Pagination/index.js

@@ -129,41 +129,40 @@ export const Pagination = props => {
   }
   const handleInputKeyDown = t11;
   const isSinglePage = !totalPages || totalPages <= 1;
-  const t12 = isSinglePage || !hasPrevPage;
-  let t13;
-  if ($[15] !== currentPage || $[16] !== prevPage || $[17] !== updatePage) {
-    t13 = () => updatePage(prevPage ?? Math.max(1, currentPage - 1));
-    $[15] = currentPage;
-    $[16] = prevPage;
-    $[17] = updatePage;
-    $[18] = t13;
-  } else {
-    t13 = $[18];
-  }
-  let t14;
-  if ($[19] !== currentPage || $[20] !== handleInputBlur || $[21] !== handleInputKeyDown || $[22] !== hasNextPage || $[23] !== inputValue || $[24] !== isSinglePage || $[25] !== nextPage || $[26] !== pageDescriptionID || $[27] !== t || $[28] !== t12 || $[29] !== t13 || $[30] !== tableId || $[31] !== totalPages || $[32] !== updatePage) {
-    let t15;
+  let t12;
+  if ($[15] !== currentPage || $[16] !== handleInputBlur || $[17] !== handleInputKeyDown || $[18] !== hasNextPage || $[19] !== hasPrevPage || $[20] !== inputValue || $[21] !== isSinglePage || $[22] !== nextPage || $[23] !== pageDescriptionID || $[24] !== prevPage || $[25] !== t || $[26] !== tableId || $[27] !== totalPages || $[28] !== updatePage) {
+    let t13;
+    if ($[30] !== currentPage || $[31] !== prevPage || $[32] !== updatePage) {
+      t13 = () => updatePage(prevPage ?? Math.max(1, currentPage - 1));
+      $[30] = currentPage;
+      $[31] = prevPage;
+      $[32] = updatePage;
+      $[33] = t13;
+    } else {
+      t13 = $[33];
+    }
+    let t14;
     if ($[34] !== currentPage || $[35] !== nextPage || $[36] !== updatePage) {
-      t15 = () => updatePage(nextPage ?? currentPage + 1);
+      t14 = () => updatePage(nextPage ?? currentPage + 1);
       $[34] = currentPage;
       $[35] = nextPage;
       $[36] = updatePage;
-      $[37] = t15;
+      $[37] = t14;
     } else {
-      t15 = $[37];
+      t14 = $[37];
     }
-    t14 = _jsxs("div", {
+    t12 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(ClickableArrow, {
         ariaControls: tableId,
         direction: "left",
-        isDisabled: t12,
+        isDisabled: isSinglePage || !hasPrevPage,
         updatePage: t13
       }), _jsx(ClickableArrow, {
         ariaControls: tableId,
         direction: "right",
         isDisabled: isSinglePage || !hasNextPage,
-        updatePage: t15
+        updatePage: t14
       }), _jsxs("div", {
         className: `${baseClass}__page-input-wrapper`,
         children: [_jsx("input", {
@@ -195,24 +194,24 @@ export const Pagination = props => {
         })]
       })]
     });
-    $[19] = currentPage;
-    $[20] = handleInputBlur;
-    $[21] = handleInputKeyDown;
-    $[22] = hasNextPage;
-    $[23] = inputValue;
-    $[24] = isSinglePage;
-    $[25] = nextPage;
-    $[26] = pageDescriptionID;
-    $[27] = t;
-    $[28] = t12;
-    $[29] = t13;
-    $[30] = tableId;
-    $[31] = totalPages;
-    $[32] = updatePage;
-    $[33] = t14;
+    $[15] = currentPage;
+    $[16] = handleInputBlur;
+    $[17] = handleInputKeyDown;
+    $[18] = hasNextPage;
+    $[19] = hasPrevPage;
+    $[20] = inputValue;
+    $[21] = isSinglePage;
+    $[22] = nextPage;
+    $[23] = pageDescriptionID;
+    $[24] = prevPage;
+    $[25] = t;
+    $[26] = tableId;
+    $[27] = totalPages;
+    $[28] = updatePage;
+    $[29] = t12;
   } else {
-    t14 = $[33];
+    t12 = $[29];
   }
-  return t14;
+  return t12;
 };
 //# sourceMappingURL=index.js.map