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

package/esm/NotConnected/NotConnected.js

@@ -1,39 +1,24 @@
 import React from 'react';
 import propTypes from 'prop-types';
-import { EmptyState } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyState.js";
-import { EmptyStateIcon } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyStateIcon.js";
-import { EmptyStateBody } from "@patternfly/react-core/dist/esm/components/EmptyState/EmptyStateBody.js";
-import { Title } from "@patternfly/react-core/dist/esm/components/Title/Title.js";
-import { Button } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
-import DisconnectedIcon from "@patternfly/react-icons/dist/esm/icons/disconnected-icon";
-
-var NotConnected = function NotConnected(_ref) {
-  var titleText = _ref.titleText,
-      bodyText = _ref.bodyText,
-      buttonText = _ref.buttonText;
-  return /*#__PURE__*/React.createElement(EmptyState, null, /*#__PURE__*/React.createElement(EmptyStateIcon, {
-    icon: DisconnectedIcon
-  }), /*#__PURE__*/React.createElement(Title, {
-    headingLevel: "h5",
-    size: "lg"
-  }, titleText), /*#__PURE__*/React.createElement(EmptyStateBody, null, bodyText), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    component: "a",
-    href: "http://access.redhat.com/products/cloud_management_services_for_rhel#getstarted",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "pf-u-mt-lg"
-  }, buttonText));
+import { EmptyState, EmptyStateIcon, EmptyStateBody, Title, Button } from '@patternfly/react-core';
+import { DisconnectedIcon } from '@patternfly/react-icons';
+var NotConnected = function (_a) {
+    var titleText = _a.titleText, bodyText = _a.bodyText, buttonText = _a.buttonText;
+    return (React.createElement(EmptyState, null,
+        React.createElement(EmptyStateIcon, { icon: DisconnectedIcon }),
+        React.createElement(Title, { headingLevel: "h5", size: "lg" }, titleText),
+        React.createElement(EmptyStateBody, null, bodyText),
+        React.createElement(Button, { variant: "primary", component: "a", href: "http://access.redhat.com/products/cloud_management_services_for_rhel#getstarted", target: "_blank", rel: "noopener noreferrer", className: "pf-u-mt-lg" }, buttonText)));
 };
-
 NotConnected.propTypes = {
-  titleText: propTypes.node,
-  bodyText: propTypes.node,
-  buttonText: propTypes.node
+    titleText: propTypes.node,
+    bodyText: propTypes.node,
+    buttonText: propTypes.node
 };
 NotConnected.defaultProps = {
-  titleText: 'This system isn’t connected to Insights yet',
-  bodyText: 'To get started, activate the Insights client for this system.',
-  buttonText: 'Learn how to activate the Insights client'
+    titleText: 'This system isn’t connected to Insights yet',
+    bodyText: 'To get started, activate the Insights client for this system.',
+    buttonText: 'Learn how to activate the Insights client'
 };
-export default NotConnected;
+export default NotConnected;
+//# sourceMappingURL=NotConnected.js.map

package/esm/NotConnected/NotConnected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotConnected.js","sourceRoot":"","sources":["../../src/NotConnected/NotConnected.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,IAAM,YAAY,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAAO,OAAA,CAC1D,oBAAC,UAAU;QACP,oBAAC,cAAc,IAAC,IAAI,EAAE,gBAAgB,GAAI;QAC1C,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAC7B,SAAS,CACN;QACR,oBAAC,cAAc,QACV,QAAQ,CACI;QACjB,oBAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,GAAG,EACb,IAAI,EAAC,iFAAiF,EACtF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,YAAY,IAErB,UAAU,CACN,CACA,CAChB;AApB6D,CAoB7D,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACrB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,IAAI;CAC7B,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IACxB,SAAS,EAAE,6CAA6C;IACxD,QAAQ,EAAE,+DAA+D;IACzE,UAAU,EAAE,2CAA2C;CAC1D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/NotConnected/index.js

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

package/esm/NotConnected/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NotConnected/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/PageHeader/PageHeader.js

@@ -1,33 +1,38 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 classNames from 'classnames';
-import ThemeContext from '../Dark/configContext';
-import "../../PageHeader/./page-header.css";
-/**
- * This is a page header that mimics the patternfly layout for a header section
- */
-
-var PageHeader = function PageHeader(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["className", "children"]);
-
-  var pageHeaderClasses = classNames(className, 'pf-l-page-header', 'pf-c-page-header', 'pf-l-page__main-section', 'pf-c-page__main-section');
-  return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function () {
-    var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-    var themeClasses = classNames(_defineProperty({}, "pf-m-".concat(theme, "-200"), theme === 'dark'), _defineProperty({}, "pf-m-light", theme === 'light'));
-    return /*#__PURE__*/React.createElement("section", _extends({}, props, {
-      className: "".concat(pageHeaderClasses, " ").concat(themeClasses),
-      "widget-type": "InsightsPageHeader"
-    }), children);
-  });
+import { DarkContext } from '../Dark';
+import './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');
+    return (React.createElement(DarkContext.Consumer, null, function (theme) {
+        var _a, _b;
+        if (theme === void 0) { theme = 'light'; }
+        var themeClasses = classNames((_a = {}, _a["pf-m-".concat(theme, "-200")] = theme === 'dark', _a), (_b = {}, _b["pf-m-light"] = theme === 'light', _b));
+        return (React.createElement("section", __assign({}, props, { className: "".concat(pageHeaderClasses, " ").concat(themeClasses), "widget-type": 'InsightsPageHeader' }), children));
+    }));
 };
-
 export default PageHeader;
-PageHeader.propTypes = {
-  children: propTypes.any.isRequired,
-  className: propTypes.string
-};
+//# sourceMappingURL=PageHeader.js.map

package/esm/PageHeader/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/PageHeader/PageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,oBAAoB,CAAC;AAS5B,IAAM,UAAU,GAA6C,UAAC,EAAiC;IAA/B,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IACzF,IAAM,iBAAiB,GAAG,UAAU,CAChC,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,CAC5B,CAAC;IAEF,OAAO,CACH,oBAAC,WAAW,CAAC,QAAQ,QACf,UAAC,KAAe;;QAAf,sBAAA,EAAA,eAAe;QACd,IAAM,YAAY,GAAG,UAAU,WACzB,GAAC,eAAS,KAAK,SAAO,IAAG,KAAK,KAAM,MAAM,iBAC1C,GAAC,YAAY,IAAG,KAAK,KAAM,OAAO,MACvC,CAAC;QAEF,OAAO,CACH,4CAAc,KAAK,IAAG,SAAS,EAAG,UAAI,iBAAiB,cAAM,YAAY,CAAG,iBAAe,oBAAoB,KACzG,QAAQ,CACJ,CACb,CAAC;IACN,CAAC,CACkB,CAC1B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/PageHeader/PageHeaderTitle.js

@@ -1,25 +1,10 @@
 import React from 'react';
-import propTypes from 'prop-types';
 import classNames from 'classnames';
-import { Title } from "@patternfly/react-core/dist/esm/components/Title/Title.js";
-/**
- * This is the title section of the pageHeader
- */
-
-var PageHeaderTitle = function PageHeaderTitle(_ref) {
-  var className = _ref.className,
-      title = _ref.title;
-  var pageHeaderTitleClasses = classNames(className);
-  return /*#__PURE__*/React.createElement(Title, {
-    headingLevel: "h1",
-    size: "2xl",
-    className: pageHeaderTitleClasses,
-    "widget-type": "InsightsPageHeaderTitle"
-  }, " ", title, " ");
+import { Title } from '@patternfly/react-core';
+var PageHeaderTitle = function (_a) {
+    var className = _a.className, title = _a.title;
+    var pageHeaderTitleClasses = classNames(className);
+    return (React.createElement(Title, { headingLevel: "h1", size: '2xl', className: pageHeaderTitleClasses, "widget-type": 'InsightsPageHeaderTitle' }, title));
 };
-
 export default PageHeaderTitle;
-PageHeaderTitle.propTypes = {
-  title: propTypes.node.isRequired,
-  className: propTypes.string
-};
+//# sourceMappingURL=PageHeaderTitle.js.map

package/esm/PageHeader/PageHeaderTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTitle.js","sourceRoot":"","sources":["../../src/PageHeader/PageHeaderTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,wBAAwB,CAAC;AAS3D,IAAM,eAAe,GAAkD,UAAC,EAAoB;QAAlB,SAAS,eAAA,EAAE,KAAK,WAAA;IACtF,IAAM,sBAAsB,GAAG,UAAU,CACrC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAG,sBAAsB,iBAAe,yBAAyB,IAAE,KAAK,CAAS,CACjI,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/PageHeader/index.js

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

package/esm/PageHeader/index.js.map

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

package/esm/PageHeader/page-header.css

@@ -0,0 +1,13 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.pf-l-page__main-section.pf-l-page-header.pf-m-dark-200 h1.pf-c-title.pf-m-2xl, .pf-l-page__main-section.pf-l-page-header.pf-m-dark-200 * {
+  color: #fff;
+}
+
+.pf-l-page__main-section.pf-l-page-header .pf-c-breadcrumb {
+  display: block;
+  margin-bottom: 15px;
+  margin-bottom: 0.9375rem;
+}

package/esm/PageHeader/page-header.scss

@@ -0,0 +1,12 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+.pf-l-page__main-section.pf-l-page-header.pf-m-dark-200 {
+    h1.pf-c-title.pf-m-2xl, * { color: #fff; }
+}
+
+.pf-l-page__main-section.pf-l-page-header {
+    .pf-c-breadcrumb {
+        display: block;
+        @include rem('margin-bottom', 15px);
+    }
+}

package/esm/Pagination/Pagination.js

@@ -1,124 +1,93 @@
-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 PaginationNext from './PaginationNext';
 import PropTypes from 'prop-types';
 export var dropDirection = {
-  up: 'up',
-  down: 'down'
+    up: 'up',
+    down: 'down'
 };
 var pager = [10, 15, 20, 25, 50];
-
-var Pagination = /*#__PURE__*/function (_Component) {
-  _inherits(Pagination, _Component);
-
-  var _super = _createSuper(Pagination);
-
-  function Pagination() {
-    var _this;
-
-    _classCallCheck(this, Pagination);
-
-    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), "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;
-  }
-
-  _createClass(Pagination, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          page = _this$props.page,
-          onSetPage = _this$props.onSetPage,
-          numberOfItems = _this$props.numberOfItems,
-          itemsPerPage = _this$props.itemsPerPage,
-          perPageOptions = _this$props.perPageOptions,
-          onPerPageSelect = _this$props.onPerPageSelect,
-          onFirstPage = _this$props.onFirstPage,
-          onLastPage = _this$props.onLastPage,
-          onPreviousPage = _this$props.onPreviousPage,
-          onNextPage = _this$props.onNextPage,
-          props = _objectWithoutProperties(_this$props, ["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 /*#__PURE__*/React.createElement(PaginationNext, _extends({}, 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 onSetPerPage(_event, value) {
-          return _this2.props.onPerPageSelect(value);
-        },
-        page: this.props.page,
-        setPage: function setPage(event, page) {
-          return _this2.setPage(page, event.currentTarget.tagName === 'INPUT');
-        },
-        perPageOptions: pagerOptions.map(function (value) {
-          return {
-            title: value,
-            value: value
-          };
-        })
-      }));
+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;
     }
-  }]);
-
-  return Pagination;
-}(Component);
-
+    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
+            }); }) })));
+    };
+    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
+    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
+    page: 1
 };
-export default Pagination;
+export default Pagination;
+//# sourceMappingURL=Pagination.js.map

package/esm/Pagination/Pagination.js.map

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