@redhat-cloud-services/frontend-components 3.4.13 → 3.6.0

package/esm/Pagination/PaginationMenu.js

@@ -1,136 +1,107 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+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++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import CaretDownIcon from "@patternfly/react-icons/dist/esm/icons/caret-down-icon";
-import CaretUpIcon from "@patternfly/react-icons/dist/esm/icons/caret-up-icon";
-import CheckIcon from "@patternfly/react-icons/dist/esm/icons/check-icon";
-import { Dropdown } from "@patternfly/react-core/dist/esm/components/Dropdown/Dropdown.js";
-import { DropdownItem } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownItem.js";
-import { DropdownToggle } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownToggle.js";
-
-var PaginationNav = /*#__PURE__*/function (_Component) {
-  _inherits(PaginationNav, _Component);
-
-  var _super = _createSuper(PaginationNav);
-
-  function PaginationNav() {
-    var _this;
-
-    _classCallCheck(this, PaginationNav);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSelect", function () {
-      _this.setState({
-        isOpen: !_this.state.isOpen
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onToggle", function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(PaginationNav, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          itemsTitle = _this$props.itemsTitle,
-          itemsStart = _this$props.itemsStart,
-          itemsEnd = _this$props.itemsEnd,
-          widtgetId = _this$props.widtgetId,
-          dropDirection = _this$props.dropDirection,
-          onSetPerPage = _this$props.onSetPerPage,
-          itemCount = _this$props.itemCount,
-          perPageOptions = _this$props.perPageOptions,
-          className = _this$props.className,
-          perPage = _this$props.perPage,
-          props = _objectWithoutProperties(_this$props, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
-
-      var isOpen = this.state.isOpen;
-      return /*#__PURE__*/React.createElement("div", _extends({
-        className: "pf-c-options-menu ".concat(className)
-      }, props), /*#__PURE__*/React.createElement("span", {
-        id: "".concat(widtgetId, "-label"),
-        hidden: true
-      }, "Items per page:"), /*#__PURE__*/React.createElement("div", {
-        className: "pf-c-options-menu__toggle pf-m-text pf-m-plain"
-      }, /*#__PURE__*/React.createElement(Dropdown, {
-        direction: dropDirection,
-        isPlain: true,
-        isOpen: isOpen,
-        onSelect: this.onSelect,
-        dropdownItems: perPageOptions.map(function (_ref) {
-          var title = _ref.title,
-              value = _ref.value;
-          return /*#__PURE__*/React.createElement(DropdownItem, {
-            onClick: function onClick(event) {
-              return value !== perPage && onSetPerPage(event, value);
-            },
-            key: value,
-            component: "button"
-          }, title, value === perPage && /*#__PURE__*/React.createElement(CheckIcon, {
-            className: "pf-c-options-menu__menu-item-icon",
-            size: "md"
-          }));
-        }),
-        toggle: /*#__PURE__*/React.createElement(DropdownToggle, {
-          onToggle: this.onToggle,
-          toggleIndicator: null,
-          className: "pf-c-options-menu__toggle-button"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: "pf-c-options-menu__toggle-text"
-        }, /*#__PURE__*/React.createElement("b", null, itemsStart, " - ", itemsEnd), " of ", /*#__PURE__*/React.createElement("b", null, itemCount), " ", itemsTitle), dropDirection === 'up' ? /*#__PURE__*/React.createElement(CaretUpIcon, null) : /*#__PURE__*/React.createElement(CaretDownIcon, null))
-      })));
+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;
     }
-  }]);
-
-  return PaginationNav;
-}(Component);
-
+    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
+    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: ''
+    itemsTitle: 'items',
+    dropDirection: 'up',
+    className: ''
 };
-export default PaginationNav;
+export default PaginationNav;
+//# sourceMappingURL=PaginationMenu.js.map

package/esm/Pagination/PaginationMenu.js.map

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

package/esm/Pagination/PaginationNav.js

@@ -1,114 +1,79 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
-import { ButtonVariant } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
-import { TextInput } from "@patternfly/react-core/dist/esm/components/TextInput/TextInput.js";
-import AngleDoubleLeftIcon from "@patternfly/react-icons/dist/esm/icons/angle-double-left-icon";
-import AngleLeftIcon from "@patternfly/react-icons/dist/esm/icons/angle-left-icon";
-import AngleDoubleRightIcon from "@patternfly/react-icons/dist/esm/icons/angle-double-right-icon";
-import AngleRightIcon from "@patternfly/react-icons/dist/esm/icons/angle-right-icon";
-
-var PaginationNav = function PaginationNav(_ref) {
-  var lastPage = _ref.lastPage,
-      setPage = _ref.setPage,
-      pageTitle = _ref.pageTitle,
-      amountOfPages = _ref.amountOfPages,
-      page = _ref.page,
-      onFirstPage = _ref.onFirstPage,
-      onLastPage = _ref.onLastPage,
-      onPreviousPage = _ref.onPreviousPage,
-      onNextPage = _ref.onNextPage,
-      props = _objectWithoutProperties(_ref, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
-
-  return /*#__PURE__*/React.createElement("nav", _extends({
-    className: "pf-c-pagination__nav",
-    "aria-label": "Pagination"
-  }, props), /*#__PURE__*/React.createElement(Button, {
-    variant: ButtonVariant.plain,
-    isDisabled: page === 1,
-    "aria-label": "Go to first page",
-    "data-action": "first-page",
-    onClick: function onClick(event) {
-      onFirstPage(event);
-      setPage(event, 1);
-    }
-  }, /*#__PURE__*/React.createElement(AngleDoubleLeftIcon, null)), /*#__PURE__*/React.createElement(Button, {
-    variant: ButtonVariant.plain,
-    isDisabled: page === 1,
-    "aria-label": "Go to previous page",
-    "data-action": "previous-page",
-    onClick: function onClick(event) {
-      onPreviousPage(event, page - 1);
-      setPage(event, page - 1);
-    }
-  }, /*#__PURE__*/React.createElement(AngleLeftIcon, null)), /*#__PURE__*/React.createElement("div", {
-    className: "pf-c-pagination__nav-page-select",
-    "aria-label": "Current page ".concat(page, " of ").concat(lastPage)
-  }, /*#__PURE__*/React.createElement(TextInput, {
-    className: "pf-c-form-control",
-    "aria-label": "Current page",
-    type: "number",
-    min: "1",
-    "data-action": "set-page",
-    max: amountOfPages,
-    style: {
-      width: "".concat(lastPage.toString().length, "rem"),
-      minWidth: '3rem'
-    },
-    isReadOnly: amountOfPages === 1,
-    value: page,
-    onChange: function onChange(value, event) {
-      setPage(event, value === '' ? NaN : Number(value));
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, "of ", lastPage, " ", pageTitle)), /*#__PURE__*/React.createElement(Button, {
-    variant: ButtonVariant.plain,
-    isDisabled: page === lastPage,
-    "aria-label": "Go to next page",
-    "data-action": "next-page",
-    onClick: function onClick(event) {
-      onNextPage(event, page + 1);
-      setPage(event, page + 1);
-    }
-  }, /*#__PURE__*/React.createElement(AngleRightIcon, null)), /*#__PURE__*/React.createElement(Button, {
-    variant: ButtonVariant.plain,
-    isDisabled: page === lastPage,
-    "aria-label": "Go to last page",
-    "data-action": "last-page",
-    onClick: function onClick(event) {
-      onLastPage(event);
-      setPage(event, lastPage);
-    }
-  }, /*#__PURE__*/React.createElement(AngleDoubleRightIcon, null)));
+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"]);
+    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);
+                setPage(event, 1);
+            } },
+            React.createElement(AngleDoubleLeftIcon, null)),
+        React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to previous page", "data-action": "previous-page", onClick: function (event) {
+                onPreviousPage(event, page - 1);
+                setPage(event, page - 1);
+            } },
+            React.createElement(AngleLeftIcon, null)),
+        React.createElement("div", { className: "pf-c-pagination__nav-page-select", "aria-label": "Current page ".concat(page, " of ").concat(lastPage) },
+            React.createElement(TextInput, { className: "pf-c-form-control", "aria-label": "Current page", type: "number", min: "1", "data-action": "set-page", max: amountOfPages, style: { width: "".concat(lastPage.toString().length, "rem"), minWidth: '3rem' }, isReadOnly: amountOfPages === 1, value: page, onChange: function (value, event) {
+                    setPage(event, value === '' ? NaN : Number(value));
+                } }),
+            React.createElement("span", { "aria-hidden": "true" },
+                "of ",
+                lastPage,
+                " ",
+                pageTitle)),
+        React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to next page", "data-action": "next-page", onClick: function (event) {
+                onNextPage(event, page + 1);
+                setPage(event, page + 1);
+            } },
+            React.createElement(AngleRightIcon, null)),
+        React.createElement(Button, { variant: ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to last page", "data-action": "last-page", onClick: function (event) {
+                onLastPage(event);
+                setPage(event, lastPage);
+            } },
+            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
+    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 onFirstPage() {
-    return undefined;
-  },
-  onLastPage: function onLastPage() {
-    return undefined;
-  },
-  onPreviousPage: function onPreviousPage() {
-    return undefined;
-  },
-  onNextPage: function onNextPage() {
-    return undefined;
-  }
+    pageTitle: 'pages',
+    onFirstPage: function () { return undefined; },
+    onLastPage: function () { return undefined; },
+    onPreviousPage: function () { return undefined; },
+    onNextPage: function () { return undefined; }
 };
-export default PaginationNav;
+export default PaginationNav;
+//# sourceMappingURL=PaginationNav.js.map

package/esm/Pagination/PaginationNav.js.map

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

package/esm/Pagination/PaginationNext.js

@@ -1,101 +1,78 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+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++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import PaginationNav from './PaginationNav';
 import PaginationMenu from './PaginationMenu';
-
-var PaginationNext = /*#__PURE__*/function (_Component) {
-  _inherits(PaginationNext, _Component);
-
-  var _super = _createSuper(PaginationNext);
-
-  function PaginationNext() {
-    _classCallCheck(this, PaginationNext);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(PaginationNext, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          page = _this$props.page,
-          lastPage = _this$props.lastPage,
-          setPage = _this$props.setPage,
-          itemsStart = _this$props.itemsStart,
-          itemsEnd = _this$props.itemsEnd,
-          widtgetId = _this$props.widtgetId,
-          onSetPerPage = _this$props.onSetPerPage,
-          itemCount = _this$props.itemCount,
-          perPageOptions = _this$props.perPageOptions,
-          dropDirection = _this$props.dropDirection,
-          amountOfPages = _this$props.amountOfPages,
-          onFirstPage = _this$props.onFirstPage,
-          onLastPage = _this$props.onLastPage,
-          onPreviousPage = _this$props.onPreviousPage,
-          onNextPage = _this$props.onNextPage,
-          perPage = _this$props.perPage,
-          props = _objectWithoutProperties(_this$props, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
-
-      return /*#__PURE__*/React.createElement("div", _extends({
-        className: "pf-c-pagination pf-m-footer ".concat(className),
-        "aria-label": "Element pagination"
-      }, props), /*#__PURE__*/React.createElement(PaginationMenu, {
-        itemsStart: itemsStart,
-        itemsEnd: itemsEnd,
-        widtgetId: widtgetId,
-        dropDirection: dropDirection,
-        onSetPerPage: onSetPerPage,
-        itemCount: itemCount,
-        perPage: perPage,
-        perPageOptions: perPageOptions
-      }), /*#__PURE__*/React.createElement(PaginationNav, {
-        lastPage: lastPage,
-        page: page,
-        setPage: setPage,
-        onFirstPage: onFirstPage,
-        onLastPage: onLastPage,
-        onPreviousPage: onPreviousPage,
-        onNextPage: onNextPage
-      }));
+var PaginationNext = (function (_super) {
+    __extends(PaginationNext, _super);
+    function PaginationNext() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-  }]);
-
-  return PaginationNext;
-}(Component);
-
+    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
+    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
 };
-export default PaginationNext;
+export default PaginationNext;
+//# sourceMappingURL=PaginationNext.js.map

package/esm/Pagination/PaginationNext.js.map

@@ -0,0 +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;;IA6CA,CAAC;IA5CG,+BAAM,GAAN;QACI,IAAM,KAmBF,IAAI,CAAC,KAAK,EAlBV,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,cAlBN,4OAmBL,CAAa,CAAC;QACf,OAAO,CACH,sCAAK,SAAS,EAAG,sCAA+B,SAAS,CAAE,gBAAe,oBAAoB,IAAM,KAAK;YACrG,oBAAC,cAAc,IACX,UAAU,EAAG,UAAU,EACvB,QAAQ,EAAG,QAAQ,EACnB,SAAS,EAAG,SAAS,EACrB,aAAa,EAAG,aAAa,EAC7B,YAAY,EAAG,YAAY,EAC3B,SAAS,EAAG,SAAS,EACrB,OAAO,EAAG,OAAO,EACjB,cAAc,EAAG,cAAc,GACjC;YACF,oBAAC,aAAa,IAAC,QAAQ,EAAG,QAAQ,EAC9B,IAAI,EAAG,IAAI,EACX,OAAO,EAAG,OAAO,EACjB,WAAW,EAAG,WAAW,EACzB,UAAU,EAAG,UAAU,EACvB,cAAc,EAAG,cAAc,EAC/B,UAAU,EAAG,UAAU,GACzB,CACA,CACT,CAAC;IACN,CAAC;IACL,qBAAC;AAAD,CAAC,AA7CD,CAA6B,SAAS,GA6CrC;AAED,cAAc,CAAC,SAAS,GAAG;IACvB,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,CAAC,SAAS,CAAC,KAAK,CAAC;QAC9C,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,KAAK,EAAE,SAAS,CAAC,MAAM;KAC1B,CAAC,CAAC;IACH,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;CAC9B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/Pagination/index.js

@@ -4,4 +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/./pagination.css";
+import './pagination.css';
+//# sourceMappingURL=index.js.map

package/esm/Pagination/index.js.map

@@ -0,0 +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"}