@charcoal-ui/react 5.6.0-beta.3 → 5.6.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/react",
-  "version": "5.6.0-beta.3",
+  "version": "5.6.0-beta.4",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -54,10 +54,10 @@
     "react-compiler-runtime": "1.0.0",
     "react-stately": "^3.26.0",
     "warning": "^4.0.3",
-    "@charcoal-ui/foundation": "5.6.0-beta.3",
-    "@charcoal-ui/theme": "5.6.0-beta.3",
-    "@charcoal-ui/icons": "5.6.0-beta.3",
-    "@charcoal-ui/utils": "5.6.0-beta.3"
+    "@charcoal-ui/foundation": "5.6.0-beta.4",
+    "@charcoal-ui/icons": "5.6.0-beta.4",
+    "@charcoal-ui/theme": "5.6.0-beta.4",
+    "@charcoal-ui/utils": "5.6.0-beta.4"
   },
   "peerDependencies": {
     "react": ">=17.0.0"

package/src/components/Pagination/index.tsx

@@ -2,7 +2,7 @@ import './index.css'
 
 import { usePaginationWindow } from './helper'
 import { useClassNames } from '../../_lib/useClassNames'
-import IconButton, { IconButtonProps } from '../IconButton'
+import IconButton from '../IconButton'
 import {
   PaginationContext,
   usePaginationContext,
@@ -14,10 +14,9 @@ import {
 
 type NavButtonProps = {
   direction: 'prev' | 'next'
-  ariaLabel: IconButtonProps['aria-label']
 }
 
-function NavButton({ direction, ariaLabel }: NavButtonProps) {
+function NavButton({ direction }: NavButtonProps) {
   'use memo'
   const {
     page,
@@ -45,7 +44,6 @@ function NavButton({ direction, ariaLabel }: NavButtonProps) {
       icon={isPrev ? '24/Prev' : '24/Next'}
       size={size}
       hidden={disabled}
-      aria-label={ariaLabel}
       {...(isLinkMode && makeUrl
         ? {
             component: LinkComponent as 'a',
@@ -124,13 +122,11 @@ function PageItem({ value }: { value: number | string }) {
   )
 }
 
-interface PaginationCommonProps {
+interface CommonProps {
   page: number
   pageCount: number
   pageRangeDisplayed?: PageRangeDisplayed
   size?: Size
-  ariaLabelPrev?: string
-  ariaLabelNext?: string
 }
 
 type NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>
@@ -154,33 +150,29 @@ type NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>
  * // Link mode with linkProps (e.g. Next.js scroll)
  * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />
  */
-export type PaginationProps<T extends React.ElementType = 'a'> =
-  PaginationCommonProps &
-    NavProps &
-    (
-      | {
-          onChange(newPage: number): void
-          makeUrl?: never
-          component?: never
-          linkProps?: undefined
-        }
-      | {
-          makeUrl(page: number): string
-          onChange?: never
-          /**
-           * The component used for link elements. Receives `href`, `className`, and `children`.
-           * @default 'a'
-           */
-          component?: T
-          /**
-           * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).
-           */
-          linkProps?: Omit<
-            React.ComponentPropsWithoutRef<T>,
-            'href' | 'children'
-          >
-        }
-    )
+export type PaginationProps<T extends React.ElementType = 'a'> = CommonProps &
+  NavProps &
+  (
+    | {
+        onChange(newPage: number): void
+        makeUrl?: never
+        component?: never
+        linkProps?: undefined
+      }
+    | {
+        makeUrl(page: number): string
+        onChange?: never
+        /**
+         * The component used for link elements. Receives `href`, `className`, and `children`.
+         * @default 'a'
+         */
+        component?: T
+        /**
+         * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).
+         */
+        linkProps?: Omit<React.ComponentPropsWithoutRef<T>, 'href' | 'children'>
+      }
+  )
 
 export default function Pagination<T extends React.ElementType = 'a'>({
   page,
@@ -192,8 +184,6 @@ export default function Pagination<T extends React.ElementType = 'a'>({
   component: LinkComponent = 'a' as T,
   linkProps,
   className,
-  ariaLabelNext = 'Next',
-  ariaLabelPrev = 'Previous',
   ...navProps
 }: PaginationProps<T>) {
   'use memo'
@@ -227,11 +217,11 @@ export default function Pagination<T extends React.ElementType = 'a'>({
         {...navProps}
         className={classNames}
       >
-        <NavButton direction="prev" ariaLabel={ariaLabelPrev} />
+        <NavButton direction="prev" />
         {window.map((p) => (
           <PageItem key={p} value={p} />
         ))}
-        <NavButton direction="next" ariaLabel={ariaLabelNext} />
+        <NavButton direction="next" />
       </nav>
     </PaginationContext.Provider>
   )