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

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

@@ -1,3 +1,2 @@
-import Pagination from './Pagination';
-export { Pagination };
-export * from './PaginationEnum';
+export { default as Pagination } from '../../components/pagination/Pagination';
+export * from '../../components/pagination/PaginationEnum';

package/lib/components/pagination/index.js

@@ -1,4 +1,3 @@
-import Pagination from './Pagination';
-export { Pagination };
-export * from './PaginationEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBRXJDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQTtBQUVyQixjQUFjLGtCQUFrQixDQUFBIn0=
+export { default as Pagination } from '../../components/pagination/Pagination';
+export * from '../../components/pagination/PaginationEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUMxRSxjQUFjLHdDQUF3QyxDQUFBIn0=

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

@@ -1,15 +1,4 @@
-/// <reference types="react" />
-import { PopoverWebProps } from './PopoverProps';
-/**
- * Popover Component
- * @param children {ReactNode} Popover children
- * @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, id, direction, children, active, arrowPosition, ...others }: PopoverWebProps) => JSX.Element;
-export default Popover;
+import React from 'react';
+import { PopoverWebProps } from '../../components/popover/PopoverProps';
+declare const _default: React.ForwardRefExoticComponent<PopoverWebProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/popover/Popover.js

@@ -1,9 +1,8 @@
 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 React from 'react';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -15,11 +14,12 @@ import { useTrilogyContext } from '../../context/index';
  * @param testId {string} Test Id for Test Integration
  * @param arrowPosition {PopoverArrowPosition} Position of the popover arrow
  */
-var Popover = function (_a) {
-    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({ id: id, className: classes }, others), children));
+var Popover = function (_a, ref) {
+    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 classes = hashClass(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, ref: ref }, others),
+        children,
+        content && (React.createElement("div", { "data-testid": "".concat(testId, "_content"), className: hashClass(clsx('popover-content')) }, content))));
 };
-export default Popover;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFRQztJQVBoQixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBUE0sdUVBUWhCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsa0JBQVcsU0FBUyxDQUFFLENBQUMsRUFDdkMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGdCQUFTLGFBQWEsQ0FBRSxDQUFDLEVBQzdDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+export default React.forwardRef(Popover);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUNkLEVBQXNHLEVBQ3RHLEdBQThCO0lBRDVCLElBQUEsU0FBUyxlQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBbkYsc0ZBQXFGLENBQUY7SUFHbkYsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsa0JBQVcsU0FBUyxDQUFFLENBQUMsRUFDdkMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGdCQUFTLGFBQWEsQ0FBRSxDQUFDLEVBQzdDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wscURBQWtCLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTTtRQUMvRCxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQ1YsNENBQWtCLFVBQUcsTUFBTSxhQUFVLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxJQUNqRixPQUFPLENBQ0osQ0FDUCxDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQSJ9

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

@@ -1,15 +1,5 @@
-/// <reference types="react" />
-import { PopoverProps } from './PopoverProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-/**
- * Popover Component
- * @param children {ReactNode} Popover children
- * @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
- */
-declare const Popover: {
-    ({ children, active, direction }: PopoverProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Popover;
+import React from 'react';
+import { View } from 'react-native';
+import { PopoverProps } from '../../components/popover/PopoverProps';
+declare const _default: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<View>>;
+export default _default;

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

@@ -1,8 +1,10 @@
-import * as React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { PopoverDirection } from './PopoverEnum';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { PopoverDirection } from '../../components/popover/PopoverEnum';
+import { Text, TextLevels } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { TypographyAlign, TypographyColor } from '../../objects/Typography';
 /**
  * Popover Component
  * @param children {ReactNode} Popover children
@@ -10,8 +12,8 @@ import { PopoverDirection } from './PopoverEnum';
  * @param content {ReactNode} Content of the popover (hidden popover if null|undefined)
  * @param active {boolean} Is the popover active
  */
-var Popover = function (_a) {
-    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, direction = _a.direction;
+var Popover = function (_a, ref) {
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, content = _a.content, direction = _a.direction;
     var styles = StyleSheet.create({
         container: {
             alignItems: 'center',
@@ -65,8 +67,8 @@ var Popover = function (_a) {
             borderRightColor: 'transparent',
         },
     });
-    if (active && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
-        return (React.createElement(View, { style: {
+    if (active && content && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
+        return (React.createElement(View, { ref: ref, style: {
                 flexDirection: 'row',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -74,20 +76,22 @@ var Popover = function (_a) {
             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 && (direction === PopoverDirection.BOTTOM || !direction)) {
-        return (React.createElement(View, null,
+    if (active && content && (direction === PopoverDirection.BOTTOM || !direction)) {
+        return (React.createElement(View, { ref: ref },
             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 && React.createElement(View, null, children)));
     }
-    return React.createElement(View, null, children);
+    return React.createElement(View, { ref: ref }, children);
 };
 Popover.displayName = ComponentName.Popover;
-export default Popover;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3Zlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFaEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxRQUFRLGNBQUEsRUFBRSxjQUFjLEVBQWQsTUFBTSxtQkFBRyxLQUFLLEtBQUEsRUFBRSxTQUFTLGVBQUE7SUFDcEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELE9BQU8sRUFBRTtZQUNQLFFBQVEsRUFBRSxFQUFFO1lBQ1osU0FBUyxFQUFFLEVBQUU7WUFDYixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsWUFBWSxFQUFFLENBQUM7WUFDZixjQUFjLEVBQUUsUUFBUTtZQUN4QixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtTQUNYO1FBQ0QsV0FBVyxFQUFFO1lBQ1gsY0FBYyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2hELGNBQWMsRUFBRSxFQUFFO1lBQ2xCLGVBQWUsRUFBRSxFQUFFO1lBQ25CLGdCQUFn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
+export default React.forwardRef(Popover);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3Zlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFbkUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFFdkU7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUE4RCxFQUFFLEdBQW9CO1FBQWxGLFFBQVEsY0FBQSxFQUFFLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQTtJQUM3RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsRUFBRTtZQUNiLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNqRCxZQUFZLEVBQUUsQ0FBQztZQUNmLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsRUFBRTtZQUNULE1B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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Accessibility, Dev } from '../../objects';
-import { PopoverArrowPosition, PopoverArrowPositionValues, PopoverDirection, PopoverDirectionValues } from './PopoverEnum';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { PopoverArrowPosition, PopoverArrowPositionValues, PopoverDirection, PopoverDirectionValues } from '../../components/popover/PopoverEnum';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Dev } from '../../objects/facets/Dev';
 /**
  * Popover Interface
  */
@@ -9,10 +9,12 @@ 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, CommonProps {
+export interface PopoverWebProps extends PopoverProps, Accessibility, Dev {
+    className?: string;
 }

package/lib/components/popover/PopoverPropsDefaults.js

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

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

@@ -1,4 +1,2 @@
-import Popover from './Popover';
-import PopoverContent from './content/PopoverContent';
-export * from './PopoverEnum';
-export { Popover, PopoverContent };
+export { default as Popover } from '../../components/popover/Popover';
+export * from '../../components/popover/PopoverEnum';

package/lib/components/popover/index.js

@@ -1,5 +1,3 @@
-import Popover from './Popover';
-import PopoverContent from './content/PopoverContent';
-export * from './PopoverEnum';
-export { Popover, PopoverContent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sY0FBYyxNQUFNLDBCQUEwQixDQUFBO0FBRXJELGNBQWMsZUFBZSxDQUFBO0FBRTdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLENBQUEifQ==
+export { default as Popover } from '../../components/popover/Popover';
+export * from '../../components/popover/PopoverEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRSxjQUFjLGtDQUFrQyxDQUFBIn0=

package/lib/components/price/Price.d.ts

@@ -1,22 +1,4 @@
-/// <reference types="react" />
-import { PriceProps } from './PriceProps';
-/**
- * Price Component
- * @param amount {number} Amount for Price
- * @param mention {string} Mention for price ( (1)* )
- * @param period {string} Period for Price (mois)
- * @param hideCents {boolean} Display cents
- * @param level {PriceLevel} Price custom size
- * @param inverted {boolean} Inverted Price Color
- * @param children {React.ReactNode}
- * @param align {Alignable} Price alignement
- * @param inline {boolean} Inline display Price
- * @param accessibilityLabel {string} Accessibility label
- * @param overline {string} Price overline
- * @param oldAmount {boolean} old Amount Price
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * - --------------- NATIVE PROPERTIES ----------------------------------
- */
-declare const Price: ({ className, id, amount, mention, period, hideCents, level, inverted, align, accessibilityLabel, oldAmount, overline, ...others }: PriceProps) => JSX.Element;
-export default Price;
+import React from 'react';
+import { PriceProps } from '../../components/price/PriceProps';
+declare const _default: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/price/Price.js

@@ -1,88 +1,91 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
+import React from 'react';
+import { checkCents } from '../../components/price/PriceHelpers';
+import { Text, TextMarkup } from '../../components/text';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { Alignable } from '../../objects/facets/Alignable';
+import { TypographyBold, TypographyColor } from '../../objects/Typography';
 import { has, is } from '../../services/classify';
-import { Text, TextMarkup } from '../text';
-import { Alignable } from '../../objects';
-import { checkCents } from './PriceHelpers';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
 /**
  * Price Component
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
- * @param hideCents {boolean} Display cents
+ * @param showCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
  * @param inline {boolean} Inline display Price
  * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
  * @param overline {string} Price overline
- * @param oldAmount {boolean} old Amount Price
+ * @param tagAmount {number} Tag amount
+ * @param tagSymbol {number} Tag symbol
+ * @param strikedAmount {boolean} Striked Amount Price
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * - --------------- NATIVE PROPERTIES ----------------------------------
+ * @param style {Object} Additional style
  */
-var Price = function (_a) {
-    var _b, _c;
-    var className = _a.className, id = _a.id, amount = _a.amount, mention = _a.mention, period = _a.period, _d = _a.hideCents, hideCents = _d === void 0 ? false : _d, level = _a.level, inverted = _a.inverted, align = _a.align, accessibilityLabel = _a.accessibilityLabel, oldAmount = _a.oldAmount, overline = _a.overline, others = __rest(_a, ["className", "id", "amount", "mention", "period", "hideCents", "level", "inverted", "align", "accessibilityLabel", "oldAmount", "overline"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('price', inverted && is('inverted'), overline && has('suptitle'), className));
-    var classesStrike = hashClass(styled, clsx('price', inverted && is('inverted'), oldAmount && 'strike', overline && has('suptitle'), className));
-    var amountComponent = null;
-    var oldAmountComponent = null;
-    var tagAmountComponent = null;
-    if (oldAmount) {
-        var isNegativeStrike = oldAmount && oldAmount < 0;
-        var absoluteAmountStrike = oldAmount && Math.abs(oldAmount);
-        var absoluteWholeStrike = absoluteAmountStrike && Math.floor(absoluteAmountStrike);
-        var wholeStrike = isNegativeStrike && absoluteWholeStrike ? -absoluteWholeStrike : absoluteWholeStrike;
-        var cents = checkCents(((_b = absoluteAmountStrike.toString().split(/[.,]/)[1]) === null || _b === void 0 ? void 0 : _b.substring(0, 2)) || '');
-        cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
-        var centsDisplayed = (!hideCents && ",".concat(cents || '00', " \u20AC")) || (!hideCents && "\u20AC".concat(cents || '00')) || '€';
-        oldAmountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', className: classesStrike }, others),
-            React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(wholeStrike)),
-            React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                    centsDisplayed === '€' ? React.createElement(React.Fragment, null,
+var Price = function (_a, ref) {
+    var _b;
+    var className = _a.className, amount = _a.amount, mention = _a.mention, period = _a.period, _c = _a.showCents, showCents = _c === void 0 ? true : _c, level = _a.level, inverted = _a.inverted, align = _a.align, inline = _a.inline, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, strikedAmount = _a.strikedAmount, overline = _a.overline, tagAmount = _a.tagAmount, tagSymbol = _a.tagSymbol, others = __rest(_a, ["className", "amount", "mention", "period", "showCents", "level", "inverted", "align", "inline", "testId", "accessibilityLabel", "strikedAmount", "overline", "tagAmount", "tagSymbol"]);
+    var classes = hashClass(clsx('price', inverted && is('inverted'), inline && is('inlined'), overline && has('suptitle'), className));
+    var classesStriked = hashClass(clsx('price', inverted && is('inverted'), inline && is('inlined'), strikedAmount && is('striked'), overline && has('suptitle'), className));
+    var priceParentNode = hashClass(clsx((align == Alignable.ALIGNED_START && has('text-left')) ||
+        (align == Alignable.ALIGNED_CENTER && has('text-centered')) ||
+        (align == Alignable.ALIGNED_END && has('text-right')) ||
+        ''));
+    var isNegative = amount < 0;
+    var absoluteAmount = Math.abs(amount);
+    var absoluteWhole = Math.floor(absoluteAmount);
+    var whole = isNegative ? -absoluteWhole : absoluteWhole;
+    var isNegativeStriked = strikedAmount && strikedAmount < 0;
+    var absoluteAmountStriked = strikedAmount && Math.abs(strikedAmount);
+    var absoluteWholeStriked = absoluteAmountStriked && Math.floor(absoluteAmountStriked);
+    var wholeStriked = isNegativeStriked && absoluteWholeStriked ? -absoluteWholeStriked : absoluteWholeStriked;
+    var cents = checkCents(((_b = absoluteAmount.toString().split(/[.,]/)[1]) === null || _b === void 0 ? void 0 : _b.substring(0, 2)) || '');
+    cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
+    var centsDisplayed = (inline && showCents && ",".concat(cents || '00', " \u20AC")) || (showCents && "\u20AC".concat(cents || '00')) || '€';
+    var returnComponent = (React.createElement("div", { className: hashClass(clsx('price-container', is("level-".concat(level || '1')))), ref: ref },
+        overline && React.createElement("p", { className: hashClass(clsx('overline')) }, overline),
+        strikedAmount && (React.createElement("span", __assign({ "aria-hidden": 'true', "data-testid": testId, className: classesStriked }, others),
+            React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(wholeStriked)),
+            React.createElement("span", { className: hashClass(clsx('price-details')) },
+                React.createElement("span", { className: hashClass(clsx('cents')) },
+                    inline && centsDisplayed === '€' ? React.createElement(React.Fragment, null,
                         "\u00A0",
                         centsDisplayed) : centsDisplayed,
                     mention && React.createElement("sup", null, mention)),
-                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                period && React.createElement("span", { className: hashClass(clsx('period')) },
                     "/",
-                    period))));
-    }
-    if (amount) {
-        var isNegative = amount < 0;
-        var absoluteAmount = Math.abs(amount);
-        var absoluteWhole = Math.floor(absoluteAmount);
-        var whole = isNegative ? -absoluteWhole : absoluteWhole;
-        var cents = checkCents(((_c = absoluteAmount.toString().split(/[.,]/)[1]) === null || _c === void 0 ? void 0 : _c.substring(0, 2)) || '');
-        cents = (cents && cents.length === 1 && "".concat(cents, "0")) || cents;
-        var centsDisplayed = (!hideCents && ",".concat(cents || '00', " \u20AC")) || (!hideCents && "\u20AC".concat(cents || '00')) || '€';
-        amountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', "aria-label": accessibilityLabel, className: classes }, others),
+                    period)))),
+        React.createElement("span", __assign({ "aria-hidden": 'true', "data-testid": testId, "aria-label": accessibilityLabel, className: classes }, others),
             React.createElement(Text, { markup: TextMarkup.SPAN }, "".concat(whole)),
-            React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                    centsDisplayed === '€' ? React.createElement(React.Fragment, null,
+            React.createElement("span", { className: hashClass(clsx('price-details')) },
+                React.createElement("span", { className: hashClass(clsx('cents')) },
+                    inline && centsDisplayed === '€' ? React.createElement(React.Fragment, null,
                         "\u00A0",
                         centsDisplayed) : centsDisplayed,
                     mention && React.createElement("sup", null, mention)),
-                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                period && React.createElement("span", { className: hashClass(clsx('period')) },
                     "/",
-                    period))));
-    }
-    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('price-container', is("level-".concat(level || '1')), (align == Alignable.ALIGNED_START && is('justified-left')) ||
-            (align == Alignable.ALIGNED_CENTER && is('justified-center')) ||
-            (align == Alignable.ALIGNED_END && is('justified-right')) ||
-            '')) },
-        overline && React.createElement("p", { className: hashClass(styled, clsx('overline')) }, overline),
-        oldAmountComponent,
-        amountComponent,
-        tagAmountComponent,
+                    period))),
+        tagAmount && (React.createElement("span", __assign({}, { role: 'paragraph' }, { className: hashClass(clsx('price-tag')) }),
+            React.createElement(Text, { className: clsx('tag-amount'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyColor.TEXT_WHITE] },
+                tagAmount,
+                " ",
+                tagSymbol ? tagSymbol : '€'),
+            tagSymbol === '€' && period && (React.createElement(Text, { className: clsx('tag-period'), markup: TextMarkup.SPAN, typo: [TypographyBold.TEXT_WEIGHT_NORMAL, TypographyColor.TEXT_WHITE] },
+                "\u00A0/",
+                period)))),
         accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
+    if (align) {
+        return React.createElement("div", { className: priceParentNode }, returnComponent);
+    }
+    return returnComponent;
 };
-export default Price;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBbUMsTUFBTSxXQUFXLENBQUE7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFjRjs7SUFiWCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxrQkFBa0Isd0JBQUEsRUFDbEIsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQWJJLDRJQWNkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxR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
+export default React.forwardRef(Price);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFFNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFDWixFQWlCYSxFQUNiLEdBQThCOztJQWpCNUIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sa0JBQWtCLHdCQUFBLEVBQ2xCLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDTixNQUFNLGNBaEJYLHdMQWlCQyxDQURVO0lBSVgsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsSUFBSSxFQUFF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

package/lib/components/price/Price.native.d.ts

@@ -1,24 +1,5 @@
-/// <reference types="react" />
-import { PriceProps } from './PriceProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-/**
- * Price Component
- * @param amount {number} Amount for Price
- * @param mention {string} Mention for price ( (1)* )
- * @param period {string} Period for Price (mois)
- * @param hideCents {boolean} Display cents
- * @param level {PriceLevel} Price custom size
- * @param style {Object} Additional style
- * @param inverted {boolean} Inverted Price Color
- * @param align {Alignable} Price alignement
- * @param inline {boolean} Inline display Price
- * @param testId {string} id for test
- * @param accessibilityLabel {string}
- * @param oldAmount {boolean} Striked Amount Price
- * @param overline {string} Price overline
- */
-declare const Price: {
-    ({ amount, mention, period, hideCents, level, inverted, align, testId, accessibilityLabel, oldAmount, overline, ...others }: PriceProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Price;
+import React from 'react';
+import { View } from 'react-native';
+import { PriceProps } from '../../components/price/PriceProps';
+declare const _default: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<View>>;
+export default _default;