etendo-ui-library 1.2.38 → 1.2.39

package/dist-native/components/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaginationProps } from './Pagination.types';
-declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, pagination, }: PaginationProps) => React.JSX.Element;
+declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, }: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/dist-native/components/pagination/Pagination.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Pagination=require("./Pagination.styles");var _ArrowLeftIcon=require("../../assets/images/icons/ArrowLeftIcon");var _ArrowFirstIcon=require("../../assets/images/icons/ArrowFirstIcon");var _ArrowRightIcon=require("../../assets/images/icons/ArrowRightIcon");var _ArrowLastIcon=require("../../assets/images/icons/ArrowLastIcon");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/pagination/Pagination.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Pagination=function Pagination(_ref){var currentPage=_ref.currentPage,onChangeSelected=_ref.onChangeSelected,totalData=_ref.totalData,amountDataPerPage=_ref.amountDataPerPage,pagination=_ref.pagination;var _useState=(0,_react.useState)(currentPage),_useState2=(0,_slicedToArray2.default)(_useState,2),page=_useState2[0],setPage=_useState2[1];var pageNumbers=[];for(var i=1;i<=Math.ceil(totalData/amountDataPerPage);i++){pageNumbers.push(i);}var backToFirstPage=function backToFirstPage(){setPage(1);};var backPage=function backPage(page){setPage(page-1);};var nextPage=function nextPage(page){setPage(page+1);};var nextLastPage=function nextLastPage(pageNumbers){setPage(pageNumbers.length);};return _react.default.createElement(_reactNative.View,{style:_Pagination.PaginationStyleVariant.primary.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Pagination.PaginationStyleVariant.primary.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page<=1||totalData===0,onPress:function onPress(){backToFirstPage();onChangeSelected(1,0);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:9}},_react.default.createElement(_ArrowFirstIcon.ArrowFirstIcon,{style:{width:10,height:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:11}})),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page<=1||totalData===0,onPress:function onPress(){backPage(page);if(page!==1){onChangeSelected(page-1,pagination-amountDataPerPage);}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:9}},_react.default.createElement(_ArrowLeftIcon.ArrowLeftIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:_Pagination.PaginationStyleVariant.primary.pageNumberContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_Pagination.PaginationStyleVariant.primary.pageNumberText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:11}},page)),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page===pageNumbers.length||totalData===0,onPress:function onPress(){nextPage(page);if(page!==Math.ceil(totalData/8)){onChangeSelected(page+1,pagination+amountDataPerPage);}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},_react.default.createElement(_ArrowRightIcon.ArrowRightIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:11}})),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page===pageNumbers.length||totalData===0,onPress:function onPress(){nextLastPage(pageNumbers);if(page!==Math.ceil(totalData/8)){onChangeSelected(Math.ceil(totalData/amountDataPerPage),totalData-totalData%amountDataPerPage-8);}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:9}},_react.default.createElement(_ArrowLastIcon.ArrowLastIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:11}}))));};var _default=exports.default=Pagination;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Pagination=require("./Pagination.styles");var _ArrowLeftIcon=require("../../assets/images/icons/ArrowLeftIcon");var _ArrowFirstIcon=require("../../assets/images/icons/ArrowFirstIcon");var _ArrowRightIcon=require("../../assets/images/icons/ArrowRightIcon");var _ArrowLastIcon=require("../../assets/images/icons/ArrowLastIcon");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/pagination/Pagination.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Pagination=function Pagination(_ref){var currentPage=_ref.currentPage,onChangeSelected=_ref.onChangeSelected,totalData=_ref.totalData,amountDataPerPage=_ref.amountDataPerPage;var _useState=(0,_react.useState)(currentPage),_useState2=(0,_slicedToArray2.default)(_useState,2),page=_useState2[0],setPage=_useState2[1];var pageNumbers=[];for(var i=1;i<=Math.ceil(totalData/amountDataPerPage);i++){pageNumbers.push(i);}var backToFirstPage=function backToFirstPage(){setPage(1);};var backPage=function backPage(){if(page>1){setPage(page-1);}};var nextPage=function nextPage(){if(page<Math.ceil(totalData/amountDataPerPage)){setPage(page+1);}};var nextLastPage=function nextLastPage(pageNumbers){setPage(pageNumbers.length);};(0,_react.useEffect)(function(){onChangeSelected(page,(page-1)*amountDataPerPage);},[page,amountDataPerPage,onChangeSelected]);return _react.default.createElement(_reactNative.View,{style:_Pagination.paginationStyleVariant.primary.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_Pagination.paginationStyleVariant.primary.container,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page<=1||totalData===0,onPress:backToFirstPage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:9}},_react.default.createElement(_ArrowFirstIcon.ArrowFirstIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:11}})),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page<=1||totalData===0,onPress:backPage,__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:9}},_react.default.createElement(_ArrowLeftIcon.ArrowLeftIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:11}})),_react.default.createElement(_reactNative.View,{style:_Pagination.paginationStyleVariant.primary.pageNumberContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_Pagination.paginationStyleVariant.primary.pageNumberText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:11}},page)),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page===pageNumbers.length||totalData===0,onPress:function onPress(){nextPage();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},_react.default.createElement(_ArrowRightIcon.ArrowRightIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:11}})),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:page===pageNumbers.length||totalData===0,onPress:function onPress(){nextLastPage(pageNumbers);if(page!==Math.ceil(totalData/8)){onChangeSelected(Math.ceil(totalData/amountDataPerPage),totalData-totalData%amountDataPerPage-8);}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:9}},_react.default.createElement(_ArrowLastIcon.ArrowLastIcon,{style:{height:10,width:10,marginRight:10},__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:11}}))));};var _default=exports.default=Pagination;

package/dist-native/components/pagination/Pagination.styles.d.ts

@@ -1,5 +1,5 @@
-import { PaginationStyleRecord } from './Pagination.types';
-export declare const PaginationStyleVariant: PaginationStyleRecord;
+import { PaginationStyleVariant } from './Pagination.types';
+export declare const paginationStyleVariant: PaginationStyleVariant;
 export declare const styles: {
     storiesContainer: {
         height: number;

package/dist-native/components/pagination/Pagination.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.PaginationStyleVariant=void 0;var _colors=require("../../styles/colors");var _reactNative=require("react-native");var PaginationStyleVariant=exports.PaginationStyleVariant={primary:{container:{flex:1,width:120,height:22,flexDirection:'row',justifyContent:'flex-end',alignItems:'center'},icon:{width:22,height:22,marginRight:17},pageNumberContainer:{backgroundColor:_colors.QUATERNARY_50,width:25,height:25,borderRadius:3,justifyContent:'center',alignSelf:'center',marginRight:12},pageNumberText:{fontWeight:'500',fontSize:12,alignSelf:'center'}}};var styles=exports.styles=_reactNative.StyleSheet.create({storiesContainer:{height:50}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.paginationStyleVariant=void 0;var _colors=require("../../styles/colors");var _reactNative=require("react-native");var paginationStyleVariant=exports.paginationStyleVariant={primary:{container:{flex:1,width:120,height:22,flexDirection:'row',alignItems:'center'},icon:{width:22,height:22,marginRight:17},pageNumberContainer:{backgroundColor:_colors.QUATERNARY_50,width:25,height:25,borderRadius:3,justifyContent:'center',alignSelf:'center',marginRight:12},pageNumberText:{fontWeight:'500',fontSize:12,alignSelf:'center'}}};var styles=exports.styles=_reactNative.StyleSheet.create({storiesContainer:{height:50}});

package/dist-native/components/pagination/Pagination.types.d.ts

@@ -1,19 +1,21 @@
 import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-export type Info = {
-    name: string;
-    route: string;
-    key: string;
-};
 export interface PaginationProps {
     currentPage: number;
-    onChangeSelected: ({ type }: any, { type2 }: any) => void;
+    onChangeSelected: (currentPage: number, offset: number) => void;
     totalData: number;
     amountDataPerPage: number;
-    pagination: number;
-    isWeb?: boolean;
 }
-export type TabStyleType = 'primary';
-export type PaginationStyleRecord = Record<TabStyleType, {
+export type PaginationStyleType = 'primary';
+export interface PaginationStyles {
+    container: ViewStyle;
+    icon?: ImageStyle;
+    pageNumberContainer: ViewStyle;
+    pageNumberText: TextStyle;
+}
+export type PaginationStyleVariant = {
+    primary: PaginationStyles;
+};
+export type PaginationStyleRecord = Record<PaginationStyleType, {
     container: ViewStyle;
     icon?: ImageStyle;
     pageNumberContainer: ViewStyle;

package/dist-web/components/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaginationProps } from './Pagination.types';
-declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, pagination, }: PaginationProps) => React.JSX.Element;
+declare const Pagination: ({ currentPage, onChangeSelected, totalData, amountDataPerPage, }: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/dist-web/components/pagination/Pagination.js

@@ -5,9 +5,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* Imports */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, TouchableOpacity, Text } from "react-native-web";
-import { PaginationStyleVariant } from "./Pagination.styles";
+import { paginationStyleVariant } from "./Pagination.styles";
 import { ArrowLeftIcon } from "../../assets/images/icons/ArrowLeftIcon";
 import { ArrowFirstIcon } from "../../assets/images/icons/ArrowFirstIcon";
 import { ArrowRightIcon } from "../../assets/images/icons/ArrowRightIcon";
@@ -18,8 +18,7 @@ var Pagination = function Pagination(_ref) {
   var currentPage = _ref.currentPage,
     onChangeSelected = _ref.onChangeSelected,
     totalData = _ref.totalData,
-    amountDataPerPage = _ref.amountDataPerPage,
-    pagination = _ref.pagination;
+    amountDataPerPage = _ref.amountDataPerPage;
   // Will serve to set the page number where the user is
   var _useState = useState(currentPage),
     _useState2 = _slicedToArray(_useState, 2),
@@ -37,40 +36,38 @@ var Pagination = function Pagination(_ref) {
   var backToFirstPage = function backToFirstPage() {
     setPage(1);
   };
-  var backPage = function backPage(page) {
-    setPage(page - 1);
+  var backPage = function backPage() {
+    if (page > 1) {
+      setPage(page - 1);
+    }
   };
-  var nextPage = function nextPage(page) {
-    setPage(page + 1);
+  var nextPage = function nextPage() {
+    if (page < Math.ceil(totalData / amountDataPerPage)) {
+      setPage(page + 1);
+    }
   };
   var nextLastPage = function nextLastPage(pageNumbers) {
     setPage(pageNumbers.length);
   };
+  useEffect(function () {
+    onChangeSelected(page, (page - 1) * amountDataPerPage);
+  }, [page, amountDataPerPage, onChangeSelected]);
   return /*#__PURE__*/React.createElement(View, {
-    style: PaginationStyleVariant.primary.container
+    style: paginationStyleVariant.primary.container
   }, /*#__PURE__*/React.createElement(View, {
-    style: PaginationStyleVariant.primary.container
+    style: paginationStyleVariant.primary.container
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     disabled: page <= 1 || totalData === 0,
-    onPress: function onPress() {
-      /* Allows to detect the selected item */
-      backToFirstPage();
-      onChangeSelected(1, 0);
-    }
+    onPress: backToFirstPage
   }, /*#__PURE__*/React.createElement(ArrowFirstIcon, {
     style: {
-      width: 10,
       height: 10,
+      width: 10,
       marginRight: 10
     }
   })), /*#__PURE__*/React.createElement(TouchableOpacity, {
     disabled: page <= 1 || totalData === 0,
-    onPress: function onPress() {
-      backPage(page);
-      if (page !== 1) {
-        onChangeSelected(page - 1, pagination - amountDataPerPage);
-      }
-    }
+    onPress: backPage
   }, /*#__PURE__*/React.createElement(ArrowLeftIcon, {
     style: {
       height: 10,
@@ -78,16 +75,13 @@ var Pagination = function Pagination(_ref) {
       marginRight: 10
     }
   })), /*#__PURE__*/React.createElement(View, {
-    style: PaginationStyleVariant.primary.pageNumberContainer
+    style: paginationStyleVariant.primary.pageNumberContainer
   }, /*#__PURE__*/React.createElement(Text, {
-    style: PaginationStyleVariant.primary.pageNumberText
+    style: paginationStyleVariant.primary.pageNumberText
   }, page)), /*#__PURE__*/React.createElement(TouchableOpacity, {
     disabled: page === pageNumbers.length || totalData === 0,
     onPress: function onPress() {
-      nextPage(page);
-      if (page !== Math.ceil(totalData / 8)) {
-        onChangeSelected(page + 1, pagination + amountDataPerPage);
-      }
+      nextPage();
     }
   }, /*#__PURE__*/React.createElement(ArrowRightIcon, {
     style: {

package/dist-web/components/pagination/Pagination.styles.d.ts

@@ -1,5 +1,5 @@
-import { PaginationStyleRecord } from './Pagination.types';
-export declare const PaginationStyleVariant: PaginationStyleRecord;
+import { PaginationStyleVariant } from './Pagination.types';
+export declare const paginationStyleVariant: PaginationStyleVariant;
 export declare const styles: {
     storiesContainer: {
         height: number;

package/dist-web/components/pagination/Pagination.styles.js

@@ -1,17 +1,12 @@
-/* Imports */
 import { QUATERNARY_50 } from "../../styles/colors";
 import { StyleSheet } from "react-native-web";
-
-/* Export of different styles */
-export var PaginationStyleVariant = {
-  /* Primary style */
+export var paginationStyleVariant = {
   primary: {
     container: {
       flex: 1,
       width: 120,
       height: 22,
       flexDirection: 'row',
-      justifyContent: 'flex-end',
       alignItems: 'center'
     },
     icon: {

package/dist-web/components/pagination/Pagination.types.d.ts

@@ -1,19 +1,21 @@
 import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-export type Info = {
-    name: string;
-    route: string;
-    key: string;
-};
 export interface PaginationProps {
     currentPage: number;
-    onChangeSelected: ({ type }: any, { type2 }: any) => void;
+    onChangeSelected: (currentPage: number, offset: number) => void;
     totalData: number;
     amountDataPerPage: number;
-    pagination: number;
-    isWeb?: boolean;
 }
-export type TabStyleType = 'primary';
-export type PaginationStyleRecord = Record<TabStyleType, {
+export type PaginationStyleType = 'primary';
+export interface PaginationStyles {
+    container: ViewStyle;
+    icon?: ImageStyle;
+    pageNumberContainer: ViewStyle;
+    pageNumberText: TextStyle;
+}
+export type PaginationStyleVariant = {
+    primary: PaginationStyles;
+};
+export type PaginationStyleRecord = Record<PaginationStyleType, {
     container: ViewStyle;
     icon?: ImageStyle;
     pageNumberContainer: ViewStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.2.38",
+  "version": "1.2.39",
   "private": false,
   "scripts": {
     "android": "react-native run-android",