widenarrow-ui 1.0.50 → 1.0.51

package/lib/components/Pagination/Pagination.types.d.ts

@@ -14,9 +14,7 @@ export interface PaginationProps {
     previousPageTitle?: string;
     firstPageTitle?: string;
     lastPageTitle?: string;
-    pageSizeTitleCallback?: (args: {
-        pageSize: number;
-    }) => string;
+    pageSizeTitle?: string;
     tableIntervalTitleCallback?: (args: {
         start: number;
         end: number;

package/lib/index.d.ts

@@ -519,9 +519,7 @@ interface PaginationProps {
     previousPageTitle?: string;
     firstPageTitle?: string;
     lastPageTitle?: string;
-    pageSizeTitleCallback?: (args: {
-        pageSize: number;
-    }) => string;
+    pageSizeTitle?: string;
     tableIntervalTitleCallback?: (args: {
         start: number;
         end: number;

package/lib/index.esm.js

@@ -2001,15 +2001,17 @@ var s$n = classNames.bind(styles$n);
  */
 var mergeClassNames = function (_a) {
     var _b;
-    var mainClassName = _a.mainClassName, withEllipsis = _a.withEllipsis, className = _a.className, textAlign = _a.textAlign, marginX = _a.marginX, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, withNoWordBreak = _a.withNoWordBreak, withWordBreak = _a.withWordBreak, withAnimation = _a.withAnimation, withBorderBottom = _a.withBorderBottom, color = _a.color, disabled = _a.disabled, fontWeight = _a.fontWeight, fontSize = _a.fontSize, fontStyle = _a.fontStyle, meta = _a.meta, error = _a.error;
+    var mainClassName = _a.mainClassName, withEllipsis = _a.withEllipsis, className = _a.className, textAlign = _a.textAlign, margin = _a.margin, marginX = _a.marginX, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, padding = _a.padding, paddingX = _a.paddingX, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, withNoWordBreak = _a.withNoWordBreak, withWordBreak = _a.withWordBreak, withAnimation = _a.withAnimation, withBorderBottom = _a.withBorderBottom, color = _a.color, disabled = _a.disabled, fontWeight = _a.fontWeight, fontSize = _a.fontSize, fontStyle = _a.fontStyle, meta = _a.meta, error = _a.error;
     return s$n((_b = {},
         _b[mainClassName] = mainClassName,
         _b[className] = className,
+        _b["margin_".concat(margin)] = is(String, margin),
         _b["marginX_".concat(marginX)] = is(String, marginX),
         _b["marginTop_".concat(marginTop)] = is(String, marginTop),
         _b["marginBottom_".concat(marginBottom)] = is(String, marginBottom),
         _b["marginRight_".concat(marginRight)] = is(String, marginRight),
         _b["marginLeft_".concat(marginLeft)] = is(String, marginLeft),
+        _b["padding_".concat(padding)] = is(String, padding),
         _b["paddingX_".concat(paddingX)] = is(String, paddingX),
         _b["paddingTop_".concat(paddingTop)] = is(String, paddingTop),
         _b["paddingBottom_".concat(paddingBottom)] = is(String, paddingBottom),
@@ -2608,7 +2610,7 @@ var styles$b = {"body":"Pagination-module_WRLv5h","container":"Pagination-module
 var s$b = classNames.bind(styles$b);
 var Pagination = function (_a) {
     var _b;
-    var className = _a.className, pagination = _a.pagination, slim = _a.slim, onChange = _a.onChange, _c = _a.buttonType, buttonType = _c === void 0 ? HierarchyTypes.SECONDARY : _c, _d = _a.pageSizeOptions, pageSizeOptions = _d === void 0 ? [10, 20, 30, 40, 50, 80, 100] : _d, firstPageTitle = _a.firstPageTitle, previousPageTitle = _a.previousPageTitle, nextPageTitle = _a.nextPageTitle, lastPageTitle = _a.lastPageTitle, pageSizeTitleCallback = _a.pageSizeTitleCallback, tableIntervalTitleCallback = _a.tableIntervalTitleCallback, withTablePagination = _a.withTablePagination, withFastForwardButtons = _a.withFastForwardButtons, withPageSizeChange = _a.withPageSizeChange;
+    var className = _a.className, pagination = _a.pagination, slim = _a.slim, onChange = _a.onChange, _c = _a.buttonType, buttonType = _c === void 0 ? HierarchyTypes.SECONDARY : _c, _d = _a.pageSizeOptions, pageSizeOptions = _d === void 0 ? [10, 20, 30, 40, 50, 80, 100] : _d, firstPageTitle = _a.firstPageTitle, previousPageTitle = _a.previousPageTitle, nextPageTitle = _a.nextPageTitle, lastPageTitle = _a.lastPageTitle, pageSizeTitle = _a.pageSizeTitle, tableIntervalTitleCallback = _a.tableIntervalTitleCallback, withTablePagination = _a.withTablePagination, withFastForwardButtons = _a.withFastForwardButtons, withPageSizeChange = _a.withPageSizeChange;
     if (!pagination) {
         return null;
     }
@@ -2663,10 +2665,10 @@ var Pagination = function (_a) {
                             }, children: pageObject.page }) }, "".concat(pageObject.type, "-").concat(index)));
                 }), nextPageButton, lastPageButton] }));
     };
-    var sizeTitle = pageSizeTitleCallback ? pageSizeTitleCallback({ pageSize: pagination.pageSize }) : "Page size: ".concat(pagination.pageSize);
+    var sizeTitle = pageSizeTitle ? pageSizeTitle : "Page size: ".concat(pagination.pageSize);
     var pageSizeMarkup = function () {
         return withPageSizeChange ? (jsxs(Fragment, { children: [jsx(Separator, { marginX: '15' }), jsx(DropDown, { buttonComponent: jsx(InlineButton, { type: buttonType, text: sizeTitle }), title: sizeTitle, children: pageSizeOptions
-                        .filter(function (pageSize) { return pageSize < pagination.numberOfHits; })
+                        // .filter((pageSize) => pageSize < pagination.numberOfHits)
                         .map(function (pageSize) { return (jsx(DropDownItem, { text: pageSize.toString(), onClickCallback: function () { return onChange(__assign(__assign({}, pagination), { pageSize: pageSize })); }, active: pagination.pageSize === pageSize, closeDropDownOnClick: true, withEllipsis: true })); }) })] })) : null;
     };
     return (jsxs(Box, { alignItems: 'center', children: [paginationMarkup(), pageSizeMarkup()] }));