@pingux/astro 2.136.1-alpha.1 → 2.136.1-alpha.3

package/lib/cjs/components/Pagination/Pagination.stories.js

@@ -154,6 +154,11 @@ var CustomOptions = function CustomOptions() {
     offsetOptions: [10, 15, 25, 50, 100],
     onPageIndexChange: function onPageIndexChange(key) {
       testFunc(key);
+    },
+    previousButtonProps: {
+      onPress: function onPress() {
+        return alert('previous');
+      }
     }
   }));
 };

package/lib/cjs/components/Pagination/Pagination.test.js

@@ -1,6 +1,15 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
@@ -11,6 +20,8 @@ var _universalComponentTest = require("../../utils/testUtils/universalComponentT
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 var _PaginationProvider = _interopRequireDefault(require("./PaginationProvider"));
 var _react2 = require("@emotion/react");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initialString = '1-10 of 250';
 var mockState = {
   setOffsetCount: jest.fn()
@@ -40,6 +51,18 @@ var defaultProps = {
     }
   }
 };
+var nextButtonFunction = jest.fn();
+var prevButtonFunction = jest.fn();
+var buttonProps = {
+  nextButtonProps: {
+    'data-testid': nextButtonId,
+    onPress: nextButtonFunction
+  },
+  previousButtonProps: {
+    'data-testid': prevButtonId,
+    onPress: prevButtonFunction
+  }
+};
 (0, _universalComponentTest.universalComponentTests)({
   renderComponent: function renderComponent(props) {
     return (0, _react2.jsx)(_Pagination["default"], (0, _extends2["default"])({}, props, defaultProps));
@@ -198,6 +221,17 @@ describe('Pagination Component', function () {
     _userEvent["default"].click(nextButton);
     expect(_testWrapper.screen.getByText('Current Page Index: 1')).toBeInTheDocument();
   });
+  it('clicking the next, and prev button uses the next or prev button callbacks', function () {
+    getComponent(_objectSpread(_objectSpread({}, buttonProps), {}, {
+      currentPageIndex: 2
+    }));
+    var nextButton = _testWrapper.screen.getByTestId(nextButtonId);
+    _userEvent["default"].click(nextButton);
+    expect(nextButtonFunction).toHaveBeenCalled();
+    var prevButton = _testWrapper.screen.getByTestId(prevButtonId);
+    _userEvent["default"].click(prevButton);
+    expect(prevButtonFunction).toHaveBeenCalled();
+  });
   it('if fewer than a full page of items is rendered, this is reflected in the text', function () {
     getComponent({
       totalCount: 9,

package/lib/cjs/hooks/usePagination/usePagination.d.ts

@@ -18,13 +18,13 @@ declare const usePagination: (props: PaginationProps) => {
     };
     previousButtonProps: {
         isDisabled: boolean;
-        onPress: () => void;
         isLoading?: boolean | undefined;
         tabIndex?: number | undefined;
         isHovered?: boolean | undefined;
         onHoverStart?: ((e: import("@react-types/shared").HoverEvent) => void) | undefined;
         onHoverEnd?: ((e: import("@react-types/shared").HoverEvent) => void) | undefined;
         onHoverChange?: ((isHovering: boolean) => void) | undefined;
+        onPress: (e: import("@react-types/shared").PressEvent) => void;
         onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressChange?: ((isPressed: boolean) => void) | undefined;
@@ -347,13 +347,13 @@ declare const usePagination: (props: PaginationProps) => {
     };
     nextButtonProps: {
         isDisabled: boolean;
-        onPress: () => void;
         isLoading?: boolean | undefined;
         tabIndex?: number | undefined;
         isHovered?: boolean | undefined;
         onHoverStart?: ((e: import("@react-types/shared").HoverEvent) => void) | undefined;
         onHoverEnd?: ((e: import("@react-types/shared").HoverEvent) => void) | undefined;
         onHoverChange?: ((isHovering: boolean) => void) | undefined;
+        onPress: (e: import("@react-types/shared").PressEvent) => void;
         onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
         onPressChange?: ((isPressed: boolean) => void) | undefined;

package/lib/cjs/hooks/usePagination/usePagination.js

@@ -153,18 +153,16 @@ var usePagination = function usePagination(props) {
       }
     }
   };
-  var nextButtonPropsSpread = _objectSpread(_objectSpread({
-    'aria-label': 'Next Page'
-  }, nextButtonProps), {}, {
+  var nextButtonPropsSpread = _objectSpread({
+    'aria-label': 'Next Page',
     isDisabled: isLastIndex,
     onPress: nextIndex
-  });
-  var previousButtonPropsSpread = _objectSpread(_objectSpread({
-    'aria-label': 'Previous Page'
-  }, previousButtonProps), {}, {
+  }, nextButtonProps);
+  var previousButtonPropsSpread = _objectSpread({
+    'aria-label': 'Previous Page',
     isDisabled: isFirstIndex,
     onPress: previousIndex
-  });
+  }, previousButtonProps);
   var containerProps = _objectSpread({}, others);
   return {
     state: paginationState,

package/lib/components/Pagination/Pagination.stories.js

@@ -137,6 +137,11 @@ export var CustomOptions = function CustomOptions() {
     offsetOptions: [10, 15, 25, 50, 100],
     onPageIndexChange: function onPageIndexChange(key) {
       testFunc(key);
+    },
+    previousButtonProps: {
+      onPress: function onPress() {
+        return alert('previous');
+      }
     }
   }));
 };

package/lib/components/Pagination/Pagination.test.js

@@ -1,4 +1,15 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import userEvent from '@testing-library/user-event';
 import { usePaginationState } from '../../hooks';
@@ -37,6 +48,18 @@ var defaultProps = {
     }
   }
 };
+var nextButtonFunction = jest.fn();
+var prevButtonFunction = jest.fn();
+var buttonProps = {
+  nextButtonProps: {
+    'data-testid': nextButtonId,
+    onPress: nextButtonFunction
+  },
+  previousButtonProps: {
+    'data-testid': prevButtonId,
+    onPress: prevButtonFunction
+  }
+};
 universalComponentTests({
   renderComponent: function renderComponent(props) {
     return ___EmotionJSX(Pagination, _extends({}, props, defaultProps));
@@ -195,6 +218,17 @@ describe('Pagination Component', function () {
     userEvent.click(nextButton);
     expect(screen.getByText('Current Page Index: 1')).toBeInTheDocument();
   });
+  it('clicking the next, and prev button uses the next or prev button callbacks', function () {
+    getComponent(_objectSpread(_objectSpread({}, buttonProps), {}, {
+      currentPageIndex: 2
+    }));
+    var nextButton = screen.getByTestId(nextButtonId);
+    userEvent.click(nextButton);
+    expect(nextButtonFunction).toHaveBeenCalled();
+    var prevButton = screen.getByTestId(prevButtonId);
+    userEvent.click(prevButton);
+    expect(prevButtonFunction).toHaveBeenCalled();
+  });
   it('if fewer than a full page of items is rendered, this is reflected in the text', function () {
     getComponent({
       totalCount: 9,

package/lib/hooks/usePagination/usePagination.js

@@ -146,18 +146,16 @@ var usePagination = function usePagination(props) {
       }
     }
   };
-  var nextButtonPropsSpread = _objectSpread(_objectSpread({
-    'aria-label': 'Next Page'
-  }, nextButtonProps), {}, {
+  var nextButtonPropsSpread = _objectSpread({
+    'aria-label': 'Next Page',
     isDisabled: isLastIndex,
     onPress: nextIndex
-  });
-  var previousButtonPropsSpread = _objectSpread(_objectSpread({
-    'aria-label': 'Previous Page'
-  }, previousButtonProps), {}, {
+  }, nextButtonProps);
+  var previousButtonPropsSpread = _objectSpread({
+    'aria-label': 'Previous Page',
     isDisabled: isFirstIndex,
     onPress: previousIndex
-  });
+  }, previousButtonProps);
   var containerProps = _objectSpread({}, others);
   return {
     state: paginationState,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.136.1-alpha.1",
+  "version": "2.136.1-alpha.3",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",