@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-calendar

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

@@ -1,29 +1,27 @@
-import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
+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 '../text';
+import { getColorStyle, TrilogyColor } from '../../objects';
 import { PopoverDirection } from './PopoverEnum';
 /**
  * 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
- * @param arrowPosition {PopoverArrowPosition} Position of the popover arrow
  */
-const Popover = ({ children, active = false, content, direction }) => {
-    const styles = StyleSheet.create({
+var Popover = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, direction = _a.direction;
+    var styles = StyleSheet.create({
         container: {
             alignItems: 'center',
         },
         popover: {
             minWidth: 50,
             minHeight: 30,
-            backgroundColor: getColorStyle(TrilogyColor.TERTIARY),
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
             borderRadius: 6,
-            justifyContent: "center",
+            justifyContent: 'center',
             padding: 5,
         },
         arrow: {
@@ -31,7 +29,7 @@ const Popover = ({ children, active = false, content, direction }) => {
             height: 10,
         },
         arrowBottom: {
-            borderTopColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderTopColor: getColorStyle(TrilogyColor.MAIN),
             borderTopWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
@@ -39,7 +37,7 @@ const Popover = ({ children, active = false, content, direction }) => {
             borderRightColor: 'transparent',
         },
         arrowTop: {
-            borderBottomColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderBottomColor: getColorStyle(TrilogyColor.MAIN),
             borderBottomWidth: 10,
             borderLeftWidth: 10,
             borderRightWidth: 10,
@@ -54,7 +52,7 @@ const Popover = ({ children, active = false, content, direction }) => {
             borderTopColor: 'transparent',
             borderBottomColor: 'transparent',
             borderLeftColor: 'transparent',
-            borderRightColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderRightColor: getColorStyle(TrilogyColor.MAIN),
         },
         arrowRight: {
             borderTopWidth: 8,
@@ -63,31 +61,33 @@ const Popover = ({ children, active = false, content, direction }) => {
             borderRightWidth: 0,
             borderTopColor: 'transparent',
             borderBottomColor: 'transparent',
-            borderLeftColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderLeftColor: getColorStyle(TrilogyColor.MAIN),
             borderRightColor: 'transparent',
         },
     });
-    if (active && content && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
-        return (React.createElement(View, { style: { flexDirection: 'row', justifyContent: 'center', alignItems: 'center' } },
+    if (active && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
+        return (React.createElement(View, { ref: ref, style: {
+                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)) {
-        return (React.createElement(View, null,
+    if (active && (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=Popover.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3Zlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFaEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QyxFQUFFLEdBQUc7UUFBMUMsUUFBUSxjQUFBLEVBQUUsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ3JHLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsVUFBVSxFQUFFLFFBQVE7U0FDckI7UUFDRCxPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsRUFBRTtZQUNaLFNBQVMsRUFBRSxFQUFFO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELFlBQVksRUFBRSxDQUFDO1lBQ2YsY0FBYyxFQUFFLFFBQVE7WUFDeEIsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7U0FDWDtRQUNELFdBQVcsRUFBRTtZQUNYLGNBQWMsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztZQUNoRCxjQUFjLEVBQUUsRUFBRTtZ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

package/lib/components/popover/PopoverEnum.js

@@ -15,4 +15,4 @@ export var PopoverArrowPosition;
     PopoverArrowPosition["START"] = "start";
     PopoverArrowPosition["END"] = "end";
 })(PopoverArrowPosition || (PopoverArrowPosition = {}));
-//# sourceMappingURL=PopoverEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BvcG92ZXIvUG9wb3ZlckVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLGlDQUFhLENBQUE7SUFDYixtQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSTNCO0FBT0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLHVDQUFlLENBQUE7SUFDZixtQ0FBVyxDQUFBO0FBQ2IsQ0FBQyxFQUhXLG9CQUFvQixLQUFwQixvQkFBb0IsUUFHL0IifQ==

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

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

package/lib/components/popover/PopoverProps.js

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

package/lib/components/popover/PopoverPropsDefaults.js

@@ -0,0 +1,60 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "direction": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "bottom",
+      "left",
+      "right",
+      "bottom",
+      "left",
+      "right"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "arrowPosition": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "end",
+      "start",
+      "start",
+      "end"
+    ]
+  },
+  "trigger": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  }
+};

package/lib/components/popover/PopoverWebPropsDefaults.js

@@ -0,0 +1,88 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "direction": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "bottom",
+      "left",
+      "right",
+      "bottom",
+      "left",
+      "right"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "arrowPosition": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "end",
+      "start",
+      "start",
+      "end"
+    ]
+  },
+  "trigger": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "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/popover/index.js

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

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

@@ -1,25 +1,22 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PriceProps } from './PriceProps';
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
- * @param showCents {boolean} Display cents
+ * @param hideCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge 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 suptitle {string} Price Suptitle
+ * @param overline {string} Price overline
+ * @param oldAmount {boolean} old Amount Price
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param striked {boolean} Striked Price
+ * @param className {string} Additional CSS Classes
  * - --------------- NATIVE PROPERTIES ----------------------------------
  */
-declare const Price: ({ className, variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }: PriceProps) => JSX.Element;
+declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<HTMLDivElement>>;
 export default Price;

package/lib/components/price/Price.js

@@ -1,83 +1,91 @@
-import React from 'react';
-import clsx from 'clsx';
-import { has, is } from '../../services/classify';
-import { Text } from '../text';
+import { __assign, __rest } from "tslib";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
 import { Alignable } from '../../objects';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { Text, TextMarkup } from '../text';
 import { checkCents } from './PriceHelpers';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
- * @param showCents {boolean} Display cents
+ * @param hideCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge 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 suptitle {string} Price Suptitle
+ * @param overline {string} Price overline
+ * @param oldAmount {boolean} old Amount Price
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
- * @param striked {boolean} Striked Price
+ * @param className {string} Additional CSS Classes
  * - --------------- NATIVE PROPERTIES ----------------------------------
  */
-const Price = ({ className, variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }) => {
-    var _a;
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('price', !alert && variant && is(`${variant}`), !variant && alert && is(`${alert}`), level && !huge && is(`level-${level}`), huge && !level && is('huge'), inverted && is('inverted'), inline && is('inlined'), striked && is('striked'), suptitle && has('suptitle'), className));
-    const priceParentNode = hashClass(styled, clsx((align == Alignable.ALIGNED_START && has('text-left')) ||
-        (align == Alignable.ALIGNED_CENTER && has('text-centered')) ||
-        (align == Alignable.ALIGNED_END && has('text-right')) ||
-        ''));
-    // const fixedCents = (n: any) => {
-    //   return n.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
-    // }
-    const isNegative = amount < 0;
-    const absoluteAmount = Math.abs(amount);
-    // Math.floor on negative decimal decrease its value (as expected), ex: Math.floor(-17.09) => -18
-    // Use of Math.abs prevent this in our case
-    const absoluteWhole = Math.floor(absoluteAmount);
-    const whole = isNegative ? -absoluteWhole : absoluteWhole;
-    // Floating point problem Math.floor gives inconsistent results with decimals,
-    // Math.round prevents it and is enough with prices decimals
-    // ex: (17.09 - 17) * 100 = 8.999999999999986 > Floating point problem
-    // ex: Math.round((17.09 - 17) * 100) = 9 > Expected result
-    // For more informations https://floating-point-gui.de/
-    // const cents = Math.floor((absoluteAmount - absoluteWhole) * 100)
-    //   .toString()
-    //   .padStart(2, '0')
-    let cents = checkCents(((_a = absoluteAmount.toString().split(/[.,]/)[1]) === null || _a === void 0 ? void 0 : _a.substring(0, 2)) || '');
-    cents = (cents && cents.length === 1 && `${cents}0`) || cents;
-    const centsDisplayed = inline && showCents && `,${cents || '00'} €` || showCents && `€${cents || '00'}` || '€';
-    if (align) {
-        return (React.createElement("div", { className: priceParentNode },
-            React.createElement("div", { "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
-                suptitle && React.createElement("span", { className: 'price-suptitle' }, suptitle),
-                React.createElement(Text, { className: 'main' }, `${whole}`),
-                React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-                    React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                        centsDisplayed,
-                        mention && React.createElement("sup", null, mention)),
-                    period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
-                        "/",
-                        period)))));
+var Price = React.forwardRef(function (_a, ref) {
+    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 !== undefined) {
+        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 && "\u20AC".concat(cents)) || '€';
+        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,
+                        "\u00A0",
+                        centsDisplayed) : centsDisplayed,
+                    mention && React.createElement("sup", null, mention)),
+                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                    "/",
+                    period))));
+    }
+    if (amount !== undefined) {
+        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 && "\u20AC".concat(cents)) || '€';
+        var dataPrice = "".concat(whole).concat(!hideCents && cents ? ".".concat(cents) : '');
+        amountComponent = (React.createElement("span", __assign({ "aria-hidden": 'true', "aria-label": accessibilityLabel, className: classes, "data-price": dataPrice }, 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,
+                        "\u00A0",
+                        centsDisplayed) : centsDisplayed,
+                    mention && React.createElement("sup", null, mention)),
+                period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
+                    "/",
+                    period))));
     }
-    return (React.createElement("div", { "data-testid": testId, "aria-label": accessibilityLabel, className: classes, ...others },
-        suptitle && React.createElement("span", { className: 'price-suptitle' }, suptitle),
-        React.createElement(Text, { className: 'main' }, `${whole}`),
-        React.createElement("span", { className: hashClass(styled, clsx('price-details')) },
-            React.createElement("span", { className: hashClass(styled, clsx('cents')) },
-                centsDisplayed || '00',
-                mention && React.createElement("sup", null, mention)),
-            period && React.createElement("span", { className: hashClass(styled, clsx('period')) },
-                "/",
-                period))));
-};
+    return (React.createElement("div", { ref: ref, id: id, className: hashClass(styled, clsx('price-container', is("level-".concat(level || '1')), (align == Alignable.ALIGNED_START && is('justified-start')) ||
+            (align == Alignable.ALIGNED_CENTER && is('justified-center')) ||
+            (align == Alignable.ALIGNED_END && is('justified-end')) ||
+            '')) },
+        overline && React.createElement("p", { className: hashClass(styled, clsx('overline')) }, overline),
+        oldAmountComponent,
+        amountComponent,
+        tagAmountComponent,
+        accessibilityLabel && React.createElement("p", { className: hashClass(styled, clsx('sr-only')) }, accessibilityLabel)));
+});
+Price.displayName = ComponentName.Price;
 export default Price;
-//# sourceMappingURL=Price.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDMUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBRzNDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQ0UsRUFjQyxFQUNELEdBQUc7O0lBZEQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFDakIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsa0JBQWtCLHdCQUFBLEVBQ2xCLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FiWCw0SUFjQyxDQURVO0lBSUgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FB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

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

@@ -1,26 +1,21 @@
-/// <reference types="react" />
+import React from 'react';
+import { View } from 'react-native';
 import { PriceProps } from './PriceProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
  * Price Component
- * @param variant {PriceVariant} Variant for Price (PRIMARY|SECONDARY)
  * @param amount {number} Amount for Price
  * @param mention {string} Mention for price ( (1)* )
  * @param period {string} Period for Price (mois)
- * @param showCents {boolean} Display cents
+ * @param hideCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
- * @param huge {boolean} Price huge size
+ * @param style {Object} Additional style
  * @param inverted {boolean} Inverted Price Color
- * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param inline {boolean} Inline display Price
  * @param testId {string} id for test
  * @param accessibilityLabel {string}
- * @param suptitle {string} Price Suptitle
+ * @param oldAmount {boolean} Striked Amount Price
+ * @param overline {string} Price overline
  */
-declare const Price: {
-    ({ variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }: PriceProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Price: React.ForwardRefExoticComponent<PriceProps & React.RefAttributes<View>>;
 export default Price;