@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-146

package/lib/components/otp/Otp.native.js

@@ -1,16 +1,16 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
-import React, { useEffect, useRef, useState } from 'react';
-import { Pressable, SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
-import { Text, TextLevels } from '../../components/text';
-import { Title, TitleLevels } from '../../components/title';
-import { TypographyAlign } from '../../objects';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useRef, useState } from "react";
+import { Pressable, SafeAreaView, StyleSheet, TextInput, View, } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { Icon, IconColor, IconName, IconSize } from "../../components/icon";
+import { Title, TitleLevels } from "../../components/title";
+import { Text, TextLevels } from "../../components/text";
+import { TypographyAlign } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * OTP Code Component
- * @param code {string} Code Text Input
- * @param codeSize {number} Code Size Number
+ * @param value {string} Code Text Input
+ * @param length {number} Code Size Number
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
@@ -18,13 +18,12 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
  * @param activated {boolean} Activated OTP
  * @param onChange {Function} onChange Input return current code
  * @param label {string} Label for OTP
- * @param errorMessage {string} error message to display
  */
-var Otp = function (_a, reff) {
-    var code = _a.code, _b = _a.codeSize, codeSize = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onFocus = _a.onFocus, activated = _a.activated, onChange = _a.onChange, label = _a.label, others = __rest(_a, ["code", "codeSize", "disabled", "error", "onCompleted", "onFocus", "activated", "onChange", "label"]);
-    var _c = __read(useState(code || ''), 2), codeInput = _c[0], setCodeInput = _c[1];
+var Otp = function (_a) {
+    var value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onFocus = _a.onFocus, activated = _a.activated, onChange = _a.onChange, label = _a.label, others = __rest(_a, ["value", "length", "disabled", "error", "onCompleted", "onFocus", "activated", "onChange", "label"]);
+    var _c = __read(useState(value || ""), 2), codeInput = _c[0], setCodeInput = _c[1];
     // eslint-disable-next-line prefer-spread
-    var _d = __read(useState(__spreadArray([], __read(Array(codeSize).keys()), false)), 1), codeDigitsArray = _d[0];
+    var _d = __read(useState(__spreadArray([], __read(Array(length).keys()), false)), 1), codeDigitsArray = _d[0];
     var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];
     var color = (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
         (activated && getColorStyle(TrilogyColor.MAIN)) ||
@@ -33,14 +32,14 @@ var Otp = function (_a, reff) {
         getColorStyle(TrilogyColor.MAIN);
     useEffect(function () {
         if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
-            setCodeInput(code || '');
+            setCodeInput(value || "");
         }
-    }, [code]);
+    }, [value]);
     useEffect(function () {
-        if (!disabled && codeInput && codeInput.length >= codeSize) {
+        if (!disabled && codeInput && codeInput.length >= length) {
             onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
         }
-    }, [code, codeSize, codeInput]);
+    }, [value, length, codeInput]);
     var ref = useRef(null);
     var handleOnPress = function () {
         var _a;
@@ -49,14 +48,14 @@ var Otp = function (_a, reff) {
     var style = StyleSheet.create({
         container: {
             flex: 1,
-            alignItems: 'flex-start',
-            justifyContent: 'center',
-            alignSelf: 'center',
+            alignItems: "flex-start",
+            justifyContent: "center",
+            alignSelf: "center",
         },
         inputsContainer: {
-            flexDirection: 'row',
-            justifyContent: 'center',
-            alignItems: 'center',
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
         },
         inputContainer: {
             borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
@@ -66,9 +65,9 @@ var Otp = function (_a, reff) {
             borderWidth: 1,
             borderRadius: 4,
             marginHorizontal: 5,
-            justifyContent: 'center',
-            alignContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignContent: "center",
+            alignItems: "center",
             width: 28,
             height: 35,
         },
@@ -77,14 +76,14 @@ var Otp = function (_a, reff) {
             borderWidth: 1,
             borderRadius: 4,
             marginHorizontal: 5,
-            justifyContent: 'center',
-            alignContent: 'center',
-            alignItems: 'center',
+            justifyContent: "center",
+            alignContent: "center",
+            alignItems: "center",
             width: 28,
             height: 35,
         },
         hiddenCodeInput: {
-            position: 'absolute',
+            position: "absolute",
             height: 1,
             width: 1,
             opacity: 0,
@@ -96,7 +95,7 @@ var Otp = function (_a, reff) {
         currentInput: {
             width: 15,
             height: 1,
-            backgroundColor: (focused && getColorStyle(TrilogyColor.MAIN)) || 'transparent',
+            backgroundColor: (focused && getColorStyle(TrilogyColor.MAIN)) || "transparent",
         },
         text: {
             paddingLeft: 5,
@@ -105,20 +104,20 @@ var Otp = function (_a, reff) {
         },
     });
     var toDigitInput = function (_value, idx) {
-        var emptyInputChar = ' ';
+        var emptyInputChar = " ";
         var digit = codeInput[idx] || emptyInputChar;
         if (idx <= codeInput.length) {
             return (React.createElement(View, { key: idx, style: style.inputSelectedContainer },
                 React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, level: TextLevels.TWO }, digit),
-                Boolean(idx === codeInput.length) && React.createElement(View, { style: style.currentInput })));
+                Boolean(idx === codeInput.length) && (React.createElement(View, { style: style.currentInput }))));
         }
         return (React.createElement(View, { key: idx, style: style.inputContainer },
             React.createElement(Title, { level: TitleLevels.FOUR }, digit)));
     };
-    return (React.createElement(SafeAreaView, __assign({ style: style.container, ref: reff }, others),
-        React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } },
+    return (React.createElement(SafeAreaView, __assign({ style: style.container }, others),
+        React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
             Boolean(label) && (React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label)),
-            error && (React.createElement(Icon, { style: style.icon, name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALL }))),
+            error && (React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALL }))),
         React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map(function (_item, index) { return (React.createElement(View, { key: index }, toDigitInput(index, index))); })),
         React.createElement(TextInput, { ref: ref, value: codeInput, onChangeText: function (code) {
                 if (/^-?\d*\.?\d*$/.test(code) && !disabled) {
@@ -127,7 +126,7 @@ var Otp = function (_a, reff) {
                     }
                     setCodeInput(code);
                 }
-            }, keyboardType: 'numeric', returnKeyType: 'send', textContentType: 'oneTimeCode', maxLength: codeSize, onFocus: function () {
+            }, keyboardType: "numeric", returnKeyType: "send", textContentType: 'oneTimeCode', maxLength: length, onFocus: function () {
                 if (!disabled) {
                     setFocused(true);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
@@ -138,5 +137,5 @@ var Otp = function (_a, reff) {
             }, editable: !disabled, style: style.hiddenCodeInput, testID: 'input-id' })));
 };
 Otp.displayName = ComponentName.Otp;
-export default React.forwardRef(Otp);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUNWLEVBQThHLEVBQzlHLElBQTZCO0lBRDNCLElBQUEsSUFBSSxVQUFBLEVBQUUsZ0JBQVksRUFBWixRQUFRLG1CQUFHLENBQUMsS0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQWxHLHFHQUFvRyxDQUFGO0lBRzVGLElBQUEsS0FBQSxPQUE0QixRQUFRLENBQVMsSUFBSSxJQUFJLEVBQUUs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
+export default Otp;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXBGLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sR0FBRyxHQUFHLFVBQUMsRUFXRjtJQVZULElBQUEsS0FBSyxXQUFBLEVBQ0wsY0FBVSxFQUFWLE1BQU0sbUJBQUcsQ0FBQyxLQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWRSxvR0FXWixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FBUyxLQUFLLElBQUksRUFBRSxDQUFDLElBQUEsRUFBeEQsU0FB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

package/lib/components/otp/OtpProps.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Otp Interface
  */
-export interface OtpProps {
-    className?: string;
-    code?: string;
-    codeSize?: number;
+export interface OtpProps extends CommonProps {
+    value?: string;
+    length?: number;
     disabled?: boolean;
     error?: boolean;
+    help?: string;
     onCompleted?: (code?: string) => void;
     onFocus?: (focused: boolean) => void;
     onChange?: (code?: string) => void;
     activated?: boolean;
     label?: string;
-    errorMessage?: React.ReactNode | string;
     autoFocus?: boolean;
 }

package/lib/components/otp/OtpPropsDefaults.js

@@ -1,19 +1,12 @@
 export default {
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "code": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "codeSize": {
+  "length": {
     "type": "string",
     "values": [
       "undefined",
@@ -36,6 +29,13 @@ export default {
       "true"
     ]
   },
+  "help": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "onCompleted": {
     "type": "function",
     "values": [
@@ -72,26 +72,26 @@ export default {
       "string"
     ]
   },
-  "errorMessage": {
-    "type": "react",
+  "autoFocus": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "null",
-      "string",
-      "number",
       "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
+      "true"
     ]
   },
-  "autoFocus": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   }
 };

package/lib/components/otp/index.d.ts

@@ -1 +1,2 @@
-export { default as Otp } from '../../components/otp/Otp';
+import Otp from './Otp';
+export { Otp };

package/lib/components/otp/index.js

@@ -1,2 +1,3 @@
-export { default as Otp } from '../../components/otp/Otp';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL290cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLEdBQUcsRUFBRSxNQUFNLHNCQUFzQixDQUFBIn0=
+import Otp from './Otp';
+export { Otp };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL290cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

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

@@ -1,4 +1,15 @@
-import React from 'react';
-import { PaginationProps } from '../../components/pagination/PaginationProps';
-declare const _default: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLCanvasElement>>;
-export default _default;
+/// <reference types="react" />
+import { PaginationProps } from './PaginationProps';
+/**
+ * Pagination Component
+ * @param count {number} Number elements
+ * @param defaultPage {number} Current default active page (default is 1)
+ * @param pageSize {number} Element per page (default is 10)
+ * @param onClick {Function} Return pagination object
+ * * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param href {Function} Function that generates a link for seo bots
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const Pagination: ({ className, id, length, defaultPage, onClick, href, ...others }: PaginationProps) => JSX.Element;
+export default Pagination;

package/lib/components/pagination/Pagination.js

@@ -1,9 +1,9 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
 import { Icon, IconName } from '../../components/icon';
-import { usePagination } from '../../components/pagination/hook/usePagination';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
 /**
  * Pagination Component
  * @param count {number} Number elements
@@ -15,28 +15,75 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
  * @param href {Function} Function that generates a link for seo bots
  * @param testId {string} Test Id for Test Integration
  */
-var Pagination = function (_a, ref) {
-    var className = _a.className, _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.defaultPage, defaultPage = _c === void 0 ? 1 : _c, _d = _a.pageSize, pageSize = _d === void 0 ? 10 : _d, onClick = _a.onClick, testId = _a.testId, href = _a.href, others = __rest(_a, ["className", "count", "defaultPage", "pageSize", "onClick", "testId", "href"]);
-    var _e = usePagination({
-        defaultPage: defaultPage,
-        count: count,
-        pageSize: pageSize,
-        onClick: onClick,
-    }), currentPage = _e.currentPage, pager = _e.pager, handlePrevious = _e.handlePrevious, handleNext = _e.handleNext, handleClickPage = _e.handleClickPage;
-    var totalCountPages = count / pageSize;
-    var classes = hashClass(clsx('pagination', className));
-    return (React.createElement("nav", __assign({ "data-testid": testId, className: classes, ref: ref }, others),
-        React.createElement("a", __assign({ className: hashClass(clsx('pagination-previous')) }, (currentPage === 1 ? { 'aria-disabled': true } : {}), { onClick: handlePrevious, href: href === null || href === void 0 ? void 0 : href(currentPage - 1) }),
+var Pagination = function (_a) {
+    var className = _a.className, id = _a.id, length = _a.length, _b = _a.defaultPage, defaultPage = _b === void 0 ? 1 : _b, onClick = _a.onClick, href = _a.href, others = __rest(_a, ["className", "id", "length", "defaultPage", "onClick", "href"]);
+    var _c = __read(useState(defaultPage), 2), currentPage = _c[0], setCurrentPage = _c[1];
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('pagination', className));
+    var prevCurrentPage = useRef(currentPage);
+    var pager = React.useMemo(function () {
+        // Calculate total pages
+        var startPage = 1;
+        var endPage = 5;
+        if (length <= 5) {
+            // less than pageSize(default is 5) total pages so show all
+            startPage = 1;
+            endPage = length;
+        }
+        else {
+            // more than 3 total pages so calculate start and end pages
+            if (currentPage <= 3) {
+                startPage = 1;
+                endPage = 4;
+            }
+            else if (currentPage + 3 >= length) {
+                startPage = length - 3;
+                endPage = length;
+            }
+            else {
+                startPage = currentPage - 1;
+                endPage = currentPage + 1;
+            }
+        }
+        // Create an array of pages
+        var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
+        // Set pager object
+        return {
+            currentPage: currentPage,
+            length: length,
+            endPage: endPage,
+            pages: pages,
+        };
+    }, [currentPage, length]);
+    useEffect(function () {
+        if (onClick && prevCurrentPage.current !== pager.currentPage) {
+            onClick(pager);
+        }
+        setCurrentPage(pager.currentPage);
+        prevCurrentPage.current = pager.currentPage;
+    }, [pager.currentPage]);
+    return (React.createElement("nav", __assign({ id: id, className: classes }, others),
+        React.createElement("a", __assign({ className: hashClass(styled, clsx('pagination-previous')) }, (currentPage === 1 ? { 'aria-disabled': true } : {}), { onClick: function () {
+                if (currentPage !== 1) {
+                    setCurrentPage(currentPage - 1);
+                }
+            }, href: href === null || href === void 0 ? void 0 : href(currentPage - 1) }),
             React.createElement(Icon, { name: IconName.ARROW_LEFT })),
-        React.createElement("ul", { className: hashClass(clsx('pagination-list')) },
+        React.createElement("ul", { className: hashClass(styled, clsx('pagination-list')) },
             !pager.pages.includes(1) && (React.createElement("li", null,
-                React.createElement("span", { className: hashClass(clsx('pagination-ellipsis')) }, "\u2026"))),
-            pager.pages.map(function (pageNumber) { return (React.createElement("li", { "data-testid": "".concat(testId, "_").concat(pageNumber), key: pageNumber },
-                React.createElement("a", __assign({ className: hashClass(clsx('pagination-link')) }, (currentPage === pageNumber ? { 'aria-current': true } : {}), { "aria-label": "Aller \u00E0 la page ".concat(pageNumber), onClick: handleClickPage ? function () { return handleClickPage(pageNumber); } : undefined, href: href === null || href === void 0 ? void 0 : href(pageNumber) }), pageNumber))); }),
-            !pager.pages.includes(totalCountPages) && (React.createElement("li", null,
-                React.createElement("span", { className: hashClass(clsx('pagination-ellipsis')) }, "\u2026")))),
-        React.createElement("a", __assign({ className: hashClass(clsx('pagination-next')) }, (currentPage === Math.max(pager.totalPages) ? { 'aria-disabled': true } : {}), { onClick: handleNext, href: href === null || href === void 0 ? void 0 : href(currentPage + 1) }),
+                React.createElement("span", { className: hashClass(styled, clsx('pagination-ellipsis')) }, "\u2026"))),
+            pager.pages.map(function (pageNumber) { return (React.createElement("li", { key: pageNumber },
+                React.createElement("a", __assign({ className: hashClass(styled, clsx('pagination-link')) }, (currentPage === pageNumber ? { 'aria-current': true } : {}), { "aria-label": "Aller \u00E0 la page ".concat(pageNumber), onClick: function () {
+                        setCurrentPage(pageNumber);
+                    }, href: href === null || href === void 0 ? void 0 : href(pageNumber) }), pageNumber))); }),
+            !pager.pages.includes(length) && (React.createElement("li", null,
+                React.createElement("span", { className: hashClass(styled, clsx('pagination-ellipsis')) }, "\u2026")))),
+        React.createElement("a", __assign({ className: hashClass(styled, clsx('pagination-next')) }, (currentPage === Math.max(length) ? { 'aria-disabled': true } : {}), { onClick: function () {
+                if (currentPage !== Math.max(length)) {
+                    setCurrentPage(currentPage + 1);
+                }
+            }, href: href === null || href === void 0 ? void 0 : href(currentPage + 1) }),
             React.createElement(Icon, { name: IconName.ARROW_RIGHT }))));
 };
-export default React.forwardRef(Pagination);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQTtBQUUxRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQ2pCLEVBQTJHLEVBQzNHLEdBQWlDO0lBRC9CLElBQUEsU0FBUyxlQUFBLEVBQUUsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQUUsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUFFLGdCQUFhLEVBQWIsUUFBUSxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQXhGLDhFQUEwRixDQUFGO0lBR2xGLElBQUEsS0FBc0UsYUFBYSxDQUFDO1FBQ3hGLFdBQVcsYUFBQTtRQUNYLEtBQUssT0FBQTtRQUNMLFFBQVEsVUFBQTtRQUNSLE9BQU8sU0FBQTtLQUNSLENBQUMsRUFMTSxXQUFXLGlCQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsY0FBYyxvQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxlQUFlLHFCQUtyRSxDQUFBO0lBRUYsSUFBTSxlQUFlLEdBQUcsS0FBSyxHQUFHLFFBQVEsQ0FBQTtJQUN4QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lB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
+export default Pagination;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQVFGO0lBUGhCLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNELE1BQU0sY0FQUywrREFRbkIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFnQyxRQUFRLENBQVMsV0FBVyxDQUFDLElBQUEsRUFBNUQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUFpQyxDQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLElBQU0sZUFBZSxHQUFHLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQTtJQUNuRCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFRO1FBQ2pDLHdCQUF3QjtRQUV4QixJQUFJLFNBQVMsR0FBRyxD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

package/lib/components/pagination/Pagination.native.d.ts

@@ -1,5 +1,15 @@
-import React from 'react';
-import { View } from 'react-native';
-import { PaginationProps } from '../../components/pagination/PaginationProps';
-declare const _default: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { PaginationProps } from './PaginationProps';
+import { ComponentName } from '../../components/enumsComponentsName';
+/**
+ * Pagination Component
+ * @param count {number} Number elements
+ * @param defaultPage {number} Current default active page (default is 1)
+ * @param pageSize {number} Element per page (default is 10)
+ * @param onClick {Function} Return pagination object
+ */
+declare const Pagination: {
+    ({ length, defaultPage, onClick, ...others }: PaginationProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Pagination;

package/lib/components/pagination/Pagination.native.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
 import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
 import { Icon, IconName, IconSize } from '../../components/icon';
-import { Text } from '../../components/text';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text } from '../../components/text';
 /**
  * Pagination Component
  * @param count {number} Number elements
@@ -12,27 +12,25 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
  * @param pageSize {number} Element per page (default is 10)
  * @param onClick {Function} Return pagination object
  */
-var Pagination = function (_a, ref) {
-    var count = _a.count, _b = _a.defaultPage, defaultPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 10 : _c, onClick = _a.onClick, others = __rest(_a, ["count", "defaultPage", "pageSize", "onClick"]);
-    var _d = __read(useState(defaultPage), 2), currentPage = _d[0], setCurrentPage = _d[1];
-    var _e = __read(useState(Array.from(Array(count + 1).keys())), 1), arrayPage = _e[0];
+var Pagination = function (_a) {
+    var length = _a.length, _b = _a.defaultPage, defaultPage = _b === void 0 ? 1 : _b, onClick = _a.onClick, others = __rest(_a, ["length", "defaultPage", "onClick"]);
+    var _c = __read(useState(defaultPage), 2), currentPage = _c[0], setCurrentPage = _c[1];
+    var _d = __read(useState(Array.from(Array(length + 1).keys())), 1), arrayPage = _d[0];
     var prevCurrentPage = useRef(currentPage);
-    var _f = __read(useState({
+    var _e = __read(useState({
         currentPage: currentPage,
-        pageSize: pageSize,
-        totalPages: pageSize,
-        endPage: count,
+        length: length,
+        endPage: length + 1,
         pages: arrayPage,
-    }), 2), pager = _f[0], setPager = _f[1];
+    }), 2), pager = _e[0], setPager = _e[1];
     useEffect(function () {
         // Calculate total pages
-        var totalPages = Math.ceil(count / pageSize);
         var startPage = 1;
         var endPage = 5;
-        if (totalPages <= 5) {
+        if (length <= 5) {
             // less than pageSize(default is 5) total pages so show all
             startPage = 1;
-            endPage = totalPages;
+            endPage = length;
         }
         else {
             // more than 3 total pages so calculate start and end pages
@@ -40,9 +38,9 @@ var Pagination = function (_a, ref) {
                 startPage = 1;
                 endPage = 5;
             }
-            else if (currentPage + 3 >= totalPages) {
-                startPage = totalPages - 4;
-                endPage = totalPages;
+            else if (currentPage + 3 >= length) {
+                startPage = length - 4;
+                endPage = length;
             }
             else {
                 startPage = currentPage - 2;
@@ -54,18 +52,16 @@ var Pagination = function (_a, ref) {
         // Set pager object
         setPager({
             currentPage: currentPage,
-            pageSize: pageSize,
-            totalPages: totalPages,
+            length: length,
             endPage: endPage,
             pages: pages,
         });
-    }, [currentPage, pageSize, count]);
+    }, [currentPage, length]);
     useEffect(function () {
         if (onClick && prevCurrentPage.current !== currentPage) {
             onClick(pager);
         }
     }, [currentPage]);
-    var totalCountPages = count / pageSize;
     var styles = StyleSheet.create({
         container: {
             flexDirection: 'row',
@@ -108,7 +104,7 @@ var Pagination = function (_a, ref) {
             marginRight: -12,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.container, ref: ref }, others),
+    return (React.createElement(View, __assign({ style: styles.container }, others),
         React.createElement(TouchableOpacity, { onPress: function () {
                 if (currentPage !== 1) {
                     setCurrentPage(currentPage - 1);
@@ -125,10 +121,10 @@ var Pagination = function (_a, ref) {
                         prevCurrentPage.current = pageNumber;
                     } },
                     React.createElement(Text, { style: currentPage === pageNumber ? styles.textCurrent : styles.text }, pageNumber)))); }),
-            !pager.pages.includes(totalCountPages) && (React.createElement(View, { style: { marginRight: 15 } },
+            !pager.pages.includes(length) && (React.createElement(View, { style: { marginRight: 15 } },
                 React.createElement(Text, { style: styles.dotsRight }, "\u2026")))),
         React.createElement(TouchableOpacity, { onPress: function () {
-                if (currentPage !== Math.max(pager.totalPages)) {
+                if (currentPage !== Math.max(length)) {
                     setCurrentPage(currentPage + 1);
                     prevCurrentPage.current = currentPage + 1;
                 }
@@ -136,5 +132,5 @@ var Pagination = function (_a, ref) {
             React.createElement(Icon, { name: IconName.ARROW_RIGHT, size: IconSize.SMALL, color: TrilogyColor.MAIN }))));
 };
 Pagination.displayName = ComponentName.Pagination;
-export default React.forwardRef(Pagination);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUc1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUNqQixFQUE4RSxFQUM5RSxHQUFvQjtJQURsQixJQUFBLEtBQUssV0FBQSxFQUFFLG1CQUFlLEVBQWYsV0FBVyxtQkFBRyxDQUFDLEtBQUEsRUFBRSxnQkFBYSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUEzRCwrQ0FBNkQsQ0FBRjtJQUdyRCxJQUFBLEtBQUEsT0FBZ0MsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQTVELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBaUMsQ0FBQTtJQUM3RCxJQUFBLEtBQUEsT0FBYyxRQUFRLENBQWdCLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUEsRUFBekUsU0FBUyxRQUFnRSxDQUFB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
+export default Pagination;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQWdFO0lBQTlELElBQUEsTUFBTSxZQUFBLEVBQUUsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBN0Msb0NBQStDLENBQUY7SUFDekQsSUFBQSxLQUFBLE9BQWdDLFFBQVEsQ0FBUyxXQUFXLENBQUMsSUFBQSxFQUE1RCxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQWlDLENBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQWMsUUFBUSxDQUFnQixLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFBLEVBQTFFLFNBQVMsUUFBaUUsQ0FBQTtJQUNqRixJQUFNLGVBQWUsR0FBRyxNQUFNLENBQVMsV0FBVyxDQUFDLENBQUE7SUFF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