@trilogy-ds/react 0.0.1-beta.9 → 0.0.4-beta-v4

package/lib/components/otp/OtpPropsDefaults.js

@@ -0,0 +1,97 @@
+export default {
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "length": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "error": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "help": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onCompleted": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(code?: string | undefined) => void"
+    ]
+  },
+  "onFocus": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(focused: boolean) => void"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(code?: string | undefined) => void"
+    ]
+  },
+  "activated": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "autoFocus": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/otp/index.js

@@ -1,3 +1,3 @@
 import Otp from './Otp';
 export { Otp };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL290cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

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

@@ -9,6 +9,7 @@ import { PaginationProps } from './PaginationProps';
  * * - -------------------------- 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, count, defaultPage, pageSize, onClick, testId, href, ...others }: PaginationProps) => JSX.Element;
+declare const Pagination: ({ className, id, length, defaultPage, onClick, href, ...others }: PaginationProps) => JSX.Element;
 export default Pagination;

package/lib/components/pagination/Pagination.js

@@ -1,6 +1,6 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { is } from '../../services/index';
-import { Icon, IconName } from '../icon';
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import { Icon, IconName } from '../../components/icon';
 import { hashClass } from '../../helpers';
 import clsx from 'clsx';
 import { useTrilogyContext } from '../../context';
@@ -13,78 +13,77 @@ import { useTrilogyContext } from '../../context';
  * * - -------------------------- 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
  */
-const Pagination = ({ className, count, defaultPage = 1, pageSize = 10, onClick, testId, href, ...others }) => {
-    const [currentPage, setCurrentPage] = useState(defaultPage);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('pagination', is('rounded'), is('centered'), className));
-    const prevCurrentPage = useRef(currentPage);
-    const pager = React.useMemo(() => {
+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
-        const totalPages = Math.ceil(count / pageSize);
-        let startPage = 1;
-        let endPage = 5;
-        if (totalPages <= 5) {
+        var startPage = 1;
+        var endPage = 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
             if (currentPage <= 3) {
                 startPage = 1;
-                endPage = 5;
+                endPage = 4;
             }
-            else if (currentPage + 3 >= totalPages) {
-                startPage = totalPages - 4;
-                endPage = totalPages;
+            else if (currentPage + 3 >= length) {
+                startPage = length - 3;
+                endPage = length;
             }
             else {
-                startPage = currentPage - 2;
-                endPage = currentPage + 2;
+                startPage = currentPage - 1;
+                endPage = currentPage + 1;
             }
         }
         // Create an array of pages
-        const pages = [...Array(endPage + 1 - startPage).keys()].map((i) => startPage + i);
+        var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
         // Set pager object
         return {
-            currentPage,
-            pageSize,
-            totalPages,
-            endPage,
-            pages,
+            currentPage: currentPage,
+            length: length,
+            endPage: endPage,
+            pages: pages,
         };
-    }, [currentPage, pageSize, count]);
-    useEffect(() => {
+    }, [currentPage, length]);
+    useEffect(function () {
         if (onClick && prevCurrentPage.current !== pager.currentPage) {
             onClick(pager);
         }
         setCurrentPage(pager.currentPage);
         prevCurrentPage.current = pager.currentPage;
     }, [pager.currentPage]);
-    const totalCountPages = count / pageSize;
-    return (React.createElement("nav", { "data-testid": testId, className: classes, ...others },
-        React.createElement("a", { className: hashClass(styled, clsx('pagination-previous')), "aria-disabled": currentPage === 1, onClick: () => {
+    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) },
+            }, href: href === null || href === void 0 ? void 0 : href(currentPage - 1) }),
             React.createElement(Icon, { name: IconName.ARROW_LEFT })),
         React.createElement("ul", { className: hashClass(styled, clsx('pagination-list')) },
             !pager.pages.includes(1) && (React.createElement("li", null,
                 React.createElement("span", { className: hashClass(styled, clsx('pagination-ellipsis')) }, "\u2026"))),
-            pager.pages.map((pageNumber) => (React.createElement("li", { "data-testid": `${testId}_${pageNumber}`, key: pageNumber },
-                React.createElement("a", { className: hashClass(styled, clsx('pagination-link', currentPage === pageNumber && is('current'))), "aria-label": `Aller à la page ${pageNumber}`, onClick: () => {
+            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(totalCountPages) && (React.createElement("li", null,
+                    }, 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", { className: hashClass(styled, clsx('pagination-next')), "aria-disabled": currentPage === Math.max(pager.totalPages), onClick: () => {
-                if (currentPage !== Math.max(pager.totalPages)) {
+        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) },
+            }, href: href === null || href === void 0 ? void 0 : href(currentPage + 1) }),
             React.createElement(Icon, { name: IconName.ARROW_RIGHT }))));
 };
 export default Pagination;
-//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQVFGO0lBUGhCLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNELE1BQU0sY0FQUywrREFRbkIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFnQyxRQUFRLENBQVMsV0FBVyxDQUFDLElBQUEsRUFBNUQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUFpQyxDQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLElBQU0sZUFBZSxHQUFHLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQTtJQUNuRCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFRO1FBQ2pDLHdCQUF3QjtRQUV4QixJQUFJLFNBQVMsR0FBRyxD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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PaginationProps } from './PaginationProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Pagination Component
  * @param count {number} Number elements
@@ -9,7 +9,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param onClick {Function} Return pagination object
  */
 declare const Pagination: {
-    ({ count, defaultPage, pageSize, onClick, ...others }: PaginationProps): JSX.Element;
+    ({ length, defaultPage, onClick, ...others }: PaginationProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Pagination;

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

@@ -1,8 +1,10 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Icon, IconName, IconSize } from '../icon';
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Icon, IconName, IconSize } from '../../components/icon';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text } from '../../components/text';
 /**
  * Pagination Component
  * @param count {number} Number elements
@@ -10,26 +12,25 @@ import { ComponentName } from '../enumsComponentsName';
  * @param pageSize {number} Element per page (default is 10)
  * @param onClick {Function} Return pagination object
  */
-const Pagination = ({ count, defaultPage = 1, pageSize = 10, onClick, ...others }) => {
-    const [currentPage, setCurrentPage] = useState(defaultPage);
-    const [arrayPage] = useState(Array.from(Array(count + 1).keys()));
-    const prevCurrentPage = useRef(currentPage);
-    const [pager, setPager] = useState({
+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 _e = __read(useState({
         currentPage: currentPage,
-        pageSize: pageSize,
-        totalPages: pageSize,
-        endPage: count,
+        length: length,
+        endPage: length + 1,
         pages: arrayPage,
-    });
-    useEffect(() => {
+    }), 2), pager = _e[0], setPager = _e[1];
+    useEffect(function () {
         // Calculate total pages
-        const totalPages = Math.ceil(count / pageSize);
-        let startPage = 1;
-        let endPage = 5;
-        if (totalPages <= 5) {
+        var startPage = 1;
+        var endPage = 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
@@ -37,9 +38,9 @@ const Pagination = ({ count, defaultPage = 1, pageSize = 10, onClick, ...others
                 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;
@@ -47,109 +48,89 @@ const Pagination = ({ count, defaultPage = 1, pageSize = 10, onClick, ...others
             }
         }
         // Create an array of pages
-        const pages = [...Array(endPage + 1 - startPage).keys()].map((i) => startPage + i);
+        var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
         // Set pager object
         setPager({
-            currentPage,
-            pageSize,
-            totalPages,
-            endPage,
-            pages,
+            currentPage: currentPage,
+            length: length,
+            endPage: endPage,
+            pages: pages,
         });
-    }, [currentPage, pageSize, count]);
-    useEffect(() => {
+    }, [currentPage, length]);
+    useEffect(function () {
         if (onClick && prevCurrentPage.current !== currentPage) {
             onClick(pager);
         }
     }, [currentPage]);
-    const totalCountPages = count / pageSize;
-    const styles = StyleSheet.create({
+    var styles = StyleSheet.create({
         container: {
             flexDirection: 'row',
-            alignSelf: 'center',
             alignItems: 'center',
-            justifyContent: 'center',
+            justifyContent: 'space-around',
         },
         text: {
-            fontSize: 18,
-            color: '#333',
+            color: getColorStyle(TrilogyColor.FONT),
             alignSelf: 'center',
-            alignItems: 'center',
-            justifyContent: 'center',
-            fontWeight: '400',
-            marginRight: 12,
+            lineHeight: 0,
         },
         textCurrent: {
-            fontSize: 18,
-            color: getColorStyle(TrilogyColor.WHITE),
+            color: getColorStyle(TrilogyColor.BACKGROUND),
             alignSelf: 'center',
-            alignItems: 'center',
-            justifyContent: 'center',
-            fontWeight: '400',
-            // marginRight: 12,
+            lineHeight: 0,
         },
         rounded: {
-            backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
-            width: 30,
-            height: 30,
-            borderRadius: 30,
-            alignSelf: 'center',
-            alignItems: 'center',
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            width: 26,
+            height: 26,
+            borderRadius: 26,
             justifyContent: 'center',
-            marginRight: 12,
-            marginTop: -3,
         },
-        currentPage: {
-            fontSize: 18,
-            color: getColorStyle(TrilogyColor.SECONDARY),
-            fontWeight: '500',
-            alignSelf: 'center',
-            alignItems: 'center',
+        textContainer: {
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            width: 26,
+            height: 26,
+            borderRadius: 26,
             justifyContent: 'center',
-            marginRight: 12,
+        },
+        currentPage: {
+            color: getColorStyle(TrilogyColor.MAIN),
         },
         dotsLeft: {
-            color: '#D1D1D1',
+            color: getColorStyle(TrilogyColor.BACKGROUND),
             marginRight: 12,
         },
         dotsRight: {
-            color: '#D1D1D1',
+            color: getColorStyle(TrilogyColor.BACKGROUND),
             marginRight: -12,
         },
-        arrowLeft: {
-            marginRight: 7,
-        },
-        arrowRight: {
-            marginLeft: 7,
-        },
     });
-    return (React.createElement(View, { style: styles.container, ...others },
-        React.createElement(TouchableOpacity, { style: { marginRight: 5 }, onPress: () => {
+    return (React.createElement(View, __assign({ style: styles.container }, others),
+        React.createElement(TouchableOpacity, { onPress: function () {
                 if (currentPage !== 1) {
                     setCurrentPage(currentPage - 1);
                     prevCurrentPage.current = currentPage - 1;
                 }
             } },
-            React.createElement(Icon, { style: styles.arrowLeft, name: IconName.ARROW_LEFT, size: IconSize.SMALL, color: TrilogyColor.GREY_DARK })),
-        React.createElement(View, { style: { flexDirection: 'row', justifyContent: 'center' } },
+            React.createElement(Icon, { name: IconName.ARROW_LEFT, size: IconSize.SMALL, color: TrilogyColor.MAIN })),
+        React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } },
             !pager.pages.includes(1) && (React.createElement(View, null,
                 React.createElement(Text, { style: styles.dotsLeft }, "\u2026"))),
-            pager.pages.map((pageNumber) => (React.createElement(View, { key: pageNumber },
-                React.createElement(TouchableOpacity, { style: currentPage === pageNumber && styles.rounded, onPress: () => {
+            pager.pages.map(function (pageNumber) { return (React.createElement(View, { key: pageNumber },
+                React.createElement(TouchableOpacity, { style: currentPage === pageNumber ? styles.rounded : styles.textContainer, onPress: function () {
                         setCurrentPage(pageNumber);
                         prevCurrentPage.current = pageNumber;
                     } },
-                    React.createElement(Text, { style: currentPage === pageNumber ? styles.textCurrent : styles.text }, pageNumber))))),
-            !pager.pages.includes(totalCountPages) && (React.createElement(View, { style: { marginRight: 15 } },
+                    React.createElement(Text, { style: currentPage === pageNumber ? styles.textCurrent : styles.text }, pageNumber)))); }),
+            !pager.pages.includes(length) && (React.createElement(View, { style: { marginRight: 15 } },
                 React.createElement(Text, { style: styles.dotsRight }, "\u2026")))),
-        React.createElement(TouchableOpacity, { style: { marginLeft: 5 }, onPress: () => {
-                if (currentPage !== Math.max(pager.totalPages)) {
+        React.createElement(TouchableOpacity, { onPress: function () {
+                if (currentPage !== Math.max(length)) {
                     setCurrentPage(currentPage + 1);
                     prevCurrentPage.current = currentPage + 1;
                 }
             } },
-            React.createElement(Icon, { style: styles.arrowRight, name: IconName.ARROW_RIGHT, size: IconSize.SMALL, color: TrilogyColor.GREY_DARK }))));
+            React.createElement(Icon, { name: IconName.ARROW_RIGHT, size: IconSize.SMALL, color: TrilogyColor.MAIN }))));
 };
 Pagination.displayName = ComponentName.Pagination;
 export default Pagination;
-//# sourceMappingURL=Pagination.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQWdFO0lBQTlELElBQUEsTUFBTSxZQUFBLEVBQUUsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBN0Msb0NBQStDLENBQUY7SUFDekQsSUFBQSxLQUFBLE9BQWdDLFFBQVEsQ0FBUyxXQUFXLENBQUMsSUFBQSxFQUE1RCxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQWlDLENBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQWMsUUFBUSxDQUFnQixLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFBLEVBQTFFLFNBQVMsUUFBaUUsQ0FBQTtJQUNqRixJQUFNLGVBQWUsR0FBRyxNQUFNLENBQVMsV0FBVyxDQUFDLENBQUE7SUFF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

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

@@ -1,7 +1,6 @@
 export interface Pager {
     currentPage: number;
-    pageSize: number;
-    totalPages: number;
+    length: number;
     endPage: number;
     pages: number[];
 }

package/lib/components/pagination/PaginationEnum.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=PaginationEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbkVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,13 +1,13 @@
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
 import { Pager } from './PaginationEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Pagination Interface
  */
-export interface PaginationProps extends Accessibility {
-    count: number;
+export interface PaginationProps extends Accessibility, Dev, CommonProps {
+    length: number;
     defaultPage?: number;
     pageSize?: number;
     onClick?: (pager: Pager) => void;
-    className?: string;
     href?: (page: number) => string;
 }

package/lib/components/pagination/PaginationProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=PaginationProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wYWdpbmF0aW9uL1BhZ2luYXRpb25Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/pagination/PaginationPropsDefaults.js

@@ -0,0 +1,62 @@
+export default {
+  "length": {
+    "type": "string",
+    "values": []
+  },
+  "defaultPage": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "pageSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "Pager) => void"
+    ]
+  },
+  "href": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(page: number) => string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/pagination/index.js

@@ -1,4 +1,4 @@
 import Pagination from './Pagination';
 export { Pagination };
 export * from './PaginationEnum';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBRXJDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQTtBQUVyQixjQUFjLGtCQUFrQixDQUFBIn0=

package/lib/components/popover/Popover.d.ts

@@ -3,11 +3,13 @@ import { PopoverWebProps } from './PopoverProps';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
- * @param className {string} Additionnal CSS Classes
  * @param direction {PopoverDirection} Popover direction (DOWN|LEFT|RIGHT)
  * @param content {ReactNode} Content of the popover (hidden popover if null|undefined)
  * @param active {boolean} Is the popover active
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param testId {string} Test Id for Test Integration
  * @param arrowPosition {PopoverArrowPosition} Position of the popover arrow
  */
-declare const Popover: ({ className, direction, children, active, arrowPosition, content, testId, ...others }: PopoverWebProps) => JSX.Element;
+declare const Popover: ({ className, id, direction, children, active, arrowPosition, trigger, ...others }: PopoverWebProps) => JSX.Element;
 export default Popover;