@cloudscape-design/components 3.0.1012 → 3.0.1014

package/multiselect/embedded.d.ts

@@ -2,15 +2,14 @@ import React from 'react';
 import { SomeRequired } from '../internal/types';
 import { MultiselectProps } from './interfaces';
 export type EmbeddedMultiselectProps = SomeRequired<Pick<MultiselectProps, 'options' | 'selectedOptions' | 'ariaLabel' | 'filteringType' | 'deselectAriaLabel' | 'virtualScroll' | 'statusType' | 'controlId' | 'onChange' | 'onLoadItems' | 'loadingText' | 'finishedText' | 'errorText' | 'recoveryText' | 'empty' | 'noMatch'>, 'options' | 'selectedOptions' | 'filteringType' | 'statusType'> & {
-    filteringText?: string;
+  filteringText?: string;
 };
 declare const EmbeddedMultiselect: React.ForwardRefExoticComponent<Pick<MultiselectProps, "onChange" | "loadingText" | "errorText" | "recoveryText" | "deselectAriaLabel" | "ariaLabel" | "virtualScroll" | "onLoadItems" | "noMatch" | "statusType" | "empty" | "finishedText" | "controlId" | "options" | "filteringType" | "selectedOptions"> & {
-    statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
-    options: import("..").SelectProps.Options;
-    filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
-    selectedOptions: readonly import("../internal/components/option/interfaces").OptionDefinition[];
+  statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
+  options: import("..").SelectProps.Options;
+  filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
+  selectedOptions: readonly import("../internal/components/option/interfaces").OptionDefinition[];
 } & {
-    filteringText?: string | undefined;
+  filteringText?: string | undefined;
 } & React.RefAttributes<MultiselectProps.Ref>>;
-export default EmbeddedMultiselect;
-//# sourceMappingURL=embedded.d.ts.map
+export default EmbeddedMultiselect;

package/multiselect/index.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import { MultiselectProps } from './interfaces';
 export { MultiselectProps };
 declare const Multiselect: React.ForwardRefExoticComponent<MultiselectProps & React.RefAttributes<MultiselectProps.Ref>>;
-export default Multiselect;
-//# sourceMappingURL=index.d.ts.map
+export default Multiselect;

package/multiselect/interfaces.d.ts

@@ -2,86 +2,85 @@ import { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../inter
 import { NonCancelableEventHandler } from '../internal/events';
 import { BaseSelectProps } from '../select/interfaces';
 export interface MultiselectProps extends BaseSelectProps {
-    /**
-     * Specifies the currently selected options.
-     * Provide an empty array to clear the selection.
-     */
-    selectedOptions: ReadonlyArray<MultiselectProps.Option>;
-    /**
-     * Determines whether the dropdown list stays open after the user selects an item.
-     */
-    keepOpen?: boolean;
-    /**
-     * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.
-     */
-    tokenLimit?: number;
-    /**
-     * Hides the tokens displayed underneath the component.
-     * Only use this if the selected options are displayed elsewhere on the page.
-     */
-    hideTokens?: boolean;
-    /**
-     * Shows tokens inside the trigger instead of below it.
-     */
-    inlineTokens?: boolean;
-    /**
-     * Specifies an `aria-label` for the token deselection button.
-     * @i18n
-     */
-    deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;
-    /**
-     * An object containing all the localized strings required by the component.
-     *
-     * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.
-     * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the "Show fewer" button for the token group control.
-     * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the "Show more" button for the token group control. This string should not contain the number of hidden tokens
-     * because this will be added by the component automatically.
-     * @i18n
-     */
-    i18nStrings?: MultiselectProps.I18nStrings;
-    /**
-     * Called when the user selects or deselects an option.
-     * The event `detail` contains the current `selectedOptions`.
-     */
-    onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;
-    /**
-     * Automatically focuses the trigger when component is mounted.
-     */
-    autoFocus?: boolean;
-    /**
-     * Adds an aria-label to the "Show fewer" button for the token group control.
-     * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.
-     */
-    tokenLimitShowFewerAriaLabel?: string;
-    /**
-     * Adds an aria-label to the "Show more" button for the token group control.
-     * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.
-     */
-    tokenLimitShowMoreAriaLabel?: string;
-    /**
-     * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.
-     */
-    enableSelectAll?: boolean;
+  /**
+   * Specifies the currently selected options.
+   * Provide an empty array to clear the selection.
+   */
+  selectedOptions: ReadonlyArray<MultiselectProps.Option>;
+  /**
+   * Determines whether the dropdown list stays open after the user selects an item.
+   */
+  keepOpen?: boolean;
+  /**
+   * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.
+   */
+  tokenLimit?: number;
+  /**
+   * Hides the tokens displayed underneath the component.
+   * Only use this if the selected options are displayed elsewhere on the page.
+   */
+  hideTokens?: boolean;
+  /**
+   * Shows tokens inside the trigger instead of below it.
+   */
+  inlineTokens?: boolean;
+  /**
+   * Specifies an `aria-label` for the token deselection button.
+   * @i18n
+   */
+  deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;
+  /**
+   * An object containing all the localized strings required by the component.
+   *
+   * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.
+   * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the "Show fewer" button for the token group control.
+   * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the "Show more" button for the token group control. This string should not contain the number of hidden tokens
+   * because this will be added by the component automatically.
+   * @i18n
+   */
+  i18nStrings?: MultiselectProps.I18nStrings;
+  /**
+   * Called when the user selects or deselects an option.
+   * The event `detail` contains the current `selectedOptions`.
+   */
+  onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;
+  /**
+   * Automatically focuses the trigger when component is mounted.
+   */
+  autoFocus?: boolean;
+  /**
+   * Adds an aria-label to the "Show fewer" button for the token group control.
+   * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.
+   */
+  tokenLimitShowFewerAriaLabel?: string;
+  /**
+   * Adds an aria-label to the "Show more" button for the token group control.
+   * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.
+   */
+  tokenLimitShowMoreAriaLabel?: string;
+  /**
+   * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.
+   */
+  enableSelectAll?: boolean;
 }
 export declare namespace MultiselectProps {
-    type Option = OptionDefinition;
-    type OptionGroup = OptionGroupDefinition;
-    type Options = ReadonlyArray<Option | OptionGroup>;
-    type DeselectAriaLabelFunction = (option: Option) => string;
-    type TriggerVariant = 'placeholder' | 'tokens';
-    interface I18nStrings {
-        selectAllText?: string;
-        tokenLimitShowFewer?: string;
-        tokenLimitShowMore?: string;
-    }
-    interface MultiselectChangeDetail {
-        selectedOptions: ReadonlyArray<Option>;
-    }
-    interface Ref {
-        /**
-         * Sets focus on the element without opening the dropdown or showing a visual focus indicator.
-         */
-        focus(): void;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  type Option = OptionDefinition;
+  type OptionGroup = OptionGroupDefinition;
+  type Options = ReadonlyArray<Option | OptionGroup>;
+  type DeselectAriaLabelFunction = (option: Option) => string;
+  type TriggerVariant = 'placeholder' | 'tokens';
+  interface I18nStrings {
+    selectAllText?: string;
+    tokenLimitShowFewer?: string;
+    tokenLimitShowMore?: string;
+  }
+  interface MultiselectChangeDetail {
+    selectedOptions: ReadonlyArray<Option>;
+  }
+  interface Ref {
+    /**
+     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.
+     */
+    focus(): void;
+  }
+}

package/multiselect/internal.d.ts

@@ -2,12 +2,11 @@ import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';
 import { MultiselectProps } from './interfaces';
 declare const InternalMultiselect: React.ForwardRefExoticComponent<MultiselectProps & {
-    statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
-    options: import("..").SelectProps.Options;
-    filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
-    selectedOptions: readonly import("../internal/components/option/interfaces").OptionDefinition[];
-    keepOpen: boolean;
-    hideTokens: boolean;
+  statusType: import("../internal/components/dropdown-status").DropdownStatusProps.StatusType;
+  options: import("..").SelectProps.Options;
+  filteringType: import("../internal/components/dropdown/interfaces").OptionsFilteringType;
+  selectedOptions: readonly import("../internal/components/option/interfaces").OptionDefinition[];
+  keepOpen: boolean;
+  hideTokens: boolean;
 } & InternalBaseComponentProps<any> & React.RefAttributes<MultiselectProps.Ref>>;
-export default InternalMultiselect;
-//# sourceMappingURL=internal.d.ts.map
+export default InternalMultiselect;

package/multiselect/use-multiselect.d.ts

@@ -6,65 +6,93 @@ import { SelectListProps } from '../select/parts/plain-list';
 import { TokenGroupProps } from '../token-group/interfaces';
 import { MultiselectProps } from './interfaces';
 type UseMultiselectOptions = SomeRequired<Pick<MultiselectProps, 'options' | 'selectedOptions' | 'filteringType' | 'filteringResultsText' | 'disabled' | 'noMatch' | 'renderHighlightedAriaLive' | 'deselectAriaLabel' | 'keepOpen' | 'onBlur' | 'onFocus' | 'onLoadItems' | 'onChange' | 'selectedAriaLabel' | 'enableSelectAll' | 'i18nStrings'> & DropdownStatusProps & {
-    controlId?: string;
-    ariaLabelId: string;
-    footerId: string;
-    filteringValue: string;
-    setFilteringValue?: (value: string) => void;
-    externalRef: React.Ref<MultiselectProps.Ref>;
+  controlId?: string;
+  ariaLabelId: string;
+  footerId: string;
+  filteringValue: string;
+  setFilteringValue?: (value: string) => void;
+  externalRef: React.Ref<MultiselectProps.Ref>;
 }, 'options' | 'selectedOptions' | 'filteringType' | 'statusType' | 'keepOpen'> & {
-    embedded?: boolean;
+  embedded?: boolean;
 };
-export declare function useMultiselect({ options, filteringType, filteringResultsText, disabled, statusType, empty, loadingText, finishedText, errorText, noMatch, renderHighlightedAriaLive, selectedOptions, deselectAriaLabel, keepOpen, onBlur, onFocus, onLoadItems, onChange, controlId, ariaLabelId, footerId, filteringValue, setFilteringValue, externalRef, embedded, enableSelectAll, i18nStrings, ...restProps }: UseMultiselectOptions): {
-    isOpen: boolean;
-    tokens: readonly TokenGroupProps.Item[];
-    announcement: string;
-    dropdownStatus: import("../internal/components/dropdown-status").DropdownStatusResult;
-    filteringValue: string;
-    filteredOptions: readonly DropdownOption[];
-    highlightType: import("../internal/components/options-list/utils/use-highlight-option").HighlightType;
-    scrollToIndex: React.RefObject<SelectListProps.SelectListRef>;
-    getFilterProps: () => Partial<import("../select/parts/filter").FilterProps>;
-    getTriggerProps: (disabled?: boolean, autoFocus?: boolean) => import("../select/utils/use-select").SelectTriggerProps;
-    getMenuProps: () => {
-        onLoadMore: () => void;
-        ariaLabelledby: string | undefined;
-        ariaDescribedby: string | undefined;
-        embedded: boolean | undefined;
-        position?: import("csstype").Property.Position | undefined;
-        open?: boolean | undefined;
-        className?: string | undefined;
-        id?: string | undefined;
-        role?: "listbox" | "menu" | "list" | undefined;
-        onFocus?: import("../internal/events").NonCancelableEventHandler<{}> | undefined;
-        onBlur?: import("../internal/events").NonCancelableEventHandler<{
-            relatedTarget: Node | null;
-        }> | undefined;
-        onKeyDown?: import("../internal/events").CancelableEventHandler<import("../internal/events").BaseKeyDetail> | undefined;
-        onMouseMove?: ((itemIndex: number) => void) | undefined;
-        onMouseUp?: ((itemIndex: number) => void) | undefined;
-        ariaLabel?: string | undefined;
-        statusType: DropdownStatusProps.StatusType;
-        nativeAttributes?: Record<string, any> | undefined;
-        decreaseBlockMargin?: boolean | undefined;
-        stickyItemBlockSize?: number | null | undefined;
-        ref: React.RefObject<HTMLUListElement>;
-    };
-    getOptionProps: (option: DropdownOption, index: number) => any;
-    getTokenProps: () => {
-        onDismiss: import("../internal/events").NonCancelableEventHandler<TokenGroupProps.DismissDetail>;
-    };
-    getDropdownProps: () => {
-        onMouseDown: (event: React.MouseEvent) => void;
-        onFocus?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent<Element, Element>, "target" | "relatedTarget">> | undefined;
-        onBlur?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent<Element, Element>, "target" | "relatedTarget">> | undefined;
-        dropdownContentId?: string | undefined;
-        dropdownContentRole?: string | undefined;
-    };
-    getWrapperProps: () => {
-        onKeyDown: (event: React.KeyboardEvent<Element>) => void;
-    };
-    highlightedIndex: number;
+export declare function useMultiselect({
+  options,
+  filteringType,
+  filteringResultsText,
+  disabled,
+  statusType,
+  empty,
+  loadingText,
+  finishedText,
+  errorText,
+  noMatch,
+  renderHighlightedAriaLive,
+  selectedOptions,
+  deselectAriaLabel,
+  keepOpen,
+  onBlur,
+  onFocus,
+  onLoadItems,
+  onChange,
+  controlId,
+  ariaLabelId,
+  footerId,
+  filteringValue,
+  setFilteringValue,
+  externalRef,
+  embedded,
+  enableSelectAll,
+  i18nStrings,
+  ...restProps
+}: UseMultiselectOptions): {
+  isOpen: boolean;
+  tokens: readonly TokenGroupProps.Item[];
+  announcement: string;
+  dropdownStatus: import("../internal/components/dropdown-status").DropdownStatusResult;
+  filteringValue: string;
+  filteredOptions: readonly DropdownOption[];
+  highlightType: import("../internal/components/options-list/utils/use-highlight-option").HighlightType;
+  scrollToIndex: React.RefObject<SelectListProps.SelectListRef>;
+  getFilterProps: () => Partial<import("../select/parts/filter").FilterProps>;
+  getTriggerProps: (disabled?: boolean, autoFocus?: boolean) => import("../select/utils/use-select").SelectTriggerProps;
+  getMenuProps: () => {
+    onLoadMore: () => void;
+    ariaLabelledby: string | undefined;
+    ariaDescribedby: string | undefined;
+    embedded: boolean | undefined;
+    position?: import("csstype").Property.Position | undefined;
+    open?: boolean | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    role?: "listbox" | "menu" | "list" | undefined;
+    onFocus?: import("../internal/events").NonCancelableEventHandler<{}> | undefined;
+    onBlur?: import("../internal/events").NonCancelableEventHandler<{
+      relatedTarget: Node | null;
+    }> | undefined;
+    onKeyDown?: import("../internal/events").CancelableEventHandler<import("../internal/events").BaseKeyDetail> | undefined;
+    onMouseMove?: ((itemIndex: number) => void) | undefined;
+    onMouseUp?: ((itemIndex: number) => void) | undefined;
+    ariaLabel?: string | undefined;
+    statusType: DropdownStatusProps.StatusType;
+    nativeAttributes?: Record<string, any> | undefined;
+    decreaseBlockMargin?: boolean | undefined;
+    stickyItemBlockSize?: number | null | undefined;
+    ref: React.RefObject<HTMLUListElement>;
+  };
+  getOptionProps: (option: DropdownOption, index: number) => any;
+  getTokenProps: () => {
+    onDismiss: import("../internal/events").NonCancelableEventHandler<TokenGroupProps.DismissDetail>;
+  };
+  getDropdownProps: () => {
+    onMouseDown: (event: React.MouseEvent) => void;
+    onFocus?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent<Element, Element>, "target" | "relatedTarget">> | undefined;
+    onBlur?: import("../internal/events").NonCancelableEventHandler<Pick<React.FocusEvent<Element, Element>, "target" | "relatedTarget">> | undefined;
+    dropdownContentId?: string | undefined;
+    dropdownContentRole?: string | undefined;
+  };
+  getWrapperProps: () => {
+    onKeyDown: (event: React.KeyboardEvent<Element>) => void;
+  };
+  highlightedIndex: number;
 };
-export {};
-//# sourceMappingURL=use-multiselect.d.ts.map
+export {};

package/package.json

@@ -149,7 +149,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1012",
+  "version": "3.0.1014",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/pagination/analytics-metadata/interfaces.d.ts

@@ -1,18 +1,17 @@
 import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 export interface GeneratedAnalyticsMetadataPaginationClick {
-    action: 'click';
-    detail: {
-        label: string | LabelIdentifier;
-        position?: string;
-    };
-}
-export interface GeneratedAnalyticsMetadataPaginationComponent {
-    name: 'awsui.Pagination';
+  action: 'click';
+  detail: {
     label: string | LabelIdentifier;
-    properties: {
-        openEnd: string;
-        pagesCount: string;
-        currentPageIndex: string;
-    };
+    position?: string;
+  };
 }
-//# sourceMappingURL=interfaces.d.ts.map
+export interface GeneratedAnalyticsMetadataPaginationComponent {
+  name: 'awsui.Pagination';
+  label: string | LabelIdentifier;
+  properties: {
+    openEnd: string;
+    pagesCount: string;
+    currentPageIndex: string;
+  };
+}

package/pagination/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import { PaginationProps } from './interfaces';
 export { PaginationProps };
-export default function Pagination(props: PaginationProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function Pagination(props: PaginationProps): JSX.Element;

package/pagination/interfaces.d.ts

@@ -1,77 +1,76 @@
 import { NonCancelableEventHandler } from '../internal/events';
 export interface PaginationProps {
-    /**
-     * Index of the current page. The first page has an index of 1.
-     */
-    currentPageIndex: number;
-    /**
-     * Sets the total number of pages. Only positive integers are allowed.
-     */
-    pagesCount: number;
-    /**
-     * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it
-     * to `true`). Default pagination navigates you through the items list. The open-end variant enables you
-     * to lazy-load your items because it always displays three dots before the next page icon. The next page button is
-     * never disabled. When the user clicks on it but there are no more items to show, the
-     * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.
-     */
-    openEnd?: boolean;
-    /**
-     * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user
-     * from changing page before items are loaded.
-     */
-    disabled?: boolean;
-    /**
-     * Adds aria-labels to the pagination buttons:
-     * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context
-     * * in cases of multiple pagination components in a page.
-     * * `previousPageLabel` (string) - Previous page button.
-     * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.
-     * * `nextPageLabel` (string) - Next page button
-     *
-     * Example:
-     * ```
-     * {
-     *   nextPageLabel: 'Next page',
-     *   paginationLabel: 'Table pagination',
-     *   previousPageLabel: 'Previous page',
-     *   pageLabel: pageNumber => `Page ${pageNumber}`
-     * }
-     * ```
-     * @i18n
-     */
-    ariaLabels?: PaginationProps.Labels;
-    /**
-     * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.
-     */
-    onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;
-    /**
-     * Called when the previous page arrow is clicked. The event `detail` contains the following:
-     * * `requestedPageAvailable` (boolean) - Always set to `true`.
-     * * `requestedPageIndex` (integer) - The index of the requested page.
-     */
-    onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
-    /**
-     * Called when the next page arrow is clicked. The event `detail` contains the following:
-     * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.
-     *   The value can be `false` when the `openEnd` property is set to `true`.
-     * * `requestedPageIndex` (integer) - The index of the requested page.
-     */
-    onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
+  /**
+   * Index of the current page. The first page has an index of 1.
+   */
+  currentPageIndex: number;
+  /**
+   * Sets the total number of pages. Only positive integers are allowed.
+   */
+  pagesCount: number;
+  /**
+   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it
+   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you
+   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is
+   * never disabled. When the user clicks on it but there are no more items to show, the
+   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.
+   */
+  openEnd?: boolean;
+  /**
+   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user
+   * from changing page before items are loaded.
+   */
+  disabled?: boolean;
+  /**
+   * Adds aria-labels to the pagination buttons:
+   * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context
+   * * in cases of multiple pagination components in a page.
+   * * `previousPageLabel` (string) - Previous page button.
+   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.
+   * * `nextPageLabel` (string) - Next page button
+   *
+   * Example:
+   * ```
+   * {
+   *   nextPageLabel: 'Next page',
+   *   paginationLabel: 'Table pagination',
+   *   previousPageLabel: 'Previous page',
+   *   pageLabel: pageNumber => `Page ${pageNumber}`
+   * }
+   * ```
+   * @i18n
+   */
+  ariaLabels?: PaginationProps.Labels;
+  /**
+   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.
+   */
+  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;
+  /**
+   * Called when the previous page arrow is clicked. The event `detail` contains the following:
+   * * `requestedPageAvailable` (boolean) - Always set to `true`.
+   * * `requestedPageIndex` (integer) - The index of the requested page.
+   */
+  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
+  /**
+   * Called when the next page arrow is clicked. The event `detail` contains the following:
+   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.
+   *   The value can be `false` when the `openEnd` property is set to `true`.
+   * * `requestedPageIndex` (integer) - The index of the requested page.
+   */
+  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
 }
 export declare namespace PaginationProps {
-    interface Labels {
-        nextPageLabel?: string;
-        paginationLabel?: string;
-        previousPageLabel?: string;
-        pageLabel?: (pageNumber: number) => string;
-    }
-    interface PageClickDetail {
-        requestedPageAvailable: boolean;
-        requestedPageIndex: number;
-    }
-    interface ChangeDetail {
-        currentPageIndex: number;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  interface Labels {
+    nextPageLabel?: string;
+    paginationLabel?: string;
+    previousPageLabel?: string;
+    pageLabel?: (pageNumber: number) => string;
+  }
+  interface PageClickDetail {
+    requestedPageAvailable: boolean;
+    requestedPageIndex: number;
+  }
+  interface ChangeDetail {
+    currentPageIndex: number;
+  }
+}

package/pagination/internal.d.ts

@@ -2,6 +2,16 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { PaginationProps } from './interfaces';
 type InternalPaginationProps = PaginationProps & InternalBaseComponentProps;
-export default function InternalPagination({ openEnd, currentPageIndex, ariaLabels, pagesCount, disabled, onChange, onNextPageClick, onPreviousPageClick, __internalRootRef, ...rest }: InternalPaginationProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+export default function InternalPagination({
+  openEnd,
+  currentPageIndex,
+  ariaLabels,
+  pagesCount,
+  disabled,
+  onChange,
+  onNextPageClick,
+  onPreviousPageClick,
+  __internalRootRef,
+  ...rest
+}: InternalPaginationProps): JSX.Element;
+export {};

package/pagination/utils.d.ts

@@ -1,8 +1,7 @@
 export declare function range(from: number, to: number): number[];
 export declare function getPaginationState(currentPageIndex: number, totalPagesCount: number, isOpenEnd?: boolean): {
-    leftDots: boolean;
-    rightDots: boolean;
-    leftIndex: number;
-    rightIndex: number;
-};
-//# sourceMappingURL=utils.d.ts.map
+  leftDots: boolean;
+  rightDots: boolean;
+  leftIndex: number;
+  rightIndex: number;
+};