@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts

@@ -2,5 +2,5 @@ import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface PaginationNavProps extends Omit<FlexProps, 'as'> {
     'aria-label': string;
 }
-export declare const PaginationNav: ({ "aria-label": ariaLabel, ...elemProps }: PaginationNavProps) => JSX.Element;
+export declare const PaginationNav: (elemProps: PaginationNavProps) => JSX.Element;
 //# sourceMappingURL=Nav.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,8CAA6C,kBAAkB,gBAWxF,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,cAAe,kBAAkB,gBAU1D,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/Nav.js

@@ -29,23 +29,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationNav = void 0;
 var React = __importStar(require("react"));
 var layout_1 = require("@workday/canvas-kit-react/layout");
-var PaginationNav = function (_a) {
-    var ariaLabel = _a["aria-label"], elemProps = __rest(_a, ['aria-label']);
-    return (React.createElement(layout_1.Flex, __assign({ as: "nav", "aria-label": ariaLabel, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
+var PaginationNav = function (elemProps) {
+    return (React.createElement(layout_1.Flex, __assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
 };
 exports.PaginationNav = PaginationNav;

package/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { PaginationModel } from './types';
-export declare type PageButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    model: PaginationModel;
+export interface PageButtonProps {
     pageNumber: number;
-};
-export declare const PageButton: ({ model, onClick, pageNumber, children, ...elemProps }: PageButtonProps) => JSX.Element;
+    children?: React.ReactNode;
+}
+export declare const PageButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", PageButtonProps>;
 //# sourceMappingURL=PageButton.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/PageButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageButton.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AA6CxC,oBAAY,eAAe,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5E,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,2DAMpB,eAAe,gBAqBjB,CAAC"}
+{"version":3,"file":"PageButton.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuD/B,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,wFAyBrB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/PageButton.js

@@ -46,6 +46,7 @@ var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var button_1 = require("@workday/canvas-kit-react/button");
+var usePaginationModel_1 = require("./usePaginationModel");
 var StyledPageButton = common_1.styled(button_1.BaseButton)({
     minWidth: tokens_1.space.l,
     width: tokens_1.space.l,
@@ -81,14 +82,18 @@ var getPaginationButtonColors = function (toggled, theme) {
         },
     };
 };
-var PageButton = function (_a) {
-    var model = _a.model, onClick = _a.onClick, pageNumber = _a.pageNumber, children = _a.children, elemProps = __rest(_a, ["model", "onClick", "pageNumber", "children"]);
-    var isCurrentPage = pageNumber === model.state.currentPage;
-    var theme = common_1.useTheme();
-    var handleClick = function (e) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        model.events.goTo(pageNumber);
-    };
-    return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
-};
-exports.PageButton = PageButton;
+exports.PageButton = common_1.createComponent('button')({
+    displayName: 'Pagination.PageButton',
+    Component: function (_a) {
+        var pageNumber = _a.pageNumber, children = _a.children, elemProps = __rest(_a, ["pageNumber", "children"]);
+        var model = React.useContext(usePaginationModel_1.PaginationContext);
+        var isCurrentPage = pageNumber === model.state.currentPage;
+        var theme = common_1.useTheme();
+        var handleClick = function (e) {
+            var _a, _b;
+            (_b = (_a = elemProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            model.events.goTo(pageNumber);
+        };
+        return (React.createElement(StyledPageButton, __assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
+    },
+});

package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts

@@ -3,10 +3,10 @@ import { PaginationModel } from './types';
 import { ListItemProps } from './common/List';
 import { HStackProps } from '@workday/canvas-kit-react/layout';
 export interface PageListProps extends Omit<HStackProps, 'as' | 'spacing' | 'children'> {
-    model: PaginationModel;
     children?: (model: PaginationModel) => React.ReactNode[] | React.ReactNode;
 }
-export declare const PageList: ({ model, children, ...elemProps }: PageListProps) => JSX.Element;
-export declare type PageListItemProps = ListItemProps;
-export declare const PageListItem: ({ children, ...elemProps }: PageListItemProps) => JSX.Element;
+export declare const PageList: import("@workday/canvas-kit-react/common").ElementComponent<"ol", PageListProps>;
+export interface PageListItemProps extends ListItemProps {
+}
+export declare const PageListItem: import("@workday/canvas-kit-react/common").ElementComponent<"li", PageListItemProps>;
 //# sourceMappingURL=PageList.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageList.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAErE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACrF,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,eAAO,MAAM,QAAQ,sCAAqC,aAAa,gBActE,CAAC;AAEF,oBAAY,iBAAiB,GAAG,aAAa,CAAC;AAE9C,eAAO,MAAM,YAAY,+BAA8B,iBAAiB,gBAEvE,CAAC"}
+{"version":3,"file":"PageList.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/PageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAS,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAIrE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5E;AAED,eAAO,MAAM,QAAQ,kFAmBnB,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,aAAa;CAAG;AAE3D,eAAO,MAAM,YAAY,sFASvB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/PageList.js

@@ -45,13 +45,20 @@ exports.PageListItem = exports.PageList = void 0;
 var React = __importStar(require("react"));
 var List_1 = require("./common/List");
 var layout_1 = require("@workday/canvas-kit-react/layout");
-var PageList = function (_a) {
-    var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-    return (React.createElement(layout_1.HStack, __assign({ margin: "zero", as: "ol", role: "list", paddingLeft: "zero", paddingRight: "zero", spacing: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
-};
-exports.PageList = PageList;
-var PageListItem = function (_a) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return React.createElement(List_1.ListItem, __assign({}, elemProps), children);
-};
-exports.PageListItem = PageListItem;
+var common_1 = require("@workday/canvas-kit-react/common");
+var usePaginationModel_1 = require("./usePaginationModel");
+exports.PageList = common_1.createComponent('ol')({
+    displayName: 'Pagination.PageList',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        var model = React.useContext(usePaginationModel_1.PaginationContext);
+        return (React.createElement(layout_1.HStack, __assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", spacing: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
+    },
+});
+exports.PageListItem = common_1.createComponent('li')({
+    displayName: 'Pagination.PageListItem',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (React.createElement(List_1.ListItem, __assign({ ref: ref, as: Element }, elemProps), children));
+    },
+});

package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts

@@ -1,46 +1,238 @@
-import * as React from 'react';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
+import { FlexProps } from '@workday/canvas-kit-react/layout';
 import { PaginationModel } from './types';
-import { PaginationNavProps } from './Nav';
-import { ControlsProps } from './Controls';
-import { PageListProps, PageListItemProps } from './PageList';
-import { PageButtonProps } from './PageButton';
-import { GoToFormProps } from './GoTo/Form';
-import { GoToLabelProps } from './GoTo/Label';
-import { GoToTextInputProps } from './GoTo/TextInput';
-import { AdditionalDetailsProps } from './AdditionalDetails';
-export declare const PaginationContext: React.Context<PaginationModel>;
-declare type PaginationConfigurationProps = PaginationNavProps & {
-    lastPage: number;
+import { PaginationContext } from './usePaginationModel';
+export { PaginationContext };
+export declare type PaginationProps = PaginationNavProps & {
+    lastPage?: number;
     firstPage?: number;
     initialCurrentPage?: number;
     rangeSize?: number;
-    model?: never;
+    model?: PaginationModel;
     onPageChange?: (pageNumber: number) => void;
 };
-declare type PaginationModelProps = PaginationNavProps & {
-    lastPage?: never;
-    firstPage?: never;
-    initialCurrentPage?: never;
-    rangeSize?: never;
-    model: PaginationModel;
-    onPageChange?: never;
+export interface PaginationNavProps extends FlexProps {
+    'aria-label': string;
+}
+/**
+ * `Pagination` is a container component rendered as a `<nav>` element that is responsible for creating
+ * a `PaginationModel` and sharing it with its subcomponents using React context.
+ *
+ * ```tsx
+ * <Pagination
+ *   aria-label="Pagination"
+ *   lastPage={100}
+ *   initialCurrentPage={6}
+ *   rangeSize={3}
+ *   onPageChange={pageNumber => console.log(pageNumber)}
+ * >
+ *   {Child components}
+ * </Pagination>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the hoisted model pattern.
+ *
+ * ```tsx
+ * const model = usePaginationModel({
+ *   lastPage: 100,
+ *   initialCurrentPage: 6,
+ *   rangeSize: 3,
+ *   onPageChange: pageNumber => console.log(pageNumber),
+ * });
+ *
+ * return (
+ *   <Pagination aria-label="Pagination" model={model}>
+ *     {Child components}
+ *   </Pagination>
+ * );
+ * ```
+ */
+export declare const Pagination: import("@workday/canvas-kit-react/common").ElementComponent<"nav", PaginationNavProps & {
+    lastPage?: number | undefined;
+    firstPage?: number | undefined;
+    initialCurrentPage?: number | undefined;
+    rangeSize?: number | undefined;
+    model?: PaginationModel | undefined;
+    onPageChange?: ((pageNumber: number) => void) | undefined;
+}> & {
+    /**
+     * `Pagination.Controls` provides proper alignment and spacing between elements inside
+     * `Pagination`. It does not handle any internal business logic or state.
+     *
+     * ```tsx
+     * <Pagination.Controls>{Child components}</Pagination.Controls>
+     * ```
+     */
+    Controls: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./Controls").PaginationControlsProps>;
+    /**
+     * `Pagination.JumpToFirstButton` is a {@link TertiaryButton} that subscribes to the
+     * `Pagination` context. This allows it to know when to disable and set `currentPage` to the
+     * first page.
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `First` or the translated equivalent.
+     *
+     * ```tsx
+     * <Pagination.JumpToFirstButton aria-label="First" />
+     * ```
+     */
+    JumpToFirstButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./Controls").ControlButtonProps>;
+    /**
+     * `Pagination.StepToPreviousButton` is a {@link TertiaryButton} that renders an icon that
+     * subscribes to the `Pagination` context. This allows it to know when to disable and decrement
+     * the `currentPage`.
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `Previous` or the translated equivalent.
+     *
+     * ```tsx
+     * <Pagination.StepToPreviousButton aria-label="Previous" />
+     * ```
+     */
+    StepToPreviousButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./Controls").ControlButtonProps>;
+    /**
+     * `Pagination.StepToNextButton` is a {@link TertiaryButton} that subscribes to the `Pagination`
+     * context. This allows it to know when to disable and increment the `currentPage`.
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `Next` or the translated equivalent.
+     *
+     * ```tsx
+     * <Pagination.StepToNextButton aria-label="Next" />
+     * ```
+     */
+    StepToNextButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./Controls").ControlButtonProps>;
+    /**
+     * `Pagination.JumpToLastButton` is a {@link TertiaryButton} that renders an icon that
+     * subscribes to the `Pagination` context. This allows it to know when to disable and set
+     * `currentPage` to the last page.
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `Last` or the translated equivalent.
+     *
+     * ```tsx
+     * <Pagination.JumpToLastButton aria-label="Last" />
+     * ```
+     */
+    JumpToLastButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./Controls").ControlButtonProps>;
+    /**
+     * `Pagination.PageList` subscribes to the `Pagination` context. This allows it generate the
+     * `range` of page numbers. It also handles spacing between the child elements.
+     *
+     * This component will accept either child elements or a render prop. In most cases, you'll want
+     * to use the render prop so you can access the `Pagination` model in order to generate the
+     * proper list items.
+     *
+     * ```tsx
+     * <Pagination.PageList>
+     *   {({state}) =>
+     *     state.range.map(pageNumber => (
+     *       <Pagination.PageListItem key={pageNumber}>
+     *         <Pagination.PageButton aria-label={`Page ${pageNumber}`} pageNumber={pageNumber} />
+     *       </Pagination.PageListItem>
+     *     ))
+     *   }
+     * </Pagination.PageList>
+     * ```
+     */
+    PageList: import("@workday/canvas-kit-react/common").ElementComponent<"ol", import("./PageList").PageListProps>;
+    /**
+     * `Pagination.PageListItem` provides a semantic child element for the `PageList` component and
+     * is important for accessibility. It does not handle any internal business logic or state.
+     *
+     * ```tsx
+     * <Pagination.PageListItem>{Child element}</Pagination.PageListItem>
+     * ```
+     */
+    PageListItem: import("@workday/canvas-kit-react/common").ElementComponent<"li", import("./PageList").PageListItemProps>;
+    /**
+     * `Pagination.PageButton` subscribes to the `Pagination` context. This allows it to update the
+     * `currentPage` and set the `toggled` styling when it is the current item.
+     *
+     * `Pagination.PageButton` will render `pageNumber` as its children.
+     *
+     * ```tsx
+     * <Pagination.PageButton aria-label="Page 2" pageNumber={2} />
+     * ```
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `Page ${pageNumber}` or the translated equivalent.
+     */
+    PageButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./PageButton").PageButtonProps>;
+    /**
+     * `Pagination.GoToForm` is a wrapper for a React context provider rendered as a `<form>`
+     * element. Child components such as {@link GoToTextInput Pagination.GoToTextInput} and
+     * {@link GoToLabel Pagination.GoToLabel} subscribe to that context to manage the form state and
+     * behavior as well as update the `currentPage` in the `Pagination` component.
+     *
+     * ```tsx
+     * <Pagination.GoToForm>{Child elements}</Pagination.GoToForm>
+     * ```
+     */
+    GoToForm: import("@workday/canvas-kit-react/common").ElementComponent<"form", import("./GoTo/Form").GoToFormProps>;
+    /**
+     * `Pagination.GoToTextInput` is a {@link TextInput}.
+     *
+     * ```tsx
+     * <Pagination.GoToTextInput aria-label="Go to page number" />
+     * ```
+     *
+     * Note that you must set `aria-label` to meet accessibility standards. We recommend setting it
+     * to `Go to page number` or the translated equivalent.
+     */
+    GoToTextInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("../../..").TextInputProps & {
+        'aria-label': string;
+        value?: string | number | undefined;
+    }>;
+    /**
+     * `Pagination.GoToLabel` subscribes to the `Pagination` context. This allows it to pass the
+     * `Pagination` context to child elements.
+     *
+     * This component will accept either child elements or a render prop. In most cases, you'll want
+     * to use the render prop so you can access the `Pagination` model when generating the label
+     * text.
+     *
+     * ```tsx
+     * <Pagination.GoToLabel>{({state}) => `of ${state.lastPage} pages`}</Pagination.GoToLabel>
+     * ```
+     */
+    GoToLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("./GoTo/Label").GoToLabelProps>;
+    /**
+     * `Pagination.AdditionalDetails` subscribes to the `Pagination` context. This allows it to pass
+     * the `Pagination` context to child elements. It is also an `aria-live` region that announces
+     * the current page update to screen readers.
+     *
+     * `Pagination.AdditionalDetails` must be included in your `Pagination` component to meet
+     * accessibility standards (with one exception, see below). If you wish to prevent it from
+     * displaying, you may set its `shouldHideDetails` prop to `true`. The visually hidden region
+     * will still be accessible to screen readers.
+     *
+     * If you have multiple `Pagination` components sharing the same state and rendered on the same
+     * page, you may do either of the following to prevent screen readers from announcing the same
+     * update multiple times:
+     *
+     * - Exclude `Pagination.AdditionalDetails` from all but one of the `Pagination` components.
+     *   This is the one case where you may exclude `Pagination.AdditionalDetails` from a
+     *   `Pagination` component.
+     * - Include `Pagination.AdditionalDetails` in every `Pagination` component (i.e., you want it
+     *   to be visible for every component), but set the `shouldAnnounceToScreenReader` prop to
+     *   `false` on all but one of them.
+     *
+     * This component will accept either child elements or a render prop. In most cases, you'll want
+     * to use the render prop so you can access the `Pagination` model in order to generate the
+     * appropriate text.
+     *
+     * ```tsx
+     * <Pagination.AdditionalDetails>
+     *   {({state}) =>
+     *     `${getVisibleResultsMin(state.currentPage, resultCount)}-${getVisibleResultsMax(
+     *       state.currentPage,
+     *       resultCount,
+     *       totalCount
+     *     )} of ${totalCount} results`
+     *   }
+     * </Pagination.AdditionalDetails>
+     * ```
+     */
+    AdditionalDetails: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./AdditionalDetails").AdditionalDetailsProps>;
 };
-export declare type PaginationProps = PaginationConfigurationProps | PaginationModelProps;
-export declare const Pagination: {
-    (props: PaginationProps): JSX.Element;
-    Controls(props: ControlsProps): JSX.Element;
-    JumpToFirstButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    StepToPreviousButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    StepToNextButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    JumpToLastButton(props: TertiaryButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
-    PageList(props: Omit<PageListProps, 'model'>): JSX.Element;
-    PageListItem(props: PageListItemProps): JSX.Element;
-    PageButton({ "aria-label": ariaLabel, ...elemProps }: Omit<PageButtonProps, 'model'>): JSX.Element;
-    AdditionalDetails(props: Omit<AdditionalDetailsProps, 'model'>): JSX.Element;
-    GoToForm({ children }: GoToFormProps): JSX.Element;
-    GoToTextInput(props: GoToTextInputProps): JSX.Element;
-    GoToLabel(props: Omit<GoToLabelProps, 'model'>): JSX.Element;
-};
-export {};
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAgB,kBAAkB,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAML,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAW,aAAa,EAAgB,iBAAiB,EAAC,MAAM,YAAY,CAAC;AACpF,OAAO,EAAa,eAAe,EAAC,MAAM,cAAc,CAAC;AAGzD,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAoB,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAE9E,eAAO,MAAM,iBAAiB,gCAA6C,CAAC;AAE5E,aAAK,4BAA4B,GAAG,kBAAkB,GAAG;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,aAAK,oBAAoB,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAMF,oBAAY,eAAe,GAAG,4BAA4B,GAAG,oBAAoB,CAAC;AAElF,eAAO,MAAM,UAAU;YAAW,eAAe;;6BA4BxC,mBAAmB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;gCASnE,mBAAmB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;4BASnE,mBAAmB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;4BASnE,mBAAmB,GAAG,MAAM,oBAAoB,CAAC,iBAAiB,CAAC;oBAQ9C,KAAK,aAAa,EAAE,OAAO,CAAC;wBAOxB,iBAAiB;0DAOhD,KAAK,eAAe,EAAE,OAAO,CAAC;6BAOM,KAAK,sBAAsB,EAAE,OAAO,CAAC;2BAOzC,aAAa;yBAWb,kBAAkB;qBAItB,KAAK,cAAc,EAAE,OAAO,CAAC;CArF3D,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAiB9B,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAE3B,oBAAY,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU;;;;;;iCA5CO,MAAM,KAAK,IAAI;;IAqEzC;;;;;;;OAOG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;OAUG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;OAmBG;;IAEH;;;;;;;OAOG;;IAEH;;;;;;;;;;;;OAYG;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;OASG;;;;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;;CAGL,CAAC"}