@cashub/ui 0.11.1 → 0.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/table/Table.js

@@ -69,7 +69,9 @@ var Table = function Table(_ref) {
       onRowClick = _ref.onRowClick,
       backgroundReverse = _ref.backgroundReverse,
       translation = _ref.translation,
-      beforeCreateRow = _ref.beforeCreateRow;
+      beforeCreateRow = _ref.beforeCreateRow,
+      _ref$centerFooter = _ref.centerFooter,
+      centerFooter = _ref$centerFooter === void 0 ? false : _ref$centerFooter;
   var tableRef = (0, _react.useRef)(null);
 
   var _useCalculateDataRang = (0, _hooks.useCalculateDataRange)(currentPage, limit, total),
@@ -239,9 +241,11 @@ var Table = function Table(_ref) {
         children: tableRows || generateEmptyMessage()
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableFooter.default, {
+      center: centerFooter,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooterInfo.default, {
         children: texts.info.replace('_START_', start).replace('_END_', end).replace('_TOTAL_', total)
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TableFooterPager.default, {
+        center: centerFooter,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Paginate.default, {
           currentPage: currentPage,
           totalCount: total,

package/table/subComponent/TableFooter.js

@@ -13,7 +13,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableFooter = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var TableFooter = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  ", "\n"])), function (_ref) {
+  var center = _ref.center;
+  return center && "\n    flex-direction: column;\n    justify-content: center;\n  ";
+});
 
 var _default = TableFooter;
 exports.default = _default;

package/table/subComponent/TableFooterInfo.js

@@ -13,7 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableFooterInfo = _styledComponents.default.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-body2);\n  color: var(--font-on-primary);\n  flex: 0 0 auto;\n"])));
+var TableFooterInfo = _styledComponents.default.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: var(--font-body2);\n  color: var(--font-on-primary);\n"])));
 
 var _default = TableFooterInfo;
 exports.default = _default;

package/table/subComponent/TableFooterPager.js

@@ -13,7 +13,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableFooterPager = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n  margin-top: calc(var(--spacing-xs) * -1);\n\n  > * {\n    margin-top: var(--spacing-xs);\n  }\n\n  > :last-child {\n    margin-left: var(--spacing-xs);\n  }\n"])));
+var TableFooterPager = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  ", "\n"])), function (_ref) {
+  var center = _ref.center;
+
+  if (center) {
+    return "\n        flex-wrap: wrap;\n        justify-content: center;\n\n        > * {\n          margin-top: var(--spacing-xs);\n        }\n      ";
+  }
+
+  return "\n      > :last-child {\n        margin-left: var(--spacing-xs);\n      }\n    ";
+});
 
 var _default = TableFooterPager;
 exports.default = _default;