@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-131

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 { Icon, IconName, IconSize } from "../../components/icon";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { Text } from "../../components/text";
+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 '../../components/enumsComponentsName';
+import { Text } from '../../components/text';
 /**
  * Pagination Component
  * @param count {number} Number elements
@@ -13,26 +13,24 @@ import { Text } from "../../components/text";
  * @param onClick {Function} Return pagination object
  */
 var Pagination = function (_a) {
-    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 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) {
                 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,32 +52,30 @@ var Pagination = function (_a) {
         // 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",
-            alignItems: "center",
-            justifyContent: "space-around",
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-around',
         },
         text: {
             color: getColorStyle(TrilogyColor.FONT),
-            alignSelf: "center",
+            alignSelf: 'center',
             lineHeight: 0,
         },
         textCurrent: {
             color: getColorStyle(TrilogyColor.BACKGROUND),
-            alignSelf: "center",
+            alignSelf: 'center',
             lineHeight: 0,
         },
         rounded: {
@@ -87,14 +83,14 @@ var Pagination = function (_a) {
             width: 26,
             height: 26,
             borderRadius: 26,
-            justifyContent: "center",
+            justifyContent: 'center',
         },
         textContainer: {
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             width: 26,
             height: 26,
             borderRadius: 26,
-            justifyContent: "center",
+            justifyContent: 'center',
         },
         currentPage: {
             color: getColorStyle(TrilogyColor.MAIN),
@@ -116,7 +112,7 @@ var Pagination = function (_a) {
                 }
             } },
             React.createElement(Icon, { name: IconName.ARROW_LEFT, size: IconSize.SMALL, color: TrilogyColor.MAIN })),
-        React.createElement(View, { style: { flexDirection: "row", alignItems: 'center' } },
+        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(function (pageNumber) { return (React.createElement(View, { key: pageNumber },
@@ -125,10 +121,10 @@ var Pagination = function (_a) {
                         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;
                 }
@@ -137,4 +133,4 @@ var Pagination = function (_a) {
 };
 Pagination.displayName = ComponentName.Pagination;
 export default Pagination;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBTWtCO0lBTGhCLElBQUEsS0FBSyxXQUFBLEVBQ0wsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLGdCQUFhLEVBQWIsUUFBUSxtQkFBRyxFQUFFLEtBQUEsRUFDYixPQUFPLGFBQUEsRUFDSixNQUFNLGNBTFgsK0NBTUMsQ0FEVTtJQUV2QixJQUFBLEtBQUEsT0FBZ0MsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQTVELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBaUMsQ0FBQTtJQUM3RCxJQUFBLEtBQUEsT0FBYyxRQUFRLENBQzFCLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUNwQyxJQUFBLEVBRk0sU0FBUyxRQUVmLENBQUE7SUFDRCxJQUFNLGVBQWUs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
+//# 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/PaginationProps.d.ts

@@ -1,13 +1,13 @@
 import { Accessibility, Dev } from '../../objects';
 import { Pager } from './PaginationEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Pagination Interface
  */
-export interface PaginationProps extends Accessibility, Dev {
-    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/PaginationPropsDefaults.js

@@ -1,5 +1,5 @@
 export default {
-  "count": {
+  "length": {
     "type": "string",
     "values": []
   },
@@ -24,28 +24,35 @@ export default {
       "Pager) => void"
     ]
   },
-  "className": {
+  "href": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(page: number) => string"
+    ]
+  },
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "href": {
-    "type": "function",
+  "testId": {
+    "type": "string",
     "values": [
       "undefined",
-      "(page: number) => string"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "id": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PopoverWebProps } from "./PopoverProps";
+import { PopoverWebProps } from './PopoverProps';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -11,5 +11,5 @@ import { PopoverWebProps } from "./PopoverProps";
  * @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, ...others }: PopoverWebProps) => JSX.Element;
 export default Popover;

package/lib/components/popover/Popover.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { is } from "../../services/classify";
-import { hashClass } from "../../helpers/hashClassesHelpers";
-import clsx from "clsx";
-import { useTrilogyContext } from "../../context/index";
+import * as React from 'react';
+import { is } from '../../services/classify';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context/index';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -16,12 +16,10 @@ import { useTrilogyContext } from "../../context/index";
  * @param arrowPosition {PopoverArrowPosition} Position of the popover arrow
  */
 var Popover = function (_a) {
-    var className = _a.className, direction = _a.direction, children = _a.children, active = _a.active, arrowPosition = _a.arrowPosition, content = _a.content, testId = _a.testId, others = __rest(_a, ["className", "direction", "children", "active", "arrowPosition", "content", "testId"]);
+    var className = _a.className, id = _a.id, direction = _a.direction, children = _a.children, active = _a.active, arrowPosition = _a.arrowPosition, others = __rest(_a, ["className", "id", "direction", "children", "active", "arrowPosition"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("popover", direction && is("popover-".concat(direction)), active && is("popover-active"), arrowPosition && is("arrow-".concat(arrowPosition)), className));
-    return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others),
-        children,
-        content && (React.createElement("div", { "data-testid": "".concat(testId, "_content"), className: hashClass(styled, clsx("popover-content")) }, content))));
+    var classes = hashClass(styled, clsx('popover', direction && is("popover-".concat(direction)), active && is('popover-active'), arrowPosition && is("arrow-".concat(arrowPosition)), className));
+    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
 };
 export default Popover;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTQztJQVJoQixJQUFBLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDYixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBUk0sc0ZBU2hCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsa0JBQVcsU0FBUyxDQUFFLENBQUMsRUFDdkMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGdCQUFTLGFBQWEsQ0FBRSxDQUFDLEVBQzdDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wscURBQWtCLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDckQsUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUNWLDRDQUNlLFVBQUcsTUFBTSxhQUFVLEVBQ2hDLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLElBRXBELE9BQU8sQ0FDSixDQUNQLENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFRQztJQVBoQixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBUE0sdUVBUWhCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsa0JBQVcsU0FBUyxDQUFFLENBQUMsRUFDdkMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGdCQUFTLGFBQWEsQ0FBRSxDQUFDLEVBQzdDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PopoverProps } from "./PopoverProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { PopoverProps } from './PopoverProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -9,7 +9,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param active {boolean} Is the popover active
  */
 declare const Popover: {
-    ({ children, active, content, direction, }: PopoverProps): JSX.Element;
+    ({ children, active, direction }: PopoverProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Popover;

package/lib/components/popover/Popover.native.js

@@ -1,9 +1,8 @@
-import * as React from "react";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StyleSheet, View } from "react-native";
-import { getColorStyle, TrilogyColor, TypographyAlign, TypographyColor, } from "../../objects";
-import { Text, TextLevels } from "../../components/text";
-import { PopoverDirection } from "./PopoverEnum";
+import * as React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StyleSheet, View } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { PopoverDirection } from './PopoverEnum';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -12,17 +11,17 @@ import { PopoverDirection } from "./PopoverEnum";
  * @param active {boolean} Is the popover active
  */
 var Popover = function (_a) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, content = _a.content, direction = _a.direction;
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, direction = _a.direction;
     var styles = StyleSheet.create({
         container: {
-            alignItems: "center",
+            alignItems: 'center',
         },
         popover: {
             minWidth: 50,
             minHeight: 30,
             backgroundColor: getColorStyle(TrilogyColor.MAIN),
             borderRadius: 6,
-            justifyContent: "center",
+            justifyContent: 'center',
             padding: 5,
         },
         arrow: {
@@ -34,25 +33,25 @@ var Popover = function (_a) {
             borderTopWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
-            borderLeftColor: "transparent",
-            borderRightColor: "transparent",
+            borderLeftColor: 'transparent',
+            borderRightColor: 'transparent',
         },
         arrowTop: {
             borderBottomColor: getColorStyle(TrilogyColor.MAIN),
             borderBottomWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
-            borderLeftColor: "transparent",
-            borderRightColor: "transparent",
+            borderLeftColor: 'transparent',
+            borderRightColor: 'transparent',
         },
         arrowLeft: {
             borderTopWidth: 8,
             borderBottomWidth: 8,
             borderLeftWidth: 0,
             borderRightWidth: 8,
-            borderTopColor: "transparent",
-            borderBottomColor: "transparent",
-            borderLeftColor: "transparent",
+            borderTopColor: 'transparent',
+            borderBottomColor: 'transparent',
+            borderLeftColor: 'transparent',
             borderRightColor: getColorStyle(TrilogyColor.MAIN),
         },
         arrowRight: {
@@ -60,45 +59,35 @@ var Popover = function (_a) {
             borderBottomWidth: 8,
             borderLeftWidth: 8,
             borderRightWidth: 0,
-            borderTopColor: "transparent",
-            borderBottomColor: "transparent",
+            borderTopColor: 'transparent',
+            borderBottomColor: 'transparent',
             borderLeftColor: getColorStyle(TrilogyColor.MAIN),
-            borderRightColor: "transparent",
+            borderRightColor: 'transparent',
         },
     });
-    if (active &&
-        content &&
-        (direction === PopoverDirection.LEFT ||
-            direction === PopoverDirection.RIGHT)) {
+    if (active && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
         return (React.createElement(View, { style: {
-                flexDirection: "row",
-                justifyContent: "center",
-                alignItems: "center",
+                flexDirection: 'row',
+                justifyContent: 'center',
+                alignItems: 'center',
             } },
             direction === PopoverDirection.RIGHT && (React.createElement(React.Fragment, null,
                 children,
                 React.createElement(View, { style: active ? [styles.arrow, styles.arrowLeft] : {} }))),
-            React.createElement(View, { style: active ? styles.popover : {} }, content && (React.createElement(Text, { level: TextLevels.FOUR, typo: [TypographyAlign.TEXT_CENTERED, TypographyColor.TEXT_WHITE] }, content))),
             direction === PopoverDirection.LEFT && (React.createElement(React.Fragment, null,
                 React.createElement(View, { style: active ? [styles.arrow, styles.arrowRight] : {} }),
                 children))));
     }
-    if (active &&
-        content &&
-        (direction === PopoverDirection.BOTTOM || !direction)) {
+    if (active && (direction === PopoverDirection.BOTTOM || !direction)) {
         return (React.createElement(View, null,
             direction === PopoverDirection.BOTTOM && React.createElement(View, null, children),
             React.createElement(View, { style: styles.container },
-                direction === PopoverDirection.BOTTOM && (React.createElement(View, { style: active ? [styles.arrow, styles.arrowTop] : {} })),
-                React.createElement(View, { style: active ? styles.popover : {} }, content && (React.createElement(Text, { level: TextLevels.FOUR, typo: [
-                        TypographyAlign.TEXT_CENTERED,
-                        TypographyColor.TEXT_WHITE,
-                    ] }, content))),
-                !direction && (React.createElement(View, { style: active ? [styles.arrow, styles.arrowBottom] : {} }))),
+                direction === PopoverDirection.BOTTOM && React.createElement(View, { style: active ? [styles.arrow, styles.arrowTop] : {} }),
+                !direction && React.createElement(View, { style: active ? [styles.arrow, styles.arrowBottom] : {} })),
             !direction && React.createElement(View, null, children)));
     }
     return React.createElement(View, null, children);
 };
 Popover.displayName = ComponentName.Popover;
 export default Popover;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3Zlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQ0wsYUFBYSxFQUNiLFlBQVksRUFDWixlQUFlLEVBQ2YsZUFBZSxHQUNoQixNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUVoRDs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBS0Y7UUFKYixRQUFRLGNBQUEsRUFDUixjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUE7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsRUFBRTtZQUNiLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNqRCxZQUFZLEVBQUUsQ0FBQztZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1NBQ1g7UUFDRCxXQUFXLEVBQUU7WUFDWCxjQUFjLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3Zlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFaEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxRQUFRLGNBQUEsRUFBRSxjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFBRSxTQUFTLGVBQUE7SUFDcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELE9BQU8sRUFBRTtZQUNQLFFBQVEsRUFBRSxFQUFFO1lBQ1osU0FBUyxFQUFFLEVBQUU7WUFDYixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsWUFBWSxFQUFFLENBQUM7WUFDZixjQUFjLEVBQUUsUUFBUTtZQUN4QixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtTQUNYO1FBQ0QsV0FBVyxFQUFFO1lBQ1gsY0FBYyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2hELGNBQWMsRUFBRSxFQUFFO1lBQ2xCLGVBQWUsRUFBRSxFQUFFO1lBQ25CLGdCQUFn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

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Accessibility, Dev } from '../../objects';
 import { PopoverArrowPosition, PopoverArrowPositionValues, PopoverDirection, PopoverDirectionValues } from './PopoverEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Popover Interface
  */
@@ -8,12 +9,10 @@ export interface PopoverProps {
     children: React.ReactNode;
     direction?: PopoverDirection | PopoverDirectionValues;
     active?: boolean;
-    content?: React.ReactNode;
     arrowPosition?: PopoverArrowPosition | PopoverArrowPositionValues;
 }
 /**
  * Popover Web Interface
  */
-export interface PopoverWebProps extends PopoverProps, Accessibility, Dev {
-    className?: string;
+export interface PopoverWebProps extends PopoverProps, Accessibility, Dev, CommonProps {
 }

package/lib/components/popover/PopoverPropsDefaults.js

@@ -17,10 +17,10 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "bottom",
-      "bottom",
       "left",
       "right"
     ]
@@ -33,20 +33,6 @@ export default {
       "true"
     ]
   },
-  "content": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
   "arrowPosition": {
     "type": "enum",
     "values": [

package/lib/components/popover/PopoverWebPropsDefaults.js

@@ -1,11 +1,4 @@
 export default {
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "children": {
     "type": "react",
     "values": [
@@ -24,10 +17,10 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "bottom",
-      "bottom",
       "left",
       "right"
     ]
@@ -40,20 +33,6 @@ export default {
       "true"
     ]
   },
-  "content": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
   "arrowPosition": {
     "type": "enum",
     "values": [
@@ -77,5 +56,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/popover/content/PopoverContent.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PopoverContentProps } from '../../../components/popover/content/PopoverContentProps';
+/**
+ * Popover Component
+ * @param children {ReactNode} Popover children
+ * @param direction {PopoverDirection} Popover direction (DOWN|LEFT|RIGHT)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ */
+declare const PopoverContent: ({ children, className, id, ...others }: PopoverContentProps) => JSX.Element;
+export default PopoverContent;

package/lib/components/popover/content/PopoverContent.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context/index';
+/**
+ * Popover Component
+ * @param children {ReactNode} Popover children
+ * @param direction {PopoverDirection} Popover direction (DOWN|LEFT|RIGHT)
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ */
+var PopoverContent = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('popover-content', className));
+    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
+};
+export default PopoverContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvY29udGVudC9Qb3BvdmVyQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFHbkQ7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQTJEO0lBQXpELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUNsRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJFLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN4QyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/popover/content/PopoverContentProps.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface PopoverContentProps extends CommonProps {
+    children: React.ReactNode;
+}

package/lib/components/popover/content/PopoverContentProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckNvbnRlbnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9jb250ZW50L1BvcG92ZXJDb250ZW50UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9