Type Alias PaginationOptions<T>

Cấu hình cho PaginationBuilder

Remarks

Pagination hỗ trợ 2 chế độ dữ liệu (data source):

1. Dữ liệu tĩnh (`pages`)

Cung cấp toàn bộ dữ liệu ngay từ đầu
Phù hợp với dataset nhỏ

2. Dữ liệu động (`pageLoader`)

Load dữ liệu theo từng trang (lazy loading)
Phù hợp với API / database

⚠️ Chỉ nên dùng một trong hai:

pages hoặc pageLoader + totalPages

Example

// Dữ liệu tĩnh
const options: PaginationOptions<string> = {
  pages: ["A", "B", "C"],
  renderPage: ({ data }) => ({ content: data })
};

Example

// Dữ liệu động
const options: PaginationOptions<string[]> = {
  totalPages: 5,
  pageLoader: async (page) => {
    return [`Item ${page}`];
  },
  renderPage: ({ data }) => ({
    content: data.join("\n")
  })
};

type PaginationOptions<T> = {
    buildComponents?: (
        ctx: {
            components: ComponentBuilder<AnyComponent>;
            data: T;
            page: number;
            pagination: PaginationBuilder<T>;
            totalPages: number;
        },
    ) => | ComponentBuilder<AnyComponent>
    | Promise<ComponentBuilder<AnyComponent>>;
    interactionFilter?: (
        interaction: ButtonInteraction | StringSelectMenuInteraction,
    ) => boolean;
    navigation?: {
        first?: boolean;
        jump?: boolean;
        last?: boolean;
        menu?: boolean;
        next?: boolean;
        prev?: boolean;
    };
    onComponent?: (
        ctx: {
            data: T;
            interaction: ButtonInteraction | StringSelectMenuInteraction;
            page: number;
            pagination: PaginationBuilder<T>;
            totalPages: number;
        },
    ) => Promise<any>
    | any;
    onError?: (
        ctx: { error: unknown; pagination: PaginationBuilder<T> },
    ) => any;
    onPageChange?: (
        ctx: {
            data: T;
            interaction: ButtonInteraction | StringSelectMenuInteraction;
            newPage: number;
            oldPage: number;
            pagination: PaginationBuilder<T>;
        },
    ) => Promise<any>
    | any;
    onStart?: (
        ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
    ) => any;
    onStop?: (
        ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
    ) => any;
    onTimeout?: (
        ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
    ) => any;
    pageLoader?: (page: number) => Promise<T>;
    pages?: T[];
    renderPage:
        | ((ctx: PaginationRenderContext<T>) => Promise<BaseMessageOptions>)
        | ((ctx: PaginationRenderContext<T>) => BaseMessageOptions);
    selectMenu?: {
        enabled?: boolean;
        pageLabel?: (page: number) => string;
        placeholder?: string;
    };
    timeout?: number;
    totalPages?: number;
    useCache?: boolean;
}

Type Parameters

T
Kiểu dữ liệu của mỗi trang

Index

Properties

buildComponents? interactionFilter? navigation? onComponent? onError? onPageChange? onStart? onStop? onTimeout? pageLoader? pages? renderPage selectMenu? timeout? totalPages? useCache?

Properties

`Optional`buildComponents

buildComponents?: (
    ctx: {
        components: ComponentBuilder<AnyComponent>;
        data: T;
        page: number;
        pagination: PaginationBuilder<T>;
        totalPages: number;
    },
) => | ComponentBuilder<AnyComponent>
| Promise<ComponentBuilder<AnyComponent>>

Tuỳ chỉnh components (buttons, select menu)

Type Declaration

- (
      ctx: {
          components: ComponentBuilder<AnyComponent>;
          data: T;
          page: number;
          pagination: PaginationBuilder<T>;
          totalPages: number;
      },
  ): ComponentBuilder<AnyComponent>
  | Promise<ComponentBuilder<AnyComponent>>
- Parameters
  - ctx: {
        components: ComponentBuilder<AnyComponent>;
        data: T;
        page: number;
        pagination: PaginationBuilder<T>;
        totalPages: number;
    }
    Context build components
    
    Dùng khi:
    
    Muốn thêm button riêng
    
    Thêm action custom
    - components: ComponentBuilder<AnyComponent>
      Builder dùng để tạo và chỉnh sửa components.
      
      Remarks
      Đây là object mutable:
      
      Có thể thêm button, select menu, ...
      
      Sau khi chỉnh sửa, cần return lại để áp dụng
      
      Example
      components.addButton([ { customId: "next", label: "Next", style: "Primary" } ]); return components;
    - data: T
      Dữ liệu của trang hiện tại.
      
      Remarks
      Đây là kết quả từ PaginationBuilder.getPageData. Có thể là array, object, hoặc bất kỳ kiểu dữ liệu generic T.
      
      Example
      // Nếu T là array data.forEach(item => ...)
    - page: number
      Trang hiện tại (bắt đầu từ 1).
      
      Remarks
      Dùng để:
      
      Disable/enable nút phân trang (prev/next)
      
      Hiển thị trạng thái hiện tại
      
      Example
      disabled: page <= 1
    - pagination: PaginationBuilder<T>
      Instance hiện tại của PaginationBuilder.
      
      Remarks
      Cho phép truy cập:
      
      pagination.state (state tuỳ chỉnh)
      
      Các method như reload, refreshComponents, ...
      
      ⚠️ Tránh gọi reload() bên trong buildComponents để không gây loop không mong muốn.
    - totalPages: number
      Tổng số trang có sẵn.
      
      Remarks
      Dùng để:
      
      Giới hạn pagination
      
      Kiểm tra trang cuối
      
      Example
      disabled: page >= totalPages
  Returns ComponentBuilder<AnyComponent> | Promise<ComponentBuilder<AnyComponent>>

Example

// Custom thêm button
const pagination = new PaginationBuilder<string[]>({
  pages: ["Trang 1: Hello", "Trang 2: World", "Trang 3: Pagination"],
  renderPage: ({ data }) => ({
    content: data
  }),
  buildComponents: ({ components }) => {
    components.addButton([
        {
           customId: "custom:hello",
           label: "Hello",
           style: "Success"
        }
    ]);
    return components;
  }
});

`Optional`interactionFilter

interactionFilter?: (
interaction: ButtonInteraction | StringSelectMenuInteraction,
) => boolean

Filter interaction

Dùng để:

Chỉ cho phép user cụ thể sử dụng
Chặn người khác

Example

interactionFilter: (i) => i.user.id === message.author.id
// hoặc
interactionFilter: (interaction) => {
  if (interaction.user.id !== message.author.id) {
     interaction.reply({
       content: "❌ Chỉ người dùng lệnh mới có thể sử dụng.",
       flags: MessageFlags.Ephemeral
      });
      return false;
   }
   return true;
},

`Optional`navigation

navigation?: {
    first?: boolean;
    jump?: boolean;
    last?: boolean;
    menu?: boolean;
    next?: boolean;
    prev?: boolean;
}

Cấu hình navigation buttons

Bật/tắt các nút:

first, prev, next, last
jump (modal)
menu (select menu)

Example

navigation: {
  first: true,
  prev: true,
  next: true,
  last: true,
  jump: false,
  menu: true
}

`Optional`onComponent

onComponent?: (
    ctx: {
        data: T;
        interaction: ButtonInteraction | StringSelectMenuInteraction;
        page: number;
        pagination: PaginationBuilder<T>;
        totalPages: number;
    },
) => Promise<any>
| any

Xử lý interaction custom (ngoài navigation mặc định)

Type Declaration

- (
      ctx: {
          data: T;
          interaction: ButtonInteraction | StringSelectMenuInteraction;
          page: number;
          pagination: PaginationBuilder<T>;
          totalPages: number;
      },
  ): Promise<any>
  | any
- Parameters
  - ctx: {
        data: T;
        interaction: ButtonInteraction | StringSelectMenuInteraction;
        page: number;
        pagination: PaginationBuilder<T>;
        totalPages: number;
    }
    Context interaction
    - data: T
      Data của trang hiện tại
      
      Remarks
      Đây là kết quả từ PaginationBuilder.getPageData
      
      Có thể là:
      
      Array
      
      Object
      
      Bất kỳ kiểu generic T
      
      Example
      // Nếu T là array data.map(item => ...)
    - interaction: ButtonInteraction | StringSelectMenuInteraction
      Interaction từ button hoặc select menu
      
      Remarks
      Có thể dùng để:
      
      Kiểm tra customId
      
      Reply / defer / update interaction
      
      Example
      if (interaction.customId === "custom:hello") { ... }
    - page: number
      Trang hiện tại (bắt đầu từ 1)
      
      Remarks
      Hữu ích khi:
      
      Xử lý logic theo page
      
      Kiểm tra điều kiện phân trang
    - pagination: PaginationBuilder<T>
      Instance pagination
      
      Remarks
      Cho phép:
      
      Truy cập pagination.state
      
      Gọi các method như reload, refreshComponents
    - totalPages: number
      Tổng số trang
      
      Remarks
      Dùng để:
      
      Giới hạn logic theo page
      
      Kiểm tra trang cuối
  Returns Promise<any> | any

Remarks

Được gọi khi user tương tác với:

Button custom
Select menu custom

Không xử lý các action mặc định như next/prev nếu bạn không override.

Dùng khi:

Bạn có button riêng
Cần handle logic riêng cho từng interaction
Muốn trigger action như reply, update, reload pagination

Example

// Handle button custom
const pagination = new PaginationBuilder<string[]>({
  pages: ["Trang 1", "Trang 2"],
  renderPage: ({ data }) => ({ content: data }),
  buildComponents: ({ components }) => {
    components.addButton([
      {
        customId: "custom:hello",
        label: "Hello",
        style: "Success"
      }
    ]);
    return components;
  },
  onComponent: async ({ interaction }) => {
    if (interaction.customId === "custom:hello") {
      await interaction.reply("Hello!");
    }
  }
});

`Optional`onError

onError?: (ctx: { error: unknown; pagination: PaginationBuilder<T> }) => any

Callback xử lý lỗi toàn cục.

Remarks

Được gọi khi có lỗi xảy ra trong lifecycle của pagination.

Dùng để:

Log lỗi
Tránh crash ứng dụng
Gửi thông báo cho developer / user

⚠️ Nếu không cung cấp hook này, lỗi có thể bị throw ra ngoài.

Example

onError: ({ error }) => {
  console.error(error);
}

Example

// Logging nâng cao
onError: async ({ error }) => {
  await logToService(error);
}

See

PaginationBuilder

`Optional`onPageChange

onPageChange?: (
    ctx: {
        data: T;
        interaction: ButtonInteraction | StringSelectMenuInteraction;
        newPage: number;
        oldPage: number;
        pagination: PaginationBuilder<T>;
    },
) => Promise<any>
| any

Callback được gọi mỗi khi page thay đổi.

Type Declaration

- (
      ctx: {
          data: T;
          interaction: ButtonInteraction | StringSelectMenuInteraction;
          newPage: number;
          oldPage: number;
          pagination: PaginationBuilder<T>;
      },
  ): Promise<any>
  | any
- Parameters
  - ctx: {
        data: T;
        interaction: ButtonInteraction | StringSelectMenuInteraction;
        newPage: number;
        oldPage: number;
        pagination: PaginationBuilder<T>;
    }
    OnPageChangeContext
    - data: T
      Dữ liệu của trang hiện tại.
      
      Remarks
      Đây là kết quả từ PaginationBuilder.getPageData. Có thể là array, object, hoặc bất kỳ kiểu dữ liệu generic T.
      
      Example
      // Nếu T là array data.forEach(item => ...)
    - interaction: ButtonInteraction | StringSelectMenuInteraction
      Interaction đã trigger việc đổi trang.
      
      Remarks
      Có thể là:
      
      ButtonInteraction (prev/next)
      
      StringSelectMenuInteraction (jump page)
      
      Dùng để:
      
      Reply / defer
      
      Lấy user info
      
      Example
      await interaction.deferUpdate();
    - newPage: number
      Trang mới sau khi thay đổi.
      
      Remarks
      Giá trị page sau khi user tương tác (button/select menu).
      
      Example
      if (newPage === totalPages) console.log("Đến trang cuối");
    - oldPage: number
      Trang trước đó.
      
      Remarks
      Giá trị page trước khi pagination được cập nhật.
      
      Example
      if (oldPage === 1) console.log("Rời trang đầu");
    - pagination: PaginationBuilder<T>
      Instance hiện tại của PaginationBuilder.
      
      Remarks
      Có thể dùng để:
      
      Truy cập state (pagination.state)
      
      Gọi các method như reload, refreshComponents
      
      ⚠️ Tránh gọi lại logic đổi page bên trong hook này để không gây loop ngoài ý muốn.
  Returns Promise<any> | any
  Có thể trả về Promise hoặc giá trị bất kỳ (không được sử dụng nội bộ)

Remarks

Hook này chạy sau khi page đã được cập nhật, thường được dùng để:

Log / analytics
Sync state bên ngoài
Trigger side-effects

⚠️ Lưu ý:

Không nên mutate lại pagination.page trong hook này
Tránh gọi lại action đổi page → có thể gây loop

Example

onPageChange: ({ oldPage, newPage }) => {
  console.log(`Page: ${oldPage} -> ${newPage}`);
}

Example

// Tracking user interaction
onPageChange: async ({ interaction, newPage }) => {
  await logToDatabase({
    userId: interaction.user.id,
    page: newPage
  });
}

Example

// Sync state ngoài
onPageChange: ({ pagination, newPage }) => {
  pagination.state.lastVisitedPage = newPage;
}

See

PaginationBuilder

`Optional`onStart

onStart?: (
ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
) => any

Callback được gọi khi pagination bắt đầu.

Type Declaration

- (ctx: { data: T; message: Message; pagination: PaginationBuilder<T> }): any
- Parameters
  - ctx: { data: T; message: Message; pagination: PaginationBuilder<T> }
    - data: T
      Dữ liệu của trang hiện tại.
      
      Remarks
      Đây là kết quả từ PaginationBuilder.getPageData. Có thể là array, object, hoặc bất kỳ kiểu dữ liệu generic T.
      
      Example
      // Nếu T là array data.forEach(item => ...)
    - message: Message
      Message đã được gửi và gắn với pagination.
      
      Remarks
      Đây là message chính mà pagination sẽ thao tác (edit, update components, ...).
      
      Example
      console.log(message.id);
    - pagination: PaginationBuilder<T>
      Instance hiện tại của PaginationBuilder.
      
      Remarks
      Cho phép truy cập:
      
      pagination.state
      
      Các method như reload, refreshComponents
  Returns any
  Có thể trả về Promise hoặc giá trị bất kỳ (không được sử dụng nội bộ)

Remarks

Hook này chạy sau khi message đã được gửi và pagination đã được khởi tạo hoàn chỉnh.

Thường dùng để:

Log / debug
Lưu reference message
Trigger side-effects ban đầu

⚠️ Lưu ý:

Không nên edit message ngay trong hook này nếu không cần thiết
Tránh gọi reload() liên tục → có thể gây spam API

Example

onStart: ({ message }) => {
  console.log("Started:", message.id);
}

Example

// Lưu message để dùng sau
onStart: ({ message, pagination }) => {
  pagination.state.messageId = message.id;
}

Example

// Logging async
onStart: async ({ message }) => {
  await logToDatabase({ messageId: message.id });
}

See

PaginationBuilder

`Optional`onStop

onStop?: (
ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
) => any

Callback được gọi khi pagination dừng.

Remarks

Hook này chạy khi collector bị stop (thủ công hoặc do timeout).

Thường dùng để:

Cleanup (disable buttons, xoá state, ...)
Log / debug

⚠️ Lưu ý:

Hook này luôn chạy, kể cả khi timeout
Nếu cần phân biệt timeout, dùng onTimeout

Example

onStop: ({ message }) => {
  console.log("Stopped:", message.id);
}

Example

// Disable toàn bộ button khi stop
onStop: async ({ pagination }) => {
   await pagination.stop();
}

See

onTimeout

`Optional`onTimeout

onTimeout?: (
ctx: { data: T; message: Message; pagination: PaginationBuilder<T> },
) => any

Callback được gọi khi pagination hết thời gian (timeout).

Remarks

Hook này chạy khi collector tự động stop do vượt quá timeout.

Thường dùng để:

Thông báo timeout
Disable UI
Cleanup tài nguyên

⚠️ Lưu ý:

Hook này chỉ chạy khi timeout (không chạy khi stop thủ công)
Sau đó onStop vẫn sẽ được gọi

Example

onTimeout: () => {
  console.log("Timeout");
}

Example

// Disable UI khi timeout
onTimeout: async ({ pagination }) => {
   await pagination.stop();
}

See

onStop

`Optional`pageLoader

pageLoader?: (page: number) => Promise<T>

Hàm bất đồng bộ dùng để load dữ liệu cho từng trang

Type Declaration

- (page: number): Promise<T>
- Parameters
  - page: number
    Số trang cần load (0-based index)
  Returns Promise<T>
  Promise Dữ liệu tương ứng của trang

Remarks

Đây là nguồn dữ liệu động (dynamic data source) cho pagination.

Khi sử dụng pageLoader:

Bạn bắt buộc phải cung cấp totalPages
Dữ liệu sẽ được load theo từng trang khi cần (lazy loading)
Có tích hợp cache nội bộ (trừ khi bị tắt)

Dùng trong các trường hợp:

Dữ liệu lớn (database, API, phân trang server-side)
Không muốn load toàn bộ dữ liệu vào memory
Cần tối ưu performance và bandwidth

Cơ chế hoạt động

Khi chuyển trang → pageLoader(page) sẽ được gọi
Nếu đã load trước đó → có thể dùng cache (tuỳ cấu hình)
Dữ liệu trả về sẽ được truyền vào renderPage

⚠️ Lưu ý:

page là 0-based, không phải 1-based
Phải đảm bảo luôn trả về đúng kiểu T
Không nên throw error trực tiếp → nên handle hoặc dùng onError

Example

// Dùng với database
pageLoader: async (page) => {
  return await db.getUsers({
    skip: page * 10,
    limit: 10
  });
}

Example

// Dùng với REST API
totalPages: 5,
pageLoader: async (page) => {
  const res = await fetch(`/api/items?page=${page + 1}`);
  const json = await res.json();
  return json.data;
}

Example

// Ví dụ mock data (test nhanh)
totalPages: 5,
pageLoader: async (page) => {
  await new Promise(r => setTimeout(r, 500)); // giả lập delay

  return Array.from({ length: 5 }, (_, i) => {
    return `Item ${page}-${i}`;
  });
}

See

PaginationOptions.totalPages
PaginationBuilder.getPageData

`Optional`pages

pages?: T[]

Danh sách dữ liệu tĩnh cho từng trang

Dùng khi bạn đã có sẵn toàn bộ dữ liệu. Pagination sẽ truy cập trực tiếp từ mảng này.

⚠️ Không nên dùng nếu dữ liệu lớn (nên dùng pageLoader)

Example

pages: ["Page 1", "Page 2", "Page 3"]

renderPage

renderPage:
| ((ctx: PaginationRenderContext<T>) => Promise<BaseMessageOptions>)
| ((ctx: PaginationRenderContext<T>) => BaseMessageOptions)

Hàm render nội dung của trang

Param: ctx

Context render

Returns

BaseMessageOptions

Đây là function bắt buộc.

Dùng để:

Tạo content (text, embed,...)
Hiển thị data của trang

Example

renderPage: ({ data, page, totalPages }) => ({
  content: `Trang ${page + 1}/${totalPages}\n${data}`
})

`Optional`selectMenu

selectMenu?: {
    enabled?: boolean;
    pageLabel?: (page: number) => string;
    placeholder?: string;
}

Cấu hình select menu (dropdown) cho pagination.

Type Declaration

Optionalenabled?: boolean
Bật/tắt select menu.
Default Value
```
false
```
Remarks
Khi bật:
- Hiển thị dropdown chứa danh sách các trang
- Cho phép user nhảy đến trang bất kỳ
OptionalpageLabel?: (page: number) => string
Hàm dùng để format label cho từng option (trang).
Remarks
Dùng để tuỳ chỉnh cách hiển thị trang.
Example
```
pageLabel: (page) => `Trang ${page}`
```
Example
```
// Hiển thị dạng fancy
pageLabel: (page) => `📄 Page ${page}`
```
Optionalplaceholder?: string
Nội dung placeholder của select menu.
Default Value
```
"Select a page"
```
Remarks
Text hiển thị khi chưa có option nào được chọn.
Example
```
placeholder: "Chọn trang..."
```

Remarks

Cho phép người dùng chọn trực tiếp trang thông qua dropdown. Nếu không cấu hình hoặc enabled = false, select menu sẽ không được render.

Example

selectMenu: {
  enabled: true,
  placeholder: "Chọn trang",
  pageLabel: (page) => `Trang ${page}`
}

`Optional`timeout

timeout?: number

Thời gian timeout của pagination (tính bằng giây).

Default Value

Remarks

Sau khoảng thời gian này:

Collector sẽ tự động stop
Trigger onTimeout
Sau đó trigger onStop

Example

timeout: 60 // 1 phút

`Optional`totalPages

totalPages?: number

Tổng số trang (dùng với pageLoader)

Bắt buộc khi bạn dùng pageLoader.

Vì pagination không biết trước số trang nếu load động.

Example

totalPages: 10

`Optional`useCache

useCache?: boolean

Bật / tắt cơ chế cache dữ liệu page

Tùy chọn này chỉ có hiệu lực khi bạn sử dụng pageLoader. Nếu bạn sử dụng pages (static data) thì cache sẽ không được dùng.

Default Value

false

Remarks

Khi useCache = true, dữ liệu của từng page sẽ được lưu lại sau lần load đầu tiên thông qua pageLoader, nhằm tránh việc gọi lại nhiều lần cho cùng một page.

Cơ chế hoạt động:

Khi gọi getPageData(page)
Nếu page đã tồn tại trong pageCache → trả về ngay (cache hit)
Nếu chưa có → gọi pageLoader(page) để lấy dữ liệu (cache miss)
Sau đó lưu vào cache (nếu bật useCache)

Phù hợp khi:

Dữ liệu load từ API / database (tốn tài nguyên)
Pagination có thể quay lại page cũ nhiều lần
Muốn tối ưu performance và giảm latency

Không nên bật khi:

Dữ liệu thay đổi liên tục (real-time)
Cần luôn fetch dữ liệu mới nhất

Example

const pagination = new PaginationBuilder({
  pageLoader: async (page) => {
    return fetchData(page); // gọi API
  },
  useCache: true
});

// Lần đầu → gọi API
await pagination.getPageData(0);

// Lần sau → dùng cache (không gọi lại API)
await pagination.getPageData(0);

Example

// Tắt cache (luôn gọi lại pageLoader)
const pagination = new PaginationBuilder({
  pageLoader: async (page) => fetchData(page),
  useCache: false
});

See

getPageData

Type Alias PaginationOptions<T>

Remarks

1. Dữ liệu tĩnh (pages)

2. Dữ liệu động (pageLoader)

Example

Example

Type Parameters

Index

Properties

Properties

OptionalbuildComponents

Type Declaration

Parameters

components: ComponentBuilder<AnyComponent>

Remarks

Example

data: T

Remarks

Example

page: number

Remarks

Example

pagination: PaginationBuilder<T>

Remarks

totalPages: number

Remarks

Example

Returns ComponentBuilder<AnyComponent> | Promise<ComponentBuilder<AnyComponent>>

Example

OptionalinteractionFilter

Example

Optionalnavigation

Example

OptionalonComponent

Type Declaration

Parameters

data: T

Remarks

Example

interaction: ButtonInteraction | StringSelectMenuInteraction

Remarks

Example

page: number

Remarks

pagination: PaginationBuilder<T>

Remarks

totalPages: number

Remarks

Returns Promise<any> | any

Remarks

Example

OptionalonError

Remarks

Example

Example

See

OptionalonPageChange

Type Declaration

Parameters

data: T

Remarks

Example

interaction: ButtonInteraction | StringSelectMenuInteraction

Remarks

Example

newPage: number

Remarks

Example

oldPage: number

Remarks

Example

pagination: PaginationBuilder<T>

Remarks

Returns Promise<any> | any

Remarks

Example

Example

Example

See

OptionalonStart

1. Dữ liệu tĩnh (`pages`)

2. Dữ liệu động (`pageLoader`)

`Optional`buildComponents

`Optional`interactionFilter

`Optional`navigation

`Optional`onComponent

`Optional`onError

`Optional`onPageChange

`Optional`onStart

`Optional`onStop

`Optional`onTimeout

`Optional`pageLoader

`Optional`pages

`Optional`selectMenu

`Optional`enabled?: boolean

`Optional`pageLabel?: (page: number) => string

`Optional`placeholder?: string

`Optional`timeout

`Optional`totalPages

`Optional`useCache