@redhat-cloud-services/frontend-components 3.6.4 → 3.7.2

package/esm/EmptyTable/EmptyTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyTable.js","sourceRoot":"","sources":["../../src/EmptyTable/EmptyTable.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,mBAAmB,CAAC;AAE3B,IAAM,UAAU,GAAG,UAAC,EAA2C;;IAAzC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,qCAA2C,CAAF;IAC3D,IAAM,iBAAiB,GAAG,UAAU,CAAC,oBAAoB,YAAI,GAAC,aAAa,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAErG,OAAO,CACL,sCAAK,SAAS,EAAE,iBAAiB,IAAM,KAAK;QACzC,GAAG;QACH,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC"}
+{"version":3,"file":"EmptyTable.js","sourceRoot":"","sources":["../../src/EmptyTable/EmptyTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,mBAAmB,CAAC;AAO3B,IAAM,UAAU,GAA6C,UAAC,EAA2C;;IAAzC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,qCAA2C,CAAF;IACrG,IAAM,iBAAiB,GAAG,UAAU,CAAC,oBAAoB,YAAI,GAAC,aAAa,IAAG,QAAQ,OAAI,SAAS,CAAC,CAAC;IAErG,OAAO,CACL,sCAAK,SAAS,EAAE,iBAAiB,IAAM,KAAK;QACzC,GAAG;QACH,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/EmptyTable/index.js

@@ -1,3 +1,3 @@
 export { default } from './EmptyTable';
-export { default as EmptyTable } from './EmptyTable.js';
+export { default as EmptyTable } from './EmptyTable';
 //# sourceMappingURL=index.js.map

package/esm/EmptyTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EmptyTable/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EmptyTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/esm/ErrorState/ErrorState.js

@@ -24,7 +24,7 @@ import React from 'react';
 import { ExclamationCircleIcon } from '@patternfly/react-icons/';
 import DefaultErrorMessage from './DefaultErrorMessage';
 import { Title, EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody, Button, Stack, StackItem, } from '@patternfly/react-core';
-import './error-state.css';
+import '../ErrorState/error-state.css';
 var ErrorState = function (_a) {
     var _b = _a.errorTitle, errorTitle = _b === void 0 ? 'Something went wrong' : _b, errorDescription = _a.errorDescription, props = __rest(_a, ["errorTitle", "errorDescription"]);
     return (React.createElement(EmptyState, __assign({ variant: EmptyStateVariant.large }, props, { className: "ins-c-error-state" }),

package/esm/FilterChips/FilterChips.js

@@ -13,7 +13,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Badge, Chip, ChipGroup, Button } from '@patternfly/react-core';
 import classNames from 'classnames';
-import './filter-chips.css';
+import '../FilterChips/filter-chips.css';
 var FilterChips = function (_a) {
     var className = _a.className, filters = _a.filters, onDelete = _a.onDelete, deleteTitle = _a.deleteTitle, showDeleteButton = _a.showDeleteButton, onDeleteGroup = _a.onDeleteGroup;
     var groups = filters.filter(function (group) { return Object.prototype.hasOwnProperty.call(group, 'category'); });

package/esm/FilterHooks/tagFilterHook.js

@@ -21,7 +21,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import React, { useState, useEffect } from 'react';
 import { constructGroups, mapGroups } from './constants';
 import { Spinner } from '@patternfly/react-core';
-import './tagFilterHook.css';
+import '../FilterHooks/tagFilterHook.css';
 export var tagsFilterState = { tagsFilter: {} };
 export var TAGS_FILTER = 'TAGS_FILTER';
 export var tagsFilterReducer = function (_state, _a) {

package/esm/Filters/FilterDropdown.js

@@ -18,7 +18,7 @@ import { Dropdown, DropdownToggle, Level } from '@patternfly/react-core';
 import { getDefaultOUIAId } from '@patternfly/react-core/';
 import PropTypes from 'prop-types';
 import FilterInput from './FilterInput.js';
-import './filter-dropdown.css';
+import '../Filters/filter-dropdown.css';
 var FilterDropdown = (function (_super) {
     __extends(FilterDropdown, _super);
     function FilterDropdown() {

package/esm/InsightsLabel/CriticalIcon.js

@@ -1,4 +1,4 @@
-import './critical-icon.css';
+import '../InsightsLabel/critical-icon.css';
 import React from 'react';
 var CriticalIcon = function () { return (React.createElement("svg", { className: "ins-c-critical-icon", viewBox: "0 0 10 10" },
     React.createElement("polygon", { points: "10 10, 10 3, 5 0, 0 3, 0 10, 5 8" }))); };

package/esm/InsightsLabel/InsightsLabel.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import './labels.css';
+import '../InsightsLabel/labels.css';
 import { AngleDoubleDownIcon } from '@patternfly/react-icons';
 import { AngleDoubleUpIcon } from '@patternfly/react-icons';
 import CriticalIcon from './CriticalIcon';

package/esm/InvalidObject/InvalidObject.js

@@ -23,13 +23,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import Icon404 from './icon-404';
 import { Title, Button } from '@patternfly/react-core';
-import './invalidObject.css';
+import '../InvalidObject/invalidObject.css';
 var isBeta = function () {
     return window.location.pathname.split('/')[1] === 'beta' ? '/beta' : '';
 };
 var InvalidObject = function (_a) {
     var props = __rest(_a, []);
-    return (React.createElement("section", __assign({}, props, { className: "pf-l-page__main-section pf-c-page__main-section ins-c-component_invalid-componet" }),
+    return (React.createElement("section", __assign({}, props, { className: "pf-l-page__main-section pf-c-page__main-section ins-c-component_invalid-component" }),
         React.createElement(Title, { headingLevel: "h1", size: "3xl" }, "We lost that page"),
         React.createElement(Icon404, null),
         React.createElement(Title, { headingLevel: "h1", size: "xl", className: "ins-c-text__sorry" }, "Let's find you a new one. Try a new search or return home."),

package/esm/InvalidObject/InvalidObject.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidObject.js","sourceRoot":"","sources":["../../src/InvalidObject/InvalidObject.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,sBAAsB,CAAC;AAG9B,IAAM,MAAM,GAAG;IACb,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AAC1E,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,4CAAa,KAAK,IAAE,SAAS,EAAC,kFAAkF;QAC9G,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,wBAE3B;QACR,oBAAC,OAAO,OAAG;QACX,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,iEAExD;QACR,oBAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAE,UAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,SAAG,MAAM,EAAE,CAAE,yBAExE,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"InvalidObject.js","sourceRoot":"","sources":["../../src/InvalidObject/InvalidObject.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,sBAAsB,CAAC;AAG9B,IAAM,MAAM,GAAG;IACb,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AAC1E,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,4CAAa,KAAK,IAAE,SAAS,EAAC,mFAAmF;QAC/G,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,wBAE3B;QACR,oBAAC,OAAO,OAAG;QACX,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,iEAExD;QACR,oBAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,GAAG,EAAC,IAAI,EAAE,UAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,SAAG,MAAM,EAAE,CAAE,yBAExE,CACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/InvalidObject/icon-404.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import './icon-404.css';
+import '../InvalidObject/icon-404.css';
 var Icon404 = function () { return (React.createElement("svg", { className: "Icon404", id: "Icon404", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 131 131" },
     React.createElement("defs", null,
         React.createElement("mask", { id: "mask", x: "0", y: "0", width: "131", height: "131", maskUnits: "userSpaceOnUse" },

package/esm/InvalidObject/invalidObject.css

@@ -2,21 +2,21 @@
   --ins-color--orange: #ec7a08;
 }
 
-.ins-c-component_invalid-componet {
+.ins-c-component_invalid-component {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   text-align: center;
 }
-.ins-c-component_invalid-componet .ins-c-text__sorry {
+.ins-c-component_invalid-component .ins-c-text__sorry {
   max-width: 70%;
 }
-.ins-c-component_invalid-componet h1, .ins-c-component_invalid-componet svg {
+.ins-c-component_invalid-component h1, .ins-c-component_invalid-component svg {
   margin-bottom: 30px;
   margin-bottom: 1.875rem;
 }
-.ins-c-component_invalid-componet button {
+.ins-c-component_invalid-component button {
   font-size: 20px;
   font-size: 1.25rem;
 }

package/esm/InvalidObject/invalidObject.scss

@@ -1,6 +1,6 @@
 @import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
 
-.ins-c-component_invalid-componet {
+.ins-c-component_invalid-component {
     display: flex;
     justify-content: center;
     flex-direction: column;

package/esm/Main/Main.js

@@ -33,7 +33,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { connect } from 'react-redux';
 import { DarkContext } from '../Dark';
-import './main.css';
+import '../Main/main.css';
 var toKebab = function (text) { return text.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase(); };
 export var InternalMain = function (_a) {
     var path = _a.path, _b = _a.params, params = _b === void 0 ? {} : _b, children = _a.children, className = _a.className, props = __rest(_a, ["path", "params", "children", "className"]);

package/esm/Maintenance/Maintenance.js

@@ -24,7 +24,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { EmptyState, EmptyStateBody, Title, Stack, StackItem, EmptyStateIcon } from '@patternfly/react-core';
 import { HourglassHalfIcon } from '@patternfly/react-icons';
-import './maintenance.css';
+import '../Maintenance/maintenance.css';
 var Maintenance = function (_a) {
     var _b = _a.utcStartTime, utcStartTime = _b === void 0 ? '10am' : _b, _c = _a.utcEndTime, utcEndTime = _c === void 0 ? '12am' : _c, _d = _a.startTime, startTime = _d === void 0 ? '6am' : _d, _e = _a.endTime, endTime = _e === void 0 ? '8am' : _e, _f = _a.timeZone, timeZone = _f === void 0 ? 'EST' : _f, description = _a.description, _g = _a.redirectLink, redirectLink = _g === void 0 ? 'https://status.redhat.com/incidents' : _g, className = _a.className, props = __rest(_a, ["utcStartTime", "utcEndTime", "startTime", "endTime", "timeZone", "description", "redirectLink", "className"]);
     var emptyStateClassName = classNames(className, 'ins-c-empty-state__maintenance');

package/esm/NotAuthorized/NotAuthorized.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { Title, Button, EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody } from '@patternfly/react-core';
 import { LockIcon } from '@patternfly/react-icons';
-import './NotAuthorized.css';
+import '../NotAuthorized/NotAuthorized.css';
 var ContactBody = function () { return (React.createElement(React.Fragment, null,
     "Contact your organization administrator(s) for more information or visit\u00A0",
     React.createElement("a", { href: "./settings/my-user-access" }, "My User Access"),

package/esm/PageHeader/PageHeader.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classNames from 'classnames';
 import { DarkContext } from '../Dark';
-import './page-header.css';
+import '../PageHeader/page-header.css';
 var PageHeader = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var pageHeaderClasses = classNames(className, 'pf-l-page-header', 'pf-c-page-header', 'pf-l-page__main-section', 'pf-c-page__main-section');

package/esm/Pagination/Pagination.js

@@ -1,18 +1,3 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -35,59 +20,31 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { Component } from 'react';
+import React from 'react';
 import PaginationNext from './PaginationNext';
-import PropTypes from 'prop-types';
 export var dropDirection = {
     up: 'up',
     down: 'down',
 };
 var pager = [10, 15, 20, 25, 50];
-var Pagination = (function (_super) {
-    __extends(Pagination, _super);
-    function Pagination() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.setPage = function (page, debounce) {
-            var currPage = _this.props.page;
-            var perPage = _this.props.itemsPerPage || pager[0];
-            var maxPage = Math.ceil(_this.props.numberOfItems / perPage);
-            page = isNaN(page) ? currPage : page;
-            page = page > maxPage ? maxPage : page < 0 ? 0 : page;
-            _this.props.hasOwnProperty('onSetPage') && _this.props.onSetPage(page, debounce);
-        };
-        return _this;
-    }
-    Pagination.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, page = _a.page, onSetPage = _a.onSetPage, numberOfItems = _a.numberOfItems, itemsPerPage = _a.itemsPerPage, perPageOptions = _a.perPageOptions, onPerPageSelect = _a.onPerPageSelect, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, props = __rest(_a, ["page", "onSetPage", "numberOfItems", "itemsPerPage", "perPageOptions", "onPerPageSelect", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
-        var pagerOptions = perPageOptions || pager;
-        var perPage = itemsPerPage || pagerOptions[0];
-        var lastPage = Math.ceil(numberOfItems / perPage);
-        var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
-        var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
-        return (React.createElement(PaginationNext, __assign({}, props, { itemCount: this.props.numberOfItems, className: "ins-c-pagination-next", itemsStart: firstIndex, itemsEnd: lastIndex, lastPage: lastPage || 1, dropDirection: this.props.direction, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage, perPage: perPage, onSetPerPage: function (_event, value) { return _this.props.onPerPageSelect(value); }, page: this.props.page, setPage: function (event, page) { return _this.setPage(page, event.currentTarget.tagName === 'INPUT'); }, perPageOptions: pagerOptions.map(function (value) { return ({
-                title: value,
-                value: value,
-            }); }) })));
+var Pagination = function (_a) {
+    var _b = _a.page, page = _b === void 0 ? 1 : _b, onSetPage = _a.onSetPage, numberOfItems = _a.numberOfItems, itemsPerPage = _a.itemsPerPage, perPageOptions = _a.perPageOptions, onPerPageSelect = _a.onPerPageSelect, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, direction = _a.direction, props = __rest(_a, ["page", "onSetPage", "numberOfItems", "itemsPerPage", "perPageOptions", "onPerPageSelect", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "direction"]);
+    var setPage = function (nextPage, debounce) {
+        var perPage = itemsPerPage || pager[0];
+        var maxPage = Math.ceil(numberOfItems / perPage);
+        var result = isNaN(nextPage) ? page : nextPage;
+        result = result > maxPage ? maxPage : result < 0 ? 0 : result;
+        onSetPage && onSetPage(result, debounce);
     };
-    return Pagination;
-}(Component));
-Pagination.propTypes = {
-    direction: PropTypes.oneOf(Object.keys(dropDirection)),
-    viewType: PropTypes.string,
-    itemsPerPage: PropTypes.number,
-    perPageOptions: PropTypes.arrayOf(PropTypes.number),
-    numberOfItems: PropTypes.number.isRequired,
-    onSetPage: PropTypes.func,
-    onPerPageSelect: PropTypes.func,
-    onFirstPage: PropTypes.func,
-    onLastPage: PropTypes.func,
-    onPreviousPage: PropTypes.func,
-    onNextPage: PropTypes.func,
-    page: PropTypes.number,
-};
-Pagination.defaultProps = {
-    page: 1,
+    var pagerOptions = perPageOptions || pager;
+    var perPage = itemsPerPage || pagerOptions[0];
+    var lastPage = Math.ceil(numberOfItems / perPage);
+    var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
+    var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
+    return (React.createElement(PaginationNext, __assign({}, props, { itemCount: numberOfItems, className: "ins-c-pagination-next", itemsStart: firstIndex, itemsEnd: lastIndex, lastPage: lastPage || 1, dropDirection: direction, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage, perPage: perPage, onSetPerPage: function (_event, value) { return onPerPageSelect(value); }, page: page, setPage: function (event, page) { return setPage(page, event.currentTarget.tagName === 'INPUT'); }, perPageOptions: pagerOptions.map(function (value) { return ({
+            title: value,
+            value: value,
+        }); }) })));
 };
 export default Pagination;
 //# sourceMappingURL=Pagination.js.map

package/esm/Pagination/Pagination.js.map

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

package/esm/Pagination/PaginationMenu.js

@@ -1,18 +1,3 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -35,74 +20,33 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState } from 'react';
 import { CaretDownIcon, CaretUpIcon, CheckIcon } from '@patternfly/react-icons';
-import { Dropdown, DropdownItem, DropdownToggle } from '@patternfly/react-core';
-var PaginationNav = (function (_super) {
-    __extends(PaginationNav, _super);
-    function PaginationNav() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isOpen: false,
-        };
-        _this.onSelect = function () {
-            _this.setState({
-                isOpen: !_this.state.isOpen,
-            });
-        };
-        _this.onToggle = function (isOpen) {
-            _this.setState({
-                isOpen: isOpen,
-            });
-        };
-        return _this;
-    }
-    PaginationNav.prototype.render = function () {
-        var _a = this.props, itemsTitle = _a.itemsTitle, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, dropDirection = _a.dropDirection, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, className = _a.className, perPage = _a.perPage, props = __rest(_a, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
-        var isOpen = this.state.isOpen;
-        return (React.createElement("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props),
-            React.createElement("span", { id: "".concat(widtgetId, "-label"), hidden: true }, "Items per page:"),
-            React.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
-                React.createElement(Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: this.onSelect, dropdownItems: perPageOptions.map(function (_a) {
-                        var title = _a.title, value = _a.value;
-                        return (React.createElement(DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
-                            title,
-                            value === perPage && React.createElement(CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
-                    }), toggle: React.createElement(DropdownToggle, { onToggle: this.onToggle, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
-                        React.createElement("span", { className: "pf-c-options-menu__toggle-text" },
-                            React.createElement("b", null,
-                                itemsStart,
-                                " - ",
-                                itemsEnd),
-                            ' ',
-                            "of ",
-                            React.createElement("b", null, itemCount),
-                            " ",
-                            itemsTitle),
-                        dropDirection === 'up' ? React.createElement(CaretUpIcon, null) : React.createElement(CaretDownIcon, null)) }))));
-    };
-    return PaginationNav;
-}(Component));
-PaginationNav.propTypes = {
-    itemsTitle: PropTypes.string,
-    itemsStart: PropTypes.number,
-    itemsEnd: PropTypes.number,
-    dropDirection: PropTypes.string,
-    widtgetId: PropTypes.string,
-    onSetPerPage: PropTypes.func,
-    itemCount: PropTypes.number.isRequired,
-    perPage: PropTypes.number,
-    perPageOptions: PropTypes.arrayOf(PropTypes.shape({
-        title: PropTypes.node,
-        value: PropTypes.number,
-    })),
-    className: PropTypes.string,
-};
-PaginationNav.defaultProps = {
-    itemsTitle: 'items',
-    dropDirection: 'up',
-    className: '',
+import { Dropdown, DropdownDirection, DropdownItem, DropdownToggle } from '@patternfly/react-core';
+var PaginationMenu = function (_a) {
+    var _b = _a.itemsTitle, itemsTitle = _b === void 0 ? 'items' : _b, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, _c = _a.dropDirection, dropDirection = _c === void 0 ? DropdownDirection.up : _c, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, _d = _a.perPageOptions, perPageOptions = _d === void 0 ? [] : _d, _e = _a.className, className = _e === void 0 ? '' : _e, perPage = _a.perPage, props = __rest(_a, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
+    var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
+    var onSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
+    return (React.createElement("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props),
+        React.createElement("span", { id: "".concat(widtgetId, "-label"), hidden: true }, "Items per page:"),
+        React.createElement("div", { className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" },
+            React.createElement(Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: onSelect, dropdownItems: perPageOptions.map(function (_a) {
+                    var title = _a.title, value = _a.value;
+                    return (React.createElement(DropdownItem, { onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, key: value, component: "button" },
+                        title,
+                        value === perPage && React.createElement(CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })));
+                }), toggle: React.createElement(DropdownToggle, { onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" },
+                    React.createElement("span", { className: "pf-c-options-menu__toggle-text" },
+                        React.createElement("b", null,
+                            itemsStart,
+                            " - ",
+                            itemsEnd),
+                        ' ',
+                        "of ",
+                        React.createElement("b", null, itemCount),
+                        " ",
+                        itemsTitle),
+                    dropDirection === 'up' ? React.createElement(CaretUpIcon, null) : React.createElement(CaretDownIcon, null)) }))));
 };
-export default PaginationNav;
+export default PaginationMenu;
 //# sourceMappingURL=PaginationMenu.js.map

package/esm/Pagination/PaginationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../../src/Pagination/PaginationMenu.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEhF;IAA4B,iCAAS;IAArC;QAAA,qEAsDC;QArDC,WAAK,GAAG;YACN,MAAM,EAAE,KAAK;SACd,CAAC;QAEF,cAAQ,GAAG;YACT,KAAI,CAAC,QAAQ,CAAC;gBACZ,MAAM,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM;aAC3B,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,cAAQ,GAAG,UAAC,MAAM;YAChB,KAAI,CAAC,QAAQ,CAAC;gBACZ,MAAM,QAAA;aACP,CAAC,CAAC;QACL,CAAC,CAAC;;IAuCJ,CAAC;IArCC,8BAAM,GAAN;QACE,IAAM,KACJ,IAAI,CAAC,KAAK,EADJ,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAnI,6IAAqI,CAC/H,CAAC;QACL,IAAA,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;QAC9B,OAAO,CACL,sCAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK;YACzD,8BAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,4BAE/B;YACP,6BAAK,SAAS,EAAC,gDAAgD;gBAC7D,oBAAC,QAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,QACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,UAAC,EAAgB;4BAAd,KAAK,WAAA,EAAE,KAAK,WAAA;wBAAO,OAAA,CACtD,oBAAC,YAAY,IAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAA/C,CAA+C,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ;4BAC9G,KAAK;4BACL,KAAK,KAAK,OAAO,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9E,CAChB;oBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,oBAAC,cAAc,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC;wBAC1G,8BAAM,SAAS,EAAC,gCAAgC;4BAC9C;gCACG,UAAU;;gCAAK,QAAQ,CACtB;4BAAC,GAAG;;4BACL,+BAAI,SAAS,CAAK;;4BAAE,UAAU,CAC5B;wBACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAC9C,GAEnB,CACE,CACF,CACP,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,AAtDD,CAA4B,SAAS,GAsDpC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,SAAS,CAAC,IAAI;IAC5B,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACtC,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,cAAc,EAAE,SAAS,CAAC,OAAO,CAC/B,SAAS,CAAC,KAAK,CAAC;QACd,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,KAAK,EAAE,SAAS,CAAC,MAAM;KACxB,CAAC,CACH;IACD,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../../src/Pagination/PaginationMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoBnG,IAAM,cAAc,GAAiD,UAAC,EAYrE;IAXC,IAAA,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,qBAAoC,EAApC,aAAa,mBAAG,iBAAiB,CAAC,EAAE,KAAA,EACpC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACJ,KAAK,cAX4D,6IAYrE,CADS;IAEF,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,QAAQ,GAAG,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,CAAC;IAClD,OAAO,CACL,sCAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK;QACzD,8BAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,4BAE/B;QACP,6BAAK,SAAS,EAAC,gDAAgD;YAC7D,oBAAC,QAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,QACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,UAAC,EAAgB;wBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;oBAAO,OAAA,CACtD,oBAAC,YAAY,IAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAA/C,CAA+C,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ;wBAC9G,KAAK;wBACL,KAAK,KAAK,OAAO,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,CAC9E,CAChB;gBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,oBAAC,cAAc,IAAC,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC;oBAC1H,8BAAM,SAAS,EAAC,gCAAgC;wBAC9C;4BACG,UAAU;;4BAAK,QAAQ,CACtB;wBAAC,GAAG;;wBACL,+BAAI,SAAS,CAAK;;wBAAE,UAAU,CAC5B;oBACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAC9C,GAEnB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/Pagination/PaginationNav.js

@@ -21,11 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Button, ButtonVariant, TextInput } from '@patternfly/react-core';
 import { AngleDoubleLeftIcon, AngleLeftIcon, AngleDoubleRightIcon, AngleRightIcon } from '@patternfly/react-icons';
 var PaginationNav = function (_a) {
-    var lastPage = _a.lastPage, setPage = _a.setPage, pageTitle = _a.pageTitle, amountOfPages = _a.amountOfPages, page = _a.page, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
+    var _b = _a.lastPage, lastPage = _b === void 0 ? 0 : _b, setPage = _a.setPage, _c = _a.pageTitle, pageTitle = _c === void 0 ? 'pages' : _c, amountOfPages = _a.amountOfPages, _d = _a.page, page = _d === void 0 ? 0 : _d, _e = _a.onFirstPage, onFirstPage = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onLastPage, onLastPage = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onPreviousPage, onPreviousPage = _g === void 0 ? function () { return undefined; } : _g, _h = _a.onNextPage, onNextPage = _h === void 0 ? function () { return undefined; } : _h, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
     return (React.createElement("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props),
         React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to first page", "data-action": "first-page", onClick: function (event) {
                 onFirstPage(event);
@@ -57,23 +56,5 @@ var PaginationNav = function (_a) {
             } },
             React.createElement(AngleDoubleRightIcon, null))));
 };
-PaginationNav.propTypes = {
-    lastPage: PropTypes.number,
-    page: PropTypes.number,
-    pageTitle: PropTypes.string,
-    setPage: PropTypes.func,
-    amountOfPages: PropTypes.number,
-    onFirstPage: PropTypes.func,
-    onLastPage: PropTypes.func,
-    onPreviousPage: PropTypes.func,
-    onNextPage: PropTypes.func,
-};
-PaginationNav.defaultProps = {
-    pageTitle: 'pages',
-    onFirstPage: function () { return undefined; },
-    onLastPage: function () { return undefined; },
-    onPreviousPage: function () { return undefined; },
-    onNextPage: function () { return undefined; },
-};
 export default PaginationNav;
 //# sourceMappingURL=PaginationNav.js.map

package/esm/Pagination/PaginationNav.js.map

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

package/esm/Pagination/PaginationNext.js

@@ -1,18 +1,3 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -35,44 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import PaginationNav from './PaginationNav';
 import PaginationMenu from './PaginationMenu';
-var PaginationNext = (function (_super) {
-    __extends(PaginationNext, _super);
-    function PaginationNext() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PaginationNext.prototype.render = function () {
-        var _a = this.props, className = _a.className, page = _a.page, lastPage = _a.lastPage, setPage = _a.setPage, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, dropDirection = _a.dropDirection, amountOfPages = _a.amountOfPages, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, perPage = _a.perPage, props = __rest(_a, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
-        return (React.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
-            React.createElement(PaginationMenu, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
-            React.createElement(PaginationNav, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
-    };
-    return PaginationNext;
-}(Component));
-PaginationNext.propTypes = {
-    amountOfPages: PropTypes.number,
-    itemCount: PropTypes.number.isRequired,
-    page: PropTypes.number,
-    itemsStart: PropTypes.number,
-    itemsEnd: PropTypes.number,
-    widtgetId: PropTypes.string,
-    dropDirection: PropTypes.string,
-    onSetPerPage: PropTypes.func,
-    perPage: PropTypes.number,
-    perPageOptions: PropTypes.arrayOf(PropTypes.shape({
-        title: PropTypes.node,
-        value: PropTypes.number,
-    })),
-    lastPage: PropTypes.number,
-    setPage: PropTypes.func,
-    onFirstPage: PropTypes.func,
-    onLastPage: PropTypes.func,
-    onPreviousPage: PropTypes.func,
-    onNextPage: PropTypes.func,
-    className: PropTypes.string,
+var PaginationNext = function (_a) {
+    var className = _a.className, page = _a.page, lastPage = _a.lastPage, setPage = _a.setPage, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, dropDirection = _a.dropDirection, amountOfPages = _a.amountOfPages, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, perPage = _a.perPage, props = __rest(_a, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
+    return (React.createElement("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props),
+        React.createElement(PaginationMenu, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }),
+        React.createElement(PaginationNav, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })));
 };
 export default PaginationNext;
 //# sourceMappingURL=PaginationNext.js.map

package/esm/Pagination/PaginationNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../../src/Pagination/PaginationNext.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C;IAA6B,kCAAS;IAAtC;;IA8CA,CAAC;IA7CC,+BAAM,GAAN;QACE,IAAM,KAmBF,IAAI,CAAC,KAAK,EAlBZ,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,KAAK,cAlBJ,4OAmBL,CAAa,CAAC;QACf,OAAO,CACL,sCAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK;YACnG,oBAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B;YACF,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AA9CD,CAA6B,SAAS,GA8CrC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,YAAY,EAAE,SAAS,CAAC,IAAI;IAC5B,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,cAAc,EAAE,SAAS,CAAC,OAAO,CAC/B,SAAS,CAAC,KAAK,CAAC;QACd,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,KAAK,EAAE,SAAS,CAAC,MAAM;KACxB,CAAC,CACH;IACD,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,cAAc,EAAE,SAAS,CAAC,IAAI;IAC9B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../../src/Pagination/PaginationNext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AACpE,OAAO,cAAmD,MAAM,kBAAkB,CAAC;AAuBnF,IAAM,cAAc,GAAiD,UAAC,EAmBrE;IAlBC,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,KAAK,cAlB4D,4OAmBrE,CADS;IAER,OAAO,CACL,sCAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK;QACnG,oBAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B;QACF,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/Pagination/index.js

@@ -4,5 +4,5 @@ export * from './Pagination';
 export { default as PaginationMenu } from './PaginationMenu';
 export { default as PaginationNav } from './PaginationNav';
 export { default as PaginationNext } from './PaginationNext';
-import './pagination.css';
+import '../Pagination/pagination.css';
 //# sourceMappingURL=index.js.map

package/esm/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pagination/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,mBAAmB,CAAC"}