@twreporter/react-components 8.27.0-rc.0 → 8.27.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.27.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.27.0-rc.1...@twreporter/react-components@8.27.0) (2024-04-08)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+# [8.27.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.27.0-rc.0...@twreporter/react-components@8.27.0-rc.1) (2024-03-27)
+
+
+### Bug Fixes
+
+* pagination number position center ([6d933f1](https://github.com/twreporter/twreporter-npm-packages/commit/6d933f11695b3aa5ad02190be943dfd51e2a11af))
+
+
+
+
+
 # [8.27.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.26.0...@twreporter/react-components@8.27.0-rc.0) (2024-03-25)
 
 

package/lib/pagination/index.js

@@ -113,7 +113,7 @@ var PaginationContainer = /*#__PURE__*/_styledComponents["default"].div.withConf
 var Boxes = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Boxes",
   componentId: "sc-17bqftr-1"
-})(["display:inline-block;user-select:none;"]);
+})(["display:flex;justify-content:center;"]);
 
 var Box = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Box",
@@ -135,7 +135,9 @@ var EllipsisBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig
 var PrevNextBtn = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__PrevNextBtn",
   componentId: "sc-17bqftr-5"
-})(["padding:", ";cursor:pointer;path{stroke:", ";}"], (0, _css.arrayToCssShorthand)(styles.prevNextBtnPadding), _color.colorSupportive.heavy);
+})(["visibility:", ";padding:", ";cursor:pointer;path{stroke:", ";}"], function (props) {
+  return props.isHidden ? 'hidden' : 'visible';
+}, (0, _css.arrayToCssShorthand)(styles.prevNextBtnPadding), _color.colorSupportive.heavy);
 /*
 Pages Array:
 
@@ -314,19 +316,15 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
       var aboveFinalPage = currentPage >= totalPages;
       return /*#__PURE__*/_react["default"].createElement(PaginationContainer, {
         className: className
-      }, /*#__PURE__*/_react["default"].createElement(_rwd.TabletAndAbove, null, /*#__PURE__*/_react["default"].createElement(Boxes, null, belowFirstPage ? null : /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
+      }, /*#__PURE__*/_react["default"].createElement(Boxes, null, /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
         key: "prev-btn",
-        onClick: handleClickPrev
-      }, /*#__PURE__*/_react["default"].createElement(PageUpIcon, null)), pagesArrayJSX, aboveFinalPage ? null : /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
+        onClick: handleClickPrev,
+        isHidden: belowFirstPage
+      }, /*#__PURE__*/_react["default"].createElement(PageUpIcon, null)), /*#__PURE__*/_react["default"].createElement(_rwd.TabletAndAbove, null, pagesArrayJSX), /*#__PURE__*/_react["default"].createElement(_rwd.MobileOnly, null, mobilePagesArrayJSX), /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
         key: "next-btn",
-        onClick: handleClickNext
-      }, /*#__PURE__*/_react["default"].createElement(PageDownIcon, null)))), /*#__PURE__*/_react["default"].createElement(_rwd.MobileOnly, null, /*#__PURE__*/_react["default"].createElement(Boxes, null, belowFirstPage ? null : /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
-        key: "prev-btn",
-        onClick: handleClickPrev
-      }, /*#__PURE__*/_react["default"].createElement(PageUpIcon, null)), mobilePagesArrayJSX, aboveFinalPage ? null : /*#__PURE__*/_react["default"].createElement(PrevNextBtn, {
-        key: "next-btn",
-        onClick: handleClickNext
-      }, /*#__PURE__*/_react["default"].createElement(PageDownIcon, null)))));
+        onClick: handleClickNext,
+        isHidden: aboveFinalPage
+      }, /*#__PURE__*/_react["default"].createElement(PageDownIcon, null))));
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.27.0-rc.0",
+  "version": "8.27.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -51,5 +51,5 @@
     "react-dom": "^16.0.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "1a9c3f4ba2a3e44721879710fa268791bd961a1a"
+  "gitHead": "1830217a1fe0e48d9b170037426dc36253441470"
 }