@patternfly/react-core 4.276.6 → 5.0.0-alpha.10

package/dist/esm/components/Pagination/Pagination.js

@@ -6,7 +6,7 @@ import { css } from '@patternfly/react-styles';
 import { fillTemplate } from '../../helpers';
 import { Navigation } from './Navigation';
 import { PaginationOptionsMenu } from './PaginationOptionsMenu';
-import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+import { useOUIAProps } from '../../helpers';
 import { formatBreakpointMods } from '../../helpers/util';
 import widthChars from '@patternfly/react-tokens/dist/esm/c_pagination__nav_page_select_c_form_control_width_chars';
 export var PaginationVariant;
@@ -44,107 +44,72 @@ const handleInputWidth = (lastPage, node) => {
         node.style.setProperty(widthChars.name, '2');
     }
 };
-export class Pagination extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.paginationRef = React.createRef();
-        this.state = {
-            ouiaStateId: getDefaultOUIAId(Pagination.displayName, this.props.variant)
-        };
-    }
-    getLastPage() {
-        const { itemCount, perPage, page } = this.props;
-        // when itemCount is not known let's set lastPage as page+1 as we don't know the total count
-        return itemCount || itemCount === 0 ? Math.ceil(itemCount / perPage) || 0 : page + 1;
-    }
-    componentDidMount() {
-        const node = this.paginationRef.current;
-        handleInputWidth(this.getLastPage(), node);
-    }
-    componentDidUpdate(prevProps) {
-        const node = this.paginationRef.current;
-        if (prevProps.perPage !== this.props.perPage || prevProps.itemCount !== this.props.itemCount) {
-            handleInputWidth(this.getLastPage(), node);
-        }
-    }
-    render() {
-        const _a = this.props, { children, className, variant, isDisabled, isCompact, isStatic, isSticky, perPage, titles, firstPage, page: propPage, offset, defaultToFullPage, itemCount, itemsStart, itemsEnd, perPageOptions, dropDirection: dropDirectionProp, widgetId, toggleTemplate, onSetPage, onPerPageSelect, onFirstClick, onPreviousClick, onNextClick, onPageInput, onLastClick, ouiaId, ouiaSafe, perPageComponent, usePageInsets, inset } = _a, props = __rest(_a, ["children", "className", "variant", "isDisabled", "isCompact", "isStatic", "isSticky", "perPage", "titles", "firstPage", "page", "offset", "defaultToFullPage", "itemCount", "itemsStart", "itemsEnd", "perPageOptions", "dropDirection", "widgetId", "toggleTemplate", "onSetPage", "onPerPageSelect", "onFirstClick", "onPreviousClick", "onNextClick", "onPageInput", "onLastClick", "ouiaId", "ouiaSafe", "perPageComponent", "usePageInsets", "inset"]);
-        const dropDirection = dropDirectionProp || (variant === 'bottom' && !isStatic ? 'up' : 'down');
-        let page = propPage;
-        if (!page && offset) {
-            page = Math.ceil(offset / perPage);
-        }
-        if (page === 0 && !itemCount) {
-            page = 1;
-        }
-        const lastPage = this.getLastPage();
-        let firstIndex = (page - 1) * perPage + 1;
-        let lastIndex = page * perPage;
-        if (itemCount || itemCount === 0) {
-            firstIndex = itemCount <= 0 ? 0 : (page - 1) * perPage + 1;
-            if (page < firstPage && itemCount > 0) {
-                page = firstPage;
-            }
-            else if (page > lastPage) {
-                page = lastPage;
-            }
-            if (itemCount >= 0) {
-                lastIndex = page === lastPage || itemCount === 0 ? itemCount : page * perPage;
-            }
-        }
-        const toggleTemplateProps = { firstIndex, lastIndex, itemCount, itemsTitle: titles.items, ofWord: titles.ofWord };
-        return (React.createElement("div", Object.assign({ ref: this.paginationRef, className: css(styles.pagination, variant === PaginationVariant.bottom && styles.modifiers.bottom, usePageInsets && styles.modifiers.pageInsets, formatBreakpointMods(inset, styles), isCompact && styles.modifiers.compact, isStatic && styles.modifiers.static, isSticky && styles.modifiers.sticky, className) }, (widgetId && { id: `${widgetId}-${variant}-pagination` }), getOUIAProps(Pagination.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props),
-            variant === PaginationVariant.top && (React.createElement("div", { className: css(styles.paginationTotalItems) },
-                toggleTemplate && typeof toggleTemplate === 'string' && fillTemplate(toggleTemplate, toggleTemplateProps),
-                toggleTemplate &&
-                    typeof toggleTemplate !== 'string' &&
-                    toggleTemplate(toggleTemplateProps),
-                !toggleTemplate && (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: titles.items, ofWord: titles.ofWord })))),
-            React.createElement(PaginationOptionsMenu, { itemsPerPageTitle: titles.itemsPerPage, perPageSuffix: titles.perPageSuffix, itemsTitle: isCompact ? '' : titles.items, optionsToggle: titles.optionsToggle, perPageOptions: perPageOptions, firstIndex: itemsStart !== null ? itemsStart : firstIndex, lastIndex: itemsEnd !== null ? itemsEnd : lastIndex, ofWord: titles.ofWord, defaultToFullPage: defaultToFullPage, itemCount: itemCount, page: page, perPage: perPage, lastPage: lastPage, onPerPageSelect: onPerPageSelect, dropDirection: dropDirection, widgetId: `${widgetId}-${variant}`, toggleTemplate: toggleTemplate, isDisabled: isDisabled, perPageComponent: perPageComponent }),
-            React.createElement(Navigation, { pagesTitle: titles.page, pagesTitlePlural: titles.pages, toLastPage: titles.toLastPage, toPreviousPage: titles.toPreviousPage, toNextPage: titles.toNextPage, toFirstPage: titles.toFirstPage, currPage: titles.currPage, paginationTitle: titles.paginationTitle, ofWord: titles.ofWord, page: itemCount && itemCount <= 0 ? 0 : page, perPage: perPage, itemCount: itemCount, firstPage: itemsStart !== null ? itemsStart : 1, lastPage: lastPage, onSetPage: onSetPage, onFirstClick: onFirstClick, onPreviousClick: onPreviousClick, onNextClick: onNextClick, onLastClick: onLastClick, onPageInput: onPageInput, isDisabled: isDisabled, isCompact: isCompact }),
-            children));
-    }
-}
-Pagination.displayName = 'Pagination';
-Pagination.defaultProps = {
-    children: null,
-    className: '',
-    variant: PaginationVariant.top,
-    isDisabled: false,
-    isCompact: false,
-    isSticky: false,
-    perPage: defaultPerPageOptions[0].value,
-    titles: {
+export const Pagination = (_a) => {
+    var { children, className = '', variant = PaginationVariant.top, isDisabled = false, isCompact = false, isSticky = false, isStatic = false, dropDirection: dropDirectionProp, toggleTemplate, perPage = defaultPerPageOptions[0].value, titles = {
         items: '',
         page: '',
         pages: '',
         itemsPerPage: 'Items per page',
         perPageSuffix: 'per page',
-        toFirstPage: 'Go to first page',
-        toPreviousPage: 'Go to previous page',
-        toLastPage: 'Go to last page',
-        toNextPage: 'Go to next page',
-        optionsToggle: '',
-        currPage: 'Current page',
-        paginationTitle: 'Pagination',
+        toFirstPageAriaLabel: 'Go to first page',
+        toPreviousPageAriaLabel: 'Go to previous page',
+        toLastPageAriaLabel: 'Go to last page',
+        toNextPageAriaLabel: 'Go to next page',
+        optionsToggleAriaLabel: '',
+        currPageAriaLabel: 'Current page',
+        paginationAriaLabel: 'Pagination',
         ofWord: 'of'
-    },
-    firstPage: 1,
-    page: 0,
-    offset: 0,
-    defaultToFullPage: false,
-    itemsStart: null,
-    itemsEnd: null,
-    perPageOptions: defaultPerPageOptions,
-    widgetId: 'options-menu',
-    onSetPage: () => undefined,
-    onPerPageSelect: () => undefined,
-    onFirstClick: () => undefined,
-    onPreviousClick: () => undefined,
-    onNextClick: () => undefined,
-    onPageInput: () => undefined,
-    onLastClick: () => undefined,
-    ouiaSafe: true,
-    perPageComponent: 'div'
+    }, firstPage = 1, page: pageProp = 0, offset = 0, isLastFullPageShown = false, itemsStart = null, itemsEnd = null, itemCount, perPageOptions = defaultPerPageOptions, widgetId = 'options-menu', onSetPage = () => undefined, onPerPageSelect = () => undefined, onFirstClick = () => undefined, onPreviousClick = () => undefined, onNextClick = () => undefined, onPageInput = () => undefined, onLastClick = () => undefined, ouiaId, ouiaSafe = true, usePageInsets, inset } = _a, props = __rest(_a, ["children", "className", "variant", "isDisabled", "isCompact", "isSticky", "isStatic", "dropDirection", "toggleTemplate", "perPage", "titles", "firstPage", "page", "offset", "isLastFullPageShown", "itemsStart", "itemsEnd", "itemCount", "perPageOptions", "widgetId", "onSetPage", "onPerPageSelect", "onFirstClick", "onPreviousClick", "onNextClick", "onPageInput", "onLastClick", "ouiaId", "ouiaSafe", "usePageInsets", "inset"]);
+    const paginationRef = React.useRef(null);
+    const getLastPage = () => 
+    // when itemCount is not known let's set lastPage as page+1 as we don't know the total count
+    itemCount || itemCount === 0 ? Math.ceil(itemCount / perPage) || 0 : page + 1;
+    React.useEffect(() => {
+        const node = paginationRef.current;
+        handleInputWidth(getLastPage(), node);
+    }, [perPage, itemCount]);
+    const dropDirection = dropDirectionProp || (variant === 'bottom' && !isStatic ? 'up' : 'down');
+    let page = pageProp;
+    if (!page && offset) {
+        page = Math.ceil(offset / perPage);
+    }
+    if (page === 0 && !itemCount) {
+        page = 1;
+    }
+    const lastPage = getLastPage();
+    let firstIndex = (page - 1) * perPage + 1;
+    let lastIndex = page * perPage;
+    if (itemCount || itemCount === 0) {
+        firstIndex = itemCount <= 0 ? 0 : (page - 1) * perPage + 1;
+        if (page < firstPage && itemCount > 0) {
+            page = firstPage;
+        }
+        else if (page > lastPage) {
+            page = lastPage;
+        }
+        if (itemCount >= 0) {
+            lastIndex = page === lastPage || itemCount === 0 ? itemCount : page * perPage;
+        }
+    }
+    const PaginationToggleTemplateProps = {
+        firstIndex,
+        lastIndex,
+        itemCount,
+        itemsTitle: titles.items,
+        ofWord: titles.ofWord
+    };
+    return (React.createElement("div", Object.assign({ ref: paginationRef, className: css(styles.pagination, variant === PaginationVariant.bottom && styles.modifiers.bottom, usePageInsets && styles.modifiers.pageInsets, formatBreakpointMods(inset, styles), isCompact && styles.modifiers.compact, isStatic && styles.modifiers.static, isSticky && styles.modifiers.sticky, className) }, (widgetId && { id: `${widgetId}-${variant}-pagination` }), useOUIAProps(Pagination.displayName, ouiaId, ouiaSafe, variant), props),
+        variant === PaginationVariant.top && (React.createElement("div", { className: css(styles.paginationTotalItems) },
+            toggleTemplate &&
+                typeof toggleTemplate === 'string' &&
+                fillTemplate(toggleTemplate, PaginationToggleTemplateProps),
+            toggleTemplate &&
+                typeof toggleTemplate !== 'string' &&
+                toggleTemplate(PaginationToggleTemplateProps),
+            !toggleTemplate && (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: titles.items, ofWord: titles.ofWord })))),
+        perPageOptions && perPageOptions.length > 0 && (React.createElement(PaginationOptionsMenu, { itemsPerPageTitle: titles.itemsPerPage, perPageSuffix: titles.perPageSuffix, itemsTitle: isCompact ? '' : titles.items, optionsToggleAriaLabel: titles.optionsToggleAriaLabel, perPageOptions: perPageOptions, firstIndex: itemsStart !== null ? itemsStart : firstIndex, lastIndex: itemsEnd !== null ? itemsEnd : lastIndex, ofWord: titles.ofWord, isLastFullPageShown: isLastFullPageShown, itemCount: itemCount, page: page, perPage: perPage, lastPage: lastPage, onPerPageSelect: onPerPageSelect, dropDirection: dropDirection, widgetId: `${widgetId}-${variant}`, toggleTemplate: toggleTemplate, isDisabled: isDisabled })),
+        React.createElement(Navigation, { pagesTitle: titles.page, pagesTitlePlural: titles.pages, toLastPageAriaLabel: titles.toLastPageAriaLabel, toPreviousPageAriaLabel: titles.toPreviousPageAriaLabel, toNextPageAriaLabel: titles.toNextPageAriaLabel, toFirstPageAriaLabel: titles.toFirstPageAriaLabel, currPageAriaLabel: titles.currPageAriaLabel, paginationAriaLabel: titles.paginationAriaLabel, ofWord: titles.ofWord, page: itemCount && itemCount <= 0 ? 0 : page, perPage: perPage, itemCount: itemCount, firstPage: itemsStart !== null ? itemsStart : 1, lastPage: lastPage, onSetPage: onSetPage, onFirstClick: onFirstClick, onPreviousClick: onPreviousClick, onNextClick: onNextClick, onLastClick: onLastClick, onPageInput: onPageInput, isDisabled: isDisabled, isCompact: isCompact }),
+        children));
 };
+Pagination.displayName = 'Pagination';
 //# sourceMappingURL=Pagination.js.map

package/dist/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ToggleTemplateProps } from './ToggleTemplate';
+import { PaginationToggleTemplateProps } from './ToggleTemplate';
 import { PerPageOptions, OnPerPageSelect } from './Pagination';
 export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivElement> {
     /** Custom class name added to the pagination options menu. */
@@ -21,7 +21,7 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
     /** The type or title of the items being paginated. */
     itemsTitle?: string;
     /** Accessible label for the options toggle. */
-    optionsToggle?: string;
+    optionsToggleAriaLabel?: string;
     /** The total number of items being paginated. */
     itemCount?: number;
     /** The first index of the items being paginated. */
@@ -31,7 +31,7 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
     /** Flag to indicate whether to show last full page of results when user selects perPage
      * value that is greater than remaining rows.
      */
-    defaultToFullPage?: boolean;
+    isLastFullPageShown?: boolean;
     /** The number of items to be displayed per page. */
     perPage?: number;
     /** The number of the last page. */
@@ -39,29 +39,11 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
     /** This will be shown in pagination toggle span. You can use firstIndex, lastIndex,
      * itemCount, and/or itemsTitle props.
      */
-    toggleTemplate: ((props: ToggleTemplateProps) => React.ReactElement) | string;
+    toggleTemplate: ((props: PaginationToggleTemplateProps) => React.ReactElement) | string;
     /** Function called when user selects number of items per page. */
     onPerPageSelect?: OnPerPageSelect;
     /** Label for the English word "of". */
     ofWord?: string;
-    /** Component to be used for wrapping the toggle contents. Use 'button' when you want
-     * all of the toggle text to be clickable.
-     */
-    perPageComponent?: 'div' | 'button';
-}
-interface PaginationOptionsMenuState {
-    isOpen: boolean;
-}
-export declare class PaginationOptionsMenu extends React.Component<PaginationOptionsMenuProps, PaginationOptionsMenuState> {
-    static displayName: string;
-    private parentRef;
-    static defaultProps: PaginationOptionsMenuProps;
-    constructor(props: PaginationOptionsMenuProps);
-    onToggle: (isOpen: boolean) => void;
-    onSelect: () => void;
-    handleNewPerPage: (_evt: React.MouseEvent | React.KeyboardEvent | MouseEvent, newPerPage: number) => void;
-    renderItems: () => JSX.Element[];
-    render(): JSX.Element;
 }
-export {};
+export declare const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMenuProps>;
 //# sourceMappingURL=PaginationOptionsMenu.d.ts.map

package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,yFAAyF;IACzF,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IAC9E,kEAAkE;IAClE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACrC;AAED,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;IAChH,MAAM,CAAC,WAAW,SAA2B;IAC7C,OAAO,CAAC,SAAS,CAAqC;IACtD,MAAM,CAAC,YAAY,EAAE,0BAA0B,CAkB7C;gBAEU,KAAK,EAAE,0BAA0B;IAO7C,QAAQ,WAAY,OAAO,UAEzB;IAEF,QAAQ,aAEN;IAEF,gBAAgB,SAAU,gBAAgB,GAAG,mBAAmB,GAAG,UAAU,cAAc,MAAM,UAkB/F;IAEF,WAAW,sBAoBT;IAEF,MAAM;CAgEP"}
+{"version":3,"file":"PaginationOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,6BAA6B,EAAkB,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/D,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjF,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,yFAAyF;IACzF,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,6BAA6B,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;IACxF,kEAAkE;IAClE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CA4JrF,CAAC"}

package/dist/esm/components/Pagination/PaginationOptionsMenu.js

@@ -1,74 +1,88 @@
 import * as React from 'react';
-import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
 import { css } from '@patternfly/react-styles';
-import { DropdownItem, DropdownDirection, DropdownWithContext, DropdownContext } from '../Dropdown';
-import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
-import { OptionsToggle } from './OptionsToggle';
+import { Menu, MenuContent, MenuList, MenuItem } from '../Menu';
+import { MenuToggle } from '../MenuToggle';
+import { Popper } from '../../helpers/Popper/Popper';
 import { ToggleTemplate } from './ToggleTemplate';
-export class PaginationOptionsMenu extends React.Component {
-    constructor(props) {
-        super(props);
-        this.parentRef = React.createRef();
-        this.onToggle = (isOpen) => {
-            this.setState({ isOpen });
-        };
-        this.onSelect = () => {
-            this.setState((prevState) => ({ isOpen: !prevState.isOpen }));
-        };
-        this.handleNewPerPage = (_evt, newPerPage) => {
-            const { page, onPerPageSelect, itemCount, defaultToFullPage } = this.props;
-            let newPage = page;
-            while (Math.ceil(itemCount / newPerPage) < newPage) {
-                newPage--;
+import { fillTemplate } from '../../helpers';
+export const PaginationOptionsMenu = ({ className, widgetId, page: pageProp, itemCount, isDisabled = false, dropDirection = 'down', perPageOptions = [], 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+itemsPerPageTitle = 'Items per page', perPageSuffix = 'per page', optionsToggleAriaLabel, ofWord = 'of', perPage = 0, firstIndex = 0, lastIndex = 0, isLastFullPageShown = false, itemsTitle = 'items', toggleTemplate, onPerPageSelect = () => null }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const toggleRef = React.useRef(null);
+    const menuRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const onToggle = () => {
+        setIsOpen(prevState => !prevState);
+    };
+    const onSelect = () => {
+        var _a;
+        setIsOpen(prevState => !prevState);
+        (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handleNewPerPage = (_evt, newPerPage) => {
+        let newPage = pageProp;
+        while (Math.ceil(itemCount / newPerPage) < newPage) {
+            newPage--;
+        }
+        if (isLastFullPageShown) {
+            if (itemCount / newPerPage !== newPage) {
+                while (newPage > 1 && itemCount - newPerPage * newPage < 0) {
+                    newPage--;
+                }
             }
-            if (defaultToFullPage) {
-                if (itemCount / newPerPage !== newPage) {
-                    while (newPage > 1 && itemCount - newPerPage * newPage < 0) {
-                        newPage--;
-                    }
+        }
+        const startIdx = (newPage - 1) * newPerPage;
+        const endIdx = newPage * newPerPage;
+        return onPerPageSelect(_evt, newPerPage, newPage, startIdx, endIdx);
+    };
+    React.useEffect(() => {
+        const handleMenuKeys = (event) => {
+            var _a, _b, _c;
+            // Close the menu on tab or escape
+            if ((isOpen && ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) ||
+                ((_b = toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+                if (event.key === 'Escape' || event.key === 'Tab') {
+                    setIsOpen(false);
+                    (_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
                 }
             }
-            const startIdx = (newPage - 1) * newPerPage;
-            const endIdx = newPage * newPerPage;
-            return onPerPageSelect(_evt, newPerPage, newPage, startIdx, endIdx);
         };
-        this.renderItems = () => {
-            const { perPageOptions, perPage, perPageSuffix } = this.props;
-            return perPageOptions.map(({ value, title }) => (React.createElement(DropdownItem, { key: value, component: "button", "data-action": `per-page-${value}`, className: css(perPage === value && 'pf-m-selected'), onClick: event => this.handleNewPerPage(event, value) },
-                title,
-                ` ${perPageSuffix}`,
-                perPage === value && (React.createElement("div", { className: css(styles.optionsMenuMenuItemIcon) },
-                    React.createElement(CheckIcon, null))))));
+        const handleClick = (event) => {
+            var _a, _b, _c;
+            // If the event is on the toggle and was fired via keyboard 'click', focus the first
+            // non-disabled menu item
+            // https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+            if (event.detail === 0 && isOpen && ((_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                setTimeout(() => {
+                    var _a;
+                    const firstElement = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('li button:not(:disabled)');
+                    firstElement && firstElement.focus();
+                }, 0);
+            }
+            // If the event is not on the toggle, close the menu
+            if (isOpen &&
+                !((_b = toggleRef === null || toggleRef === void 0 ? void 0 : toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)) &&
+                !((_c = menuRef.current) === null || _c === void 0 ? void 0 : _c.contains(event.target))) {
+                setIsOpen(false);
+            }
         };
-        this.state = {
-            isOpen: false
+        window.addEventListener('keydown', handleMenuKeys);
+        window.addEventListener('click', handleClick);
+        return () => {
+            window.removeEventListener('keydown', handleMenuKeys);
+            window.removeEventListener('click', handleClick);
         };
-    }
-    render() {
-        const { widgetId, isDisabled, itemsPerPageTitle, dropDirection, optionsToggle, perPageOptions, toggleTemplate, firstIndex, lastIndex, itemCount, itemsTitle, ofWord, perPageComponent } = this.props;
-        const { isOpen } = this.state;
-        return (React.createElement(DropdownContext.Provider, { value: Object.assign(Object.assign({}, (widgetId && { id: widgetId })), { onSelect: this.onSelect, toggleIndicatorClass: perPageComponent === 'div' ? styles.optionsMenuToggleButtonIcon : styles.optionsMenuToggleIcon, toggleTextClass: styles.optionsMenuToggleText, menuClass: styles.optionsMenuMenu, itemClass: styles.optionsMenuMenuItem, toggleClass: ' ', baseClass: styles.optionsMenu, disabledClass: styles.modifiers.disabled, menuComponent: 'ul', baseComponent: 'div', ouiaComponentType: PaginationOptionsMenu.displayName }) },
-            React.createElement(DropdownWithContext, { direction: dropDirection, isOpen: isOpen, toggle: React.createElement(OptionsToggle, { optionsToggle: optionsToggle, itemsPerPageTitle: itemsPerPageTitle, showToggle: perPageOptions && perPageOptions.length > 0, onToggle: this.onToggle, isOpen: isOpen, widgetId: widgetId, firstIndex: firstIndex, lastIndex: lastIndex, itemCount: itemCount, itemsTitle: itemsTitle, ofWord: ofWord, toggleTemplate: toggleTemplate, parentRef: this.parentRef.current, isDisabled: isDisabled, perPageComponent: perPageComponent }), dropdownItems: this.renderItems(), isPlain: true })));
-    }
-}
-PaginationOptionsMenu.displayName = 'PaginationOptionsMenu';
-PaginationOptionsMenu.defaultProps = {
-    className: '',
-    widgetId: '',
-    isDisabled: false,
-    dropDirection: DropdownDirection.down,
-    perPageOptions: [],
-    itemsPerPageTitle: 'Items per page',
-    perPageSuffix: 'per page',
-    optionsToggle: '',
-    ofWord: 'of',
-    perPage: 0,
-    firstIndex: 0,
-    lastIndex: 0,
-    defaultToFullPage: false,
-    itemsTitle: 'items',
-    toggleTemplate: ToggleTemplate,
-    onPerPageSelect: () => null,
-    perPageComponent: 'div'
+    }, [isOpen, menuRef]);
+    const renderItems = () => perPageOptions.map(({ value, title }) => (React.createElement(MenuItem, { key: value, "data-action": `per-page-${value}`, isSelected: perPage === value, onClick: event => handleNewPerPage(event, value) },
+        title,
+        ` ${perPageSuffix}`)));
+    const toggle = (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggle }, (optionsToggleAriaLabel && { 'aria-label': optionsToggleAriaLabel }), { isDisabled: isDisabled || (itemCount && itemCount <= 0), isExpanded: isOpen }, (widgetId && { id: `${widgetId}-toggle` }), { variant: "plainText", "aria-haspopup": "listbox" }), typeof toggleTemplate === 'string' ? (fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })) : (React.createElement(ToggleTemplate, { firstIndex: firstIndex, lastIndex: lastIndex, ofWord: ofWord, itemCount: itemCount, itemsTitle: itemsTitle }))));
+    const menu = (React.createElement(Menu, { className: css(className), onSelect: onSelect, ref: menuRef },
+        React.createElement(MenuContent, null,
+            React.createElement(MenuList, null, renderItems()))));
+    return (React.createElement("div", { ref: containerRef },
+        React.createElement(Popper, { trigger: toggle, popper: menu, isVisible: isOpen, direction: dropDirection, appendTo: containerRef.current || undefined, popperMatchesTriggerWidth: false })));
 };
+PaginationOptionsMenu.displayName = 'PaginationOptionsMenu';
 //# sourceMappingURL=PaginationOptionsMenu.js.map

package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Pagination/ToggleTemplate.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 /** Allows more customization of the pagination dropdown toggle. The following properties
  * should be passed into the pagination component's toggleTemplate property.
  */
-export interface ToggleTemplateProps {
+export interface PaginationToggleTemplateProps {
     /** The first index of the items being paginated */
     firstIndex?: number;
     /** The last index of the items being paginated */
@@ -14,5 +14,5 @@ export interface ToggleTemplateProps {
     /** The word that joins the index and itemCount/itemsTitle */
     ofWord?: React.ReactNode;
 }
-export declare const ToggleTemplate: React.FunctionComponent<ToggleTemplateProps>;
+export declare const ToggleTemplate: React.FunctionComponent<PaginationToggleTemplateProps>;
 //# sourceMappingURL=ToggleTemplate.d.ts.map

package/dist/esm/components/Pagination/ToggleTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/ToggleTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AAEH,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAavE,CAAC"}
+{"version":3,"file":"ToggleTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/ToggleTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AAEH,MAAM,WAAW,6BAA6B;IAC5C,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAajF,CAAC"}

package/dist/esm/components/Pagination/ToggleTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleTemplate.js","sourceRoot":"","sources":["../../../../src/components/Pagination/ToggleTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAC3E,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,OAAO,EACpB,MAAM,GAAG,IAAI,EACO,EAAE,EAAE,CAAC,CACzB,oBAAC,KAAK,CAAC,QAAQ;IACb;QACG,UAAU;;QAAK,SAAS,CACvB;IAAC,GAAG;IACP,MAAM;;IAAE,+BAAI,SAAS,CAAK;;IAAE,UAAU,CACxB,CAClB,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"ToggleTemplate.js","sourceRoot":"","sources":["../../../../src/components/Pagination/ToggleTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,CAAC,MAAM,cAAc,GAA2D,CAAC,EACrF,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,CAAC,EACb,UAAU,GAAG,OAAO,EACpB,MAAM,GAAG,IAAI,EACiB,EAAE,EAAE,CAAC,CACnC,oBAAC,KAAK,CAAC,QAAQ;IACb;QACG,UAAU;;QAAK,SAAS,CACvB;IAAC,GAAG;IACP,MAAM;;IAAE,+BAAI,SAAS,CAAK;;IAAE,UAAU,CACxB,CAClB,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/components/Popover/Popover.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { ReactElement } from 'react';
-import { Instance as TippyInstance, Props as TippyProps } from '../../helpers/Popper/DeprecatedTippyTypes';
 export declare enum PopoverPosition {
     auto = "auto",
     top = "top",
@@ -41,10 +40,6 @@ export interface PopoverProps {
      * bodyContent={hide => <Button onClick={() => hide()}>Close</Button>}
      */
     bodyContent: React.ReactNode | ((hide: () => void) => React.ReactNode);
-    /** @deprecated - no longer used. if you want to constrain the popper to a specific element
-     * use the appendTo prop instead.
-     */
-    boundary?: 'scrollParent' | 'window' | 'viewport' | HTMLElement;
     /**
      * The reference element to which the popover is relatively placed to. If you cannot wrap
      * the reference with the Popover, you can use the reference prop instead.
@@ -117,29 +112,24 @@ export interface PopoverProps {
     minWidth?: string;
     /**
      * Lifecycle function invoked when the popover has fully transitioned out.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    onHidden?: (tip?: TippyInstance) => void;
+    onHidden?: () => void;
     /**
      * Lifecycle function invoked when the popover begins to transition out.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    onHide?: (tip?: TippyInstance) => void;
+    onHide?: () => void;
     /**
      * Lifecycle function invoked when the popover has been mounted to the DOM.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    onMount?: (tip?: TippyInstance) => void;
+    onMount?: () => void;
     /**
      * Lifecycle function invoked when the popover begins to transition in.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    onShow?: (tip?: TippyInstance) => void;
+    onShow?: () => void;
     /**
      * Lifecycle function invoked when the popover has fully transitioned in.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    onShown?: (tip?: TippyInstance) => void;
+    onShown?: () => void;
     /**
      * Popover position. Note: With the enableFlip property set to true, it will change the
      * position if there is not enough space for the starting position. The behavior of where it
@@ -152,14 +142,11 @@ export interface PopoverProps {
      * Usage: <Popover reference={() => document.getElementById('reference-element')} />
      */
     reference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
-    /** @beta Opt-in for updated popper that does not use findDOMNode. */
-    removeFindDomNode?: boolean;
     /**
      * Callback function that is only invoked when isVisible is also controlled. Called when the
      * popover close button is clicked, the enter key was used on it, or the escape key is used.
-     * Note: The tip argument is no longer passed and has been deprecated.
      */
-    shouldClose?: (tip?: TippyInstance, hideFunction?: () => void, event?: MouseEvent | KeyboardEvent) => void;
+    shouldClose?: (hideFunction?: () => void, event?: MouseEvent | KeyboardEvent) => void;
     /**
      * Callback function that is only invoked when isVisible is also controlled. Called when the
      * enter key is used on the focused trigger.
@@ -167,8 +154,6 @@ export interface PopoverProps {
     shouldOpen?: (showFunction?: () => void, event?: MouseEvent | KeyboardEvent) => void;
     /** Flag indicating whether the close button should be shown. */
     showClose?: boolean;
-    /** @deprecated - no longer used. */
-    tippyProps?: Partial<TippyProps>;
     /** Whether to trap focus in the popover. */
     withFocusTrap?: boolean;
     /** The z-index of the popover. */