@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/{Pagination-DU_qvFRR.js → Pagination-ta8a2cJN.js}

@@ -1,25 +1,20 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, useState, useLayoutEffect } from 'react';
-import { useTrackingId } from './useTrackingId.js';
-import { S as SrOnly } from './SrOnly-C_I8eH4C.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { B as BreakpointSm } from './primitive-BoyEHaOo.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { B as ButtonToggle } from './ButtonToggle-Bm4KRl3o-B1-LbfjY.js';
-import { a as Menu } from './Menu-TtVJnSrA-yBYichuJ.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { B as ButtonToggle } from './ButtonToggle-pSwg7NvT.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
+import { M as Menu } from './Menu-C8we5CHP.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
-import { T as Text } from './Text-CED_yrId-DsRYZw2-.js';
-import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { F as Flex } from './Flex-BdQMekvA.js';
+import { T as Text } from './Text-BqvcbXyp.js';
 import { S as SvgKeyboardArrowLeft, a as SvgKeyboardArrowRight } from './keyboard_arrow_right-DZWNVytH.js';
+import { useTrackingId } from './useTrackingId.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
 
-import './Pagination.css';const pagination$1 = "_pagination_1gk5t_2";
-const styles$5 = {
-	pagination: pagination$1
-};
-
-const styles$4 = {
+import './Pagination.css';const styles$6 = {
 	"pagination-item": "_pagination-item_1fk4w_2",
 	"pagination-item-button": "_pagination-item-button_1fk4w_15"
 };
@@ -27,9 +22,9 @@ const styles$4 = {
 const PaginationItem = forwardRef(
   (props, ref) => {
     const { page, isActive, onClick, className, ...rest } = props;
-    const paginationClassName = cx(styles$4["pagination-item"], className);
-    const paginationButtonClassName = cx(styles$4["pagination-item-button"], {
-      [styles$4.active]: isActive
+    const paginationClassName = cx(styles$6["pagination-item"], className);
+    const paginationButtonClassName = cx(styles$6["pagination-item-button"], {
+      [styles$6.active]: isActive
     });
     return /* @__PURE__ */ jsx("li", { ref, ...rest, className: paginationClassName, children: /* @__PURE__ */ jsx(
       ButtonToggle,
@@ -46,21 +41,21 @@ const PaginationItem = forwardRef(
 );
 PaginationItem.displayName = "PaginationItem";
 
-const styles$3 = {
+const styles$5 = {
 	"pagination-item-overflow-menu": "_pagination-item-overflow-menu_ainsh_2",
 	"pagination-item-overflow-menu-content": "_pagination-item-overflow-menu-content_ainsh_7"
 };
 
 const PaginationOverflowMenu = forwardRef((props, ref) => {
   const { startPage, endPage, length, onItemClick, ...rest } = props;
-  return /* @__PURE__ */ jsx("li", { className: styles$3["pagination-item-overflow-menu"], ref, ...rest, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("li", { className: styles$5["pagination-item-overflow-menu"], ref, ...rest, children: /* @__PURE__ */ jsx(
     Menu,
     {
       icon: SvgMoreHoriz,
       size: "small",
       appearance: "ghost",
       maxHeight: 200,
-      contentClassName: styles$3["pagination-item-overflow-menu-content"],
+      contentClassName: styles$5["pagination-item-overflow-menu-content"],
       "aria-label": "More pages",
       children: Array.from({ length }).map((_, index) => /* @__PURE__ */ jsx(
         Menu.Item,
@@ -78,7 +73,7 @@ const PaginationOverflowMenu = forwardRef((props, ref) => {
 });
 PaginationOverflowMenu.displayName = "PaginationOverflowMenu";
 
-const styles$2 = {
+const styles$4 = {
 	"pagination-items-per-page-button": "_pagination-items-per-page-button_8rijc_2"
 };
 
@@ -95,7 +90,7 @@ const PaginationItemsPerPageMenu = forwardRef((props, ref) => {
             {
               ref: ref2,
               ...rest,
-              className: styles$2["pagination-items-per-page-button"],
+              className: styles$4["pagination-items-per-page-button"],
               appearance: "ghost",
               icon: { after: SvgKeyboardArrowDown },
               size: "small",
@@ -119,14 +114,14 @@ const PaginationItemsPerPageMenu = forwardRef((props, ref) => {
 });
 PaginationItemsPerPageMenu.displayName = "PaginationItemsPerPageMenu";
 
-const styles$1 = {
-	"pagination-list": "_pagination-list_tabhr_2"
+const styles$3 = {
+	"pagination-list": "_pagination-list_1cv89_2"
 };
 
 const PaginationList = forwardRef(
   (props, ref) => {
     const { page, totalPages, children, onPageChange, className } = props;
-    const paginationListClassName = cx(styles$1["pagination-list"], className);
+    const paginationListClassName = cx(styles$3["pagination-list"], className);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -164,7 +159,7 @@ const PaginationList = forwardRef(
 );
 PaginationList.displayName = "PaginationList";
 
-const styles$6 = {
+const styles$2 = {
 	"pagination-total-count": "_pagination-total-count_efq0t_2"
 };
 
@@ -175,7 +170,7 @@ const PaginationTotalCount = ({
   className
 }) => {
   const paginationTotalCountClassName = cx(
-    styles$6["pagination-total-count"],
+    styles$2["pagination-total-count"],
     className
   );
   return /* @__PURE__ */ jsxs(
@@ -197,10 +192,15 @@ const PaginationTotalCount = ({
   );
 };
 
+const pagination$1 = "_pagination_1gk5t_2";
+const styles$1 = {
+	pagination: pagination$1
+};
+
 const PaginationElement = forwardRef(
   (props, ref) => {
     const { className, children, ...rest } = props;
-    const paginationClassName = cx(styles$5.pagination, className);
+    const paginationClassName = cx(styles$1.pagination, className);
     return /* @__PURE__ */ jsx("nav", { ref, className: paginationClassName, ...rest, children });
   }
 );
@@ -374,7 +374,6 @@ const Pagination = forwardRef(
               page,
               totalPages,
               onPageChange: (page2) => onPageChange?.(page2),
-              className: styles.paginationList,
               children: pageArray.map((item) => {
                 if (item.type === "page") {
                   return /* @__PURE__ */ jsx(
@@ -427,4 +426,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P };
-//# sourceMappingURL=Pagination-DU_qvFRR.js.map
+//# sourceMappingURL=Pagination-ta8a2cJN.js.map

package/dist/Pagination-ta8a2cJN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination-ta8a2cJN.js","sources":["../src/components/Pagination/internal/PaginationItem.tsx","../src/components/Pagination/internal/PaginationOverflowMenu.tsx","../src/components/Pagination/internal/PaginationItemsPerPageMenu.tsx","../src/components/Pagination/internal/PaginationList.tsx","../src/components/Pagination/internal/PaginationTotalCount.tsx","../src/components/Pagination/internal/Pagination.tsx","../src/components/Pagination/internal/usePaginationArray.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { ButtonToggle } from \"../../ButtonToggle\";\n\nimport styles from \"./PaginationItem.module.scss\";\n\n/**\n * Props for the PaginationItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The page number to display.\n   */\n  page: number;\n  /**\n   * Whether this page item is currently active/selected.\n   * @default false\n   */\n  isActive?: boolean;\n  /**\n   * Callback function called when the page item is clicked.\n   */\n  onClick?: () => void;\n};\n\n/**\n * PaginationItem component for displaying individual page numbers in pagination.\n *\n * Features:\n * - Displays page number as a toggle button\n * - Supports active state styling\n * - Fully accessible with proper ARIA attributes\n * - Integrates with pagination navigation system\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItem\n *   page={3}\n *   isActive={true}\n *   onClick={() => console.log('Page 3 clicked')}\n * />\n */\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => {\n    const { page, isActive, onClick, className, ...rest } = props;\n\n    const paginationClassName = cx(styles[\"pagination-item\"], className);\n    const paginationButtonClassName = cx(styles[\"pagination-item-button\"], {\n      [styles.active]: isActive,\n    });\n    return (\n      <li ref={ref} {...rest} className={paginationClassName}>\n        <ButtonToggle\n          className={paginationButtonClassName}\n          size=\"small\"\n          onClick={onClick}\n          aria-current={isActive ? \"page\" : undefined}\n          checked={isActive}\n        >\n          {page}\n        </ButtonToggle>\n      </li>\n    );\n  },\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport IconMoreHoriz from \"@servicetitan/hammer-icon/mdi/round/more_horiz.svg\";\n\nimport { Menu } from \"../../Menu\";\n\nimport styles from \"./PaginationOverflowMenu.module.scss\";\n\n/**\n * Props for the PaginationOverflowMenu component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationOverflowMenuProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The starting page number for the overflow range.\n   */\n  startPage: number;\n  /**\n   * The ending page number for the overflow range.\n   */\n  endPage: number;\n  /**\n   * The number of pages in the overflow range.\n   */\n  length: number;\n  /**\n   * Callback function called when a page in the overflow menu is selected.\n   * @param page The selected page number\n   */\n  onItemClick: (page: number) => void;\n};\n\n/**\n * PaginationOverflowMenu component for displaying overflow pages in pagination.\n *\n * Features:\n * - Displays ellipsis menu for large page ranges\n * - Shows all pages in the overflow range as menu items\n * - Integrates with pagination navigation system\n * - Fully accessible with proper ARIA labels\n * - Consistent styling with design system\n *\n * @example\n * <PaginationOverflowMenu\n *   startPage={4}\n *   endPage={8}\n *   length={5}\n *   onItemClick={(page) => console.log('Page selected:', page)}\n * />\n */\nexport const PaginationOverflowMenu = forwardRef<\n  HTMLLIElement,\n  PaginationOverflowMenuProps\n>((props, ref) => {\n  const { startPage, endPage, length, onItemClick, ...rest } = props;\n  return (\n    <li className={styles[\"pagination-item-overflow-menu\"]} ref={ref} {...rest}>\n      <Menu\n        icon={IconMoreHoriz}\n        size=\"small\"\n        appearance=\"ghost\"\n        maxHeight={200}\n        key={`${startPage}-${endPage}`}\n        contentClassName={styles[\"pagination-item-overflow-menu-content\"]}\n        aria-label=\"More pages\"\n      >\n        {Array.from({ length: length }).map((_, index) => (\n          <Menu.Item\n            key={index}\n            label={`${startPage + index}`}\n            onClick={() => {\n              onItemClick(startPage + index);\n            }}\n          />\n        ))}\n      </Menu>\n    </li>\n  );\n});\n\nPaginationOverflowMenu.displayName = \"PaginationOverflowMenu\";\n","import { forwardRef } from \"react\";\nimport IconKeyboardArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Flex } from \"../../Flex\";\nimport { Menu } from \"../../Menu\";\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationItemsPerPageMenu.module.scss\";\n\n/**\n * Props for the PaginationItemsPerPageMenu component\n */\nexport type PaginationItemsPerPageMenuProps = {\n  /**\n   * The currently selected number of items per page.\n   */\n  itemsPerPage: number;\n  /**\n   * Array of available options for items per page.\n   */\n  itemsPerPageOptions: number[];\n  /**\n   * Callback function called when the items per page selection changes.\n   * @param itemsPerPage The new number of items per page\n   */\n  onItemsPerPageChange: (itemsPerPage: number) => void;\n};\n\n/**\n * PaginationItemsPerPageMenu component for selecting the number of items per page.\n *\n * Features:\n * - Displays current items per page selection\n * - Provides dropdown menu with available options\n * - Integrates with pagination system\n * - Shows \"Rows per page\" label for clarity\n * - Fully accessible with proper ARIA attributes\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItemsPerPageMenu\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[5, 10, 25, 50]}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const PaginationItemsPerPageMenu = forwardRef<\n  HTMLDivElement,\n  PaginationItemsPerPageMenuProps\n>((props, ref) => {\n  const { itemsPerPage, itemsPerPageOptions, onItemsPerPageChange } = props;\n  return (\n    <Flex alignItems=\"center\" gap=\"2\" ref={ref}>\n      <Text size=\"small\">Rows per page</Text>\n      <Menu\n        trigger={({ ref, ...rest }) => {\n          return (\n            <Button\n              ref={ref}\n              {...rest}\n              className={styles[\"pagination-items-per-page-button\"]}\n              appearance=\"ghost\"\n              icon={{ after: IconKeyboardArrowDown }}\n              size=\"small\"\n            >\n              {itemsPerPage}\n            </Button>\n          );\n        }}\n      >\n        {itemsPerPageOptions.map((option) => (\n          <Menu.Item\n            key={option}\n            label={option}\n            onClick={() => {\n              onItemsPerPageChange?.(option);\n            }}\n          />\n        ))}\n      </Menu>\n    </Flex>\n  );\n});\n\nPaginationItemsPerPageMenu.displayName = \"PaginationItemsPerPageMenu\";\n","import { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport IconKeyboardArrowLeft from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_left.svg\";\nimport IconKeyboardArrowRight from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_right.svg\";\n\nimport { Button } from \"../../Button\";\n\nimport styles from \"./PaginationList.module.scss\";\n\ntype PaginationListProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const { page, totalPages, children, onPageChange, className } = props;\n\n    const paginationListClassName = cx(styles[\"pagination-list\"], className);\n\n    return (\n      <>\n        <Button\n          appearance=\"ghost\"\n          icon={IconKeyboardArrowLeft}\n          size=\"small\"\n          aria-label=\"Previous page\"\n          disabled={page === 1}\n          onClick={() => {\n            if (page > 1) {\n              onPageChange?.(page - 1);\n            }\n          }}\n        />\n        <ul ref={ref} className={paginationListClassName}>\n          {children}\n        </ul>\n        <Button\n          appearance=\"ghost\"\n          icon={IconKeyboardArrowRight}\n          size=\"small\"\n          aria-label=\"Next page\"\n          disabled={page === totalPages}\n          onClick={() => {\n            if (page < totalPages) {\n              onPageChange?.(page + 1);\n            }\n          }}\n        />\n      </>\n    );\n  },\n);\n\nPaginationList.displayName = \"PaginationList\";\n","import cx from \"classnames\";\n\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationTotalCount.module.scss\";\n\nexport const PaginationTotalCount = ({\n  firstItem,\n  lastItem,\n  totalCount,\n  className,\n}: {\n  firstItem: number;\n  lastItem: number;\n  totalCount: number;\n  className?: string;\n}) => {\n  const paginationTotalCountClassName = cx(\n    styles[\"pagination-total-count\"],\n    className,\n  );\n  return (\n    <Text\n      size=\"small\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      className={paginationTotalCountClassName}\n    >\n      {firstItem} - {lastItem} {totalCount ? `of ${totalCount}` : \"\"} items\n    </Text>\n  );\n};\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationOverflowMenu } from \"./PaginationOverflowMenu\";\nimport { PaginationItemsPerPageMenu } from \"./PaginationItemsPerPageMenu\";\nimport { PaginationList } from \"./PaginationList\";\nimport { PaginationTotalCount } from \"./PaginationTotalCount\";\n\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @extends ComponentPropsWithoutRef<\"nav\">\n */\nexport type PaginationProps = ComponentPropsWithoutRef<\"nav\">;\n\nconst PaginationElement = forwardRef<HTMLElement, PaginationProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n\n    const paginationClassName = cx(styles.pagination, className);\n\n    return (\n      <nav ref={ref} className={paginationClassName} {...rest}>\n        {children}\n      </nav>\n    );\n  },\n);\n\nPaginationElement.displayName = \"Pagination\";\n\n/**\n * Pagination component for navigating through paginated content.\n *\n * Features:\n * - Provides navigation controls for paginated data\n * - Supports compound components for flexible pagination layouts\n * - Includes list, items, overflow menu, items per page menu, and total count\n * - Accessible navigation with proper ARIA roles\n * - Customizable styling and layout\n *\n * @example\n * <Pagination>\n *   <Pagination.List>\n *     <Pagination.Item>1</Pagination.Item>\n *     <Pagination.Item>2</Pagination.Item>\n *     <Pagination.OverflowMenu />\n *     <Pagination.Item>10</Pagination.Item>\n *   </Pagination.List>\n *   <Pagination.ItemsPerPageMenu />\n *   <Pagination.TotalCount />\n * </Pagination>\n */\nexport const Pagination = Object.assign(PaginationElement, {\n  List: PaginationList,\n  Item: PaginationItem,\n  OverflowMenu: PaginationOverflowMenu,\n  ItemsPerPageMenu: PaginationItemsPerPageMenu,\n  TotalCount: PaginationTotalCount,\n});\n","import { useMemo, useRef } from \"react\";\n\nexport type PageArrayItem =\n  | { type: \"page\"; page: number }\n  | { type: \"overflow\"; startPage: number; endPage: number; length: number };\n\n/**\n * Custom hook for managing pagination array state and generation.\n *\n * Features:\n * - Automatically generates pagination array based on current page and total pages\n * - Avoids unnecessary regeneration if the current page is already visible\n * - Updates array when page or total pages change and the visible set must change\n * - Handles jumps to first/last page with overflow between current and target\n * - Provides stable reference for the current pagination array\n *\n * @param page The currently selected page\n * @param totalPages Total number of pages\n * @param maxArrayLength Maximum length of the pagination array (including overflows)\n * @returns The current pagination array\n *\n * @example\n * const pageArray = usePaginationArray({\n *   page: 5,\n *   totalPages: 10,\n *   maxArrayLength: 7\n * });\n */\nexport const usePaginationArray = ({\n  page,\n  totalPages,\n  maxArrayLength = 7,\n}: {\n  page: number;\n  totalPages: number;\n  maxArrayLength?: number;\n}): PageArrayItem[] => {\n  const prevRef = useRef<{\n    array: PageArrayItem[];\n    totalPages: number;\n    maxArrayLength: number;\n    prevPage: number;\n  } | null>(null);\n\n  return useMemo(() => {\n    const maxPagesToShow = maxArrayLength - 2;\n    let result: PageArrayItem[] = [];\n    const addRange = (start: number, end: number) => {\n      const count = end - start + 1;\n      if (count === 1) {\n        result.push({ type: \"page\", page: start });\n      } else if (count >= 2) {\n        result.push({\n          type: \"overflow\",\n          startPage: start,\n          endPage: end,\n          length: count,\n        });\n      }\n    };\n\n    if (totalPages <= maxArrayLength) {\n      result = Array.from({ length: totalPages }, (_, i) => ({\n        type: \"page\" as const,\n        page: i + 1,\n      }));\n    } else if (page <= maxPagesToShow) {\n      // Leading section\n      for (let i = 1; i <= maxPagesToShow; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n      addRange(maxArrayLength - 1, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    } else if (page >= totalPages - maxPagesToShow + 1) {\n      // Trailing section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, totalPages - maxPagesToShow);\n      for (let i = totalPages - (maxPagesToShow - 1); i <= totalPages; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n    } else {\n      // Middle section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, page - 2);\n      result.push({ type: \"page\", page: page - 1 });\n      result.push({ type: \"page\", page: page });\n      result.push({ type: \"page\", page: page + 1 });\n      addRange(page + 2, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    }\n\n    const prev = prevRef.current;\n\n    // Check if we should remake array due to overflow between pages or new page being in overflow\n    let shouldRemakeForJump = false;\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength\n    ) {\n      // Check if there is overflow between the new page and the current page\n      const start = Math.min(prev.prevPage, page);\n      const end = Math.max(prev.prevPage, page);\n      const hasOverflowBetween = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          // Check if overflow intersects with the range (not completely covers)\n          !(item.endPage < start || item.startPage > end),\n      );\n\n      // Check if the new page is part of an overflow\n      const newPageInOverflow = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          item.startPage <= page &&\n          item.endPage >= page,\n      );\n\n      shouldRemakeForJump = hasOverflowBetween || newPageInOverflow;\n    }\n\n    // If we should remake for jump, always return the new array\n    if (shouldRemakeForJump) {\n      prevRef.current = {\n        array: result,\n        totalPages,\n        maxArrayLength,\n        prevPage: page,\n      };\n      return result;\n    }\n\n    // Optimization: if the new page is already present in the previous array, reuse the array\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength &&\n      prev.array.some((item) => item.type === \"page\" && item.page === page)\n    ) {\n      return prev.array;\n    }\n\n    prevRef.current = {\n      array: result,\n      totalPages,\n      maxArrayLength,\n      prevPage: page,\n    };\n    return result;\n  }, [page, totalPages, maxArrayLength]);\n};\n","import { forwardRef, useLayoutEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\n\nimport {\n  Pagination as BasePagination,\n  type PaginationProps as BasePaginationProps,\n} from \"./internal/Pagination\";\nimport { usePaginationArray } from \"./internal/usePaginationArray\";\n\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @property {number} page - The current page number\n * @property {number} itemsPerPage - Number of items displayed per page\n * @property {number[]} [itemsPerPageOptions] - Available options for items per page selection\n * @property {number} [totalItemCount] - Total number of items across all pages\n * @property {boolean} [showCount] - Whether to display the item count information\n * @property {(page: number) => void} [onPageChange] - Callback when page changes\n * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes\n * @extends Omit<BasePaginationProps, \"children\">\n * @extends DataTrackingId\n */\nexport type PaginationProps = Omit<BasePaginationProps, \"children\"> &\n  DataTrackingId & {\n    page: number;\n    itemsPerPage: number;\n    itemsPerPageOptions?: number[];\n    totalItemCount?: number;\n    showCount?: boolean;\n    onPageChange?: (page: number) => void;\n    onItemsPerPageChange?: (itemsPerPage: number) => void;\n  };\n\n/**\n * Pagination component for navigating through paginated content with automatic page array generation.\n *\n * Features:\n * - Automatic page array generation with overflow handling\n * - Supports items per page selection with customizable options\n * - Displays item count information with screen reader support\n * - Handles edge cases like invalid page numbers\n * - Includes previous/next navigation buttons\n * - Supports overflow menus for large page ranges\n * - Fully accessible with proper ARIA attributes\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Pagination\n *   page={1}\n *   itemsPerPage={10}\n *   totalItemCount={100}\n *   itemsPerPageOptions={[10, 20, 50]}\n *   showCount={true}\n *   onPageChange={(page) => console.log('Page changed to:', page)}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (props, ref) => {\n    const {\n      \"aria-label\": ariaLabel,\n      page,\n      itemsPerPage,\n      itemsPerPageOptions,\n      totalItemCount: totalItemCountProp,\n      showCount,\n      onPageChange,\n      onItemsPerPageChange,\n      className,\n      ...rest\n    } = props;\n\n    const data = {\n      \"aria-label\": ariaLabel,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Pagination\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n    const totalItemCount = totalItemCountProp ?? 0;\n    const totalPages = Math.ceil(totalItemCount / itemsPerPage);\n    const elRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    const pageArray = usePaginationArray({\n      page,\n      totalPages,\n      maxArrayLength: 7,\n    });\n\n    // Check if current page is available in the pageArray, fallback to page 1 if not\n    const isPageAvailable = pageArray.some(\n      (item) => item.type === \"page\" && item.page === page,\n    );\n\n    if (!isPageAvailable && page !== 1 && totalPages > 0) {\n      // Use requestAnimationFrame to avoid calling onPageChange during render\n      requestAnimationFrame(() => {\n        onPageChange?.(1);\n      });\n    }\n\n    const firstItem = 1 + (page - 1) * itemsPerPage;\n    const lastItem = firstItem - 1 + itemsPerPage;\n    const itemRangeText = `${firstItem} - ${lastItem} ${\n      totalItemCount ? `of ${totalItemCount}` : \"\"\n    } items`;\n\n    useLayoutEffect(() => {\n      const resizeObserver = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) {\n          setIsNarrow(\n            entry.contentRect.width <\n              Number(core.primitive.BreakpointSm.value.replace(\"px\", \"\")),\n          );\n        }\n      });\n      if (elRef.current) {\n        resizeObserver.observe(elRef.current);\n      }\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <BasePagination\n        ref={combinedRef}\n        data-tracking-id={trackingId}\n        className={cx(styles.pagination, className)}\n      >\n        <BasePagination.List\n          page={page}\n          totalPages={totalPages}\n          onPageChange={(page) => onPageChange?.(page)}\n        >\n          {pageArray.map((item) => {\n            if (item.type === \"page\") {\n              return (\n                <BasePagination.Item\n                  key={item.page}\n                  page={item.page}\n                  isActive={item.page === page}\n                  onClick={() => onPageChange?.(item.page)}\n                />\n              );\n            }\n            return (\n              <BasePagination.OverflowMenu\n                key={item.startPage}\n                startPage={item.startPage}\n                endPage={item.endPage}\n                length={item.length}\n                onItemClick={(item) => onPageChange?.(item)}\n              />\n            );\n          })}\n        </BasePagination.List>\n        {isNarrow === false && (\n          <>\n            {itemsPerPageOptions && (\n              <BasePagination.ItemsPerPageMenu\n                itemsPerPage={itemsPerPage}\n                itemsPerPageOptions={itemsPerPageOptions}\n                onItemsPerPageChange={(itemsPerPage) =>\n                  onItemsPerPageChange?.(itemsPerPage)\n                }\n              />\n            )}\n            {showCount && (\n              <BasePagination.TotalCount\n                firstItem={firstItem}\n                lastItem={lastItem}\n                totalCount={totalItemCount}\n              />\n            )}\n          </>\n        )}\n        {!showCount || isNarrow ? (\n          <SrOnly aria-live=\"polite\" aria-atomic=\"true\">\n            {itemRangeText}\n          </SrOnly>\n        ) : null}\n      </BasePagination>\n    );\n  },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["styles","IconMoreHoriz","ref","IconKeyboardArrowDown","IconKeyboardArrowLeft","IconKeyboardArrowRight","Pagination","core.primitive.BreakpointSm","BasePagination","page","item","itemsPerPage"],"mappings":"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"}

package/dist/Pagination.css

@@ -1,30 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._pagination_1gk5t_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-}
-@layer base {
-  ._pagination_1gk5t_2 {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    flex-grow: 1;
-    gap: 0.125rem;
-  }
-}@layer starter, reset, base, state, application;
 @layer reset {
   ._pagination-item_1fk4w_2 {
     all: unset;
@@ -86,7 +60,7 @@
   }
 }@layer starter, reset, base, state, application;
 @layer reset {
-  ._pagination-list_tabhr_2 {
+  ._pagination-list_1cv89_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -101,12 +75,13 @@
   }
 }
 @layer base {
-  ._pagination-list_tabhr_2 {
+  ._pagination-list_1cv89_2 {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     gap: 0.125rem;
+    margin: 0;
   }
 }@layer starter, reset, base, state, application;
 @layer application {
@@ -114,6 +89,31 @@
     margin-inline-start: auto;
   }
 }@layer starter, reset, base, state, application;
+@layer reset {
+  ._pagination_1gk5t_2 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: revert-layer;
+  }
+}
+@layer base {
+  ._pagination_1gk5t_2 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    flex-grow: 1;
+    gap: 0.125rem;
+  }
+}@layer starter, reset, base, state, application;
 nav._pagination_1pkjs_1 {
   display: flex;
   flex-direction: row;

package/dist/Pagination.js

@@ -1,2 +1,2 @@
-export { P as Pagination, P as default } from './Pagination-DU_qvFRR.js';
+export { P as Pagination, P as default } from './Pagination-ta8a2cJN.js';
 //# sourceMappingURL=Pagination.js.map