@itcase/ui 1.0.38 → 1.0.40

package/dist/components/Accordion.js

@@ -8,7 +8,6 @@ var fill = require('../constants/componentProps/fill.js');
 var direction = require('../constants/componentProps/direction.js');
 var shape = require('../constants/componentProps/shape.js');
 var index = require('./Icon.js');
-var index$1 = require('../index-2bbb27b7.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../useStyles-e4accb53.js');
 require('react-inlinesvg');
@@ -37,6 +36,24 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var castArray__default = /*#__PURE__*/_interopDefault(castArray);
 
+var ChevronDown16 = function ChevronDown16(props) {
+  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.50398 4.75303C2.81229 4.41566 3.31216 4.41566 3.62047 4.75303L8.1611 9.72163C8.22276 9.7891 8.32274 9.7891 8.3844 9.72163L12.925 4.75303C13.2333 4.41566 13.7332 4.41566 14.0415 4.75303C14.3498 5.09039 14.3498 5.63737 14.0415 5.97474L9.50088 10.9433C8.8226 11.6856 7.7229 11.6856 7.04462 10.9433L2.50398 5.97474C2.19567 5.63737 2.19567 5.09039 2.50398 4.75303Z"
+  }));
+};
+ChevronDown16.defaultProps = {
+  width: "17",
+  height: "16",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "none"
+};
+var icon16 = {
+  chevron_down: ChevronDown16
+};
+
 /* React, PropTypes, other third-party modules */
 
 /* Component */
@@ -86,7 +103,7 @@ function AccordionItem(props) {
   }, icon || /*#__PURE__*/React__default.default.createElement(index.Icon, {
     fill: iconFillClass,
     size: "16",
-    SvgImage: index$1.icon16.chevron_down
+    SvgImage: icon16.chevron_down
   })), beforeContent && beforeContent, isExpanded && /*#__PURE__*/React__default.default.createElement("div", {
     className: "accordion-item__content"
   }, children || content), afterContent && afterContent);

package/dist/components/Pagination.js

@@ -3,52 +3,60 @@
 var React = require('react');
 require('prop-types');
 var clsx = require('clsx');
+var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
-require('./Icon.js');
-require('../index-2bbb27b7.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('react-inlinesvg');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Link.js');
-require('../useStyles-e4accb53.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('lodash/castArray');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+var ceil__default = /*#__PURE__*/_interopDefault(ceil);
 var ReactPaginate__default = /*#__PURE__*/_interopDefault(ReactPaginate);
 
 function Pagination(props) {
-  var className = props.className,
-    forcePage = props.forcePage,
-    pageCount = props.pageCount,
-    marginPagesDisplayed = props.marginPagesDisplayed,
+  var pageNumber = props.pageNumber,
+    perPageCount = props.perPageCount,
+    allItemsCount = props.allItemsCount,
+    className = props.className;
+    props.forcePage;
+    props.pageCount;
+    var marginPagesDisplayed = props.marginPagesDisplayed,
     pageRangeDisplayed = props.pageRangeDisplayed,
-    onPageChange = props.onPageChange,
     previousLabel = props.previousLabel,
-    nextLabel = props.nextLabel;
+    nextLabel = props.nextLabel,
+    onPageChange = props.onPageChange;
   var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'pagination_justify-content_',
     propsKey: 'justifyContent'
   });
+
+  // Calculate count of pages for all items
+  var paginationPagesCount = React.useMemo(function () {
+    if (allItemsCount && allItemsCount > 0) {
+      // Round up. "perPageCount" may be is a query params "limit"
+      return ceil__default.default(allItemsCount / perPageCount);
+    }
+    return 0;
+  }, [allItemsCount, perPageCount]);
+
+  // Index for pagination state
+  var paginationPageIndex = React.useMemo(function () {
+    var intPageNumber = parseInt(pageNumber);
+    // For pagination need index of page, not number
+    if (!isNaN(intPageNumber) && intPageNumber > 1) {
+      return intPageNumber - 1;
+    }
+    return 0;
+  }, [pageNumber]);
+  if (paginationPagesCount <= 1) {
+    return null;
+  }
   return /*#__PURE__*/React__default.default.createElement(ReactPaginate__default.default, {
     containerClassName: clsx__default.default(className, 'pagination', justifyContentClass)
     // page item
@@ -76,12 +84,18 @@ function Pagination(props) {
     breakLinkClassName: "pagination__item-link"
     // pages settings
     ,
-    forcePage: forcePage,
-    pageCount: pageCount,
+    forcePage: paginationPageIndex,
+    pageCount: paginationPagesCount,
     marginPagesDisplayed: marginPagesDisplayed,
     pageRangeDisplayed: pageRangeDisplayed,
     onPageChange: onPageChange
   });
 }
+Pagination.propTypes = {};
+Pagination.defaultProps = {
+  pageNumber: 0,
+  perPageCount: 0,
+  allItemsCount: 0
+};
 
 exports.Pagination = Pagination;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

package/dist/index-2bbb27b7.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var ChevronDown16 = function ChevronDown16(props) {
-  return /*#__PURE__*/React__default.default.createElement("svg", props, /*#__PURE__*/React__default.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2.50398 4.75303C2.81229 4.41566 3.31216 4.41566 3.62047 4.75303L8.1611 9.72163C8.22276 9.7891 8.32274 9.7891 8.3844 9.72163L12.925 4.75303C13.2333 4.41566 13.7332 4.41566 14.0415 4.75303C14.3498 5.09039 14.3498 5.63737 14.0415 5.97474L9.50088 10.9433C8.8226 11.6856 7.7229 11.6856 7.04462 10.9433L2.50398 5.97474C2.19567 5.63737 2.19567 5.09039 2.50398 4.75303Z"
-  }));
-};
-ChevronDown16.defaultProps = {
-  width: "17",
-  height: "16",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "none"
-};
-var icon16 = {
-  chevron_down: ChevronDown16
-};
-
-exports.icon16 = icon16;