@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

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

@@ -0,0 +1,93 @@
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { StyleSheet, View } from 'react-native';
+import { getColorStyle, TrilogyColor, TypographyAlign, TypographyColor } from '../../objects';
+import { Text, TextLevels } from '../text';
+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({
+        container: {
+            alignItems: 'center',
+        },
+        popover: {
+            minWidth: 50,
+            minHeight: 30,
+            backgroundColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderRadius: 6,
+            justifyContent: "center",
+            padding: 5,
+        },
+        arrow: {
+            width: 10,
+            height: 10,
+        },
+        arrowBottom: {
+            borderTopColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderTopWidth: 10,
+            borderLeftWidth: 10,
+            borderRightWidth: 10,
+            borderLeftColor: 'transparent',
+            borderRightColor: 'transparent',
+        },
+        arrowTop: {
+            borderBottomColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderBottomWidth: 10,
+            borderLeftWidth: 10,
+            borderRightWidth: 10,
+            borderLeftColor: 'transparent',
+            borderRightColor: 'transparent',
+        },
+        arrowLeft: {
+            borderTopWidth: 8,
+            borderBottomWidth: 8,
+            borderLeftWidth: 0,
+            borderRightWidth: 8,
+            borderTopColor: 'transparent',
+            borderBottomColor: 'transparent',
+            borderLeftColor: 'transparent',
+            borderRightColor: getColorStyle(TrilogyColor.TERTIARY),
+        },
+        arrowRight: {
+            borderTopWidth: 8,
+            borderBottomWidth: 8,
+            borderLeftWidth: 8,
+            borderRightWidth: 0,
+            borderTopColor: 'transparent',
+            borderBottomColor: 'transparent',
+            borderLeftColor: getColorStyle(TrilogyColor.TERTIARY),
+            borderRightColor: 'transparent',
+        },
+    });
+    if (active && content && (direction === PopoverDirection.LEFT || direction === PopoverDirection.RIGHT)) {
+        return (React.createElement(View, { 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,
+            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);
+};
+Popover.displayName = ComponentName.Popover;
+export default Popover;
+//# sourceMappingURL=Popover.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.native.js","sourceRoot":"","sources":["../../../components/popover/Popover.native.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+/**
+ * Popover direction
+ */
+export declare enum PopoverDirection {
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
+/**
+ * Popover direction values
+ */
+export type PopoverDirectionValues = `${PopoverDirection}`;
+/**
+ * Popover arrow
+ */
+export declare enum PopoverArrowPosition {
+    START = "start",
+    END = "end"
+}
+/**
+ * Popover arrow values
+ */
+export type PopoverArrowPositionValues = `${PopoverArrowPosition}`;

package/lib/components/popover/PopoverEnum.js

@@ -0,0 +1,18 @@
+/**
+ * Popover direction
+ */
+export var PopoverDirection;
+(function (PopoverDirection) {
+    PopoverDirection["BOTTOM"] = "bottom";
+    PopoverDirection["LEFT"] = "left";
+    PopoverDirection["RIGHT"] = "right";
+})(PopoverDirection || (PopoverDirection = {}));
+/**
+ * Popover arrow
+ */
+export var PopoverArrowPosition;
+(function (PopoverArrowPosition) {
+    PopoverArrowPosition["START"] = "start";
+    PopoverArrowPosition["END"] = "end";
+})(PopoverArrowPosition || (PopoverArrowPosition = {}));
+//# sourceMappingURL=PopoverEnum.js.map

package/lib/components/popover/PopoverEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverEnum.js","sourceRoot":"","sources":["../../../components/popover/PopoverEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,qCAAiB,CAAA;IACjB,iCAAa,CAAA;IACb,mCAAe,CAAA;AACjB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,uCAAe,CAAA;IACf,mCAAW,CAAA;AACb,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,QAG/B"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { PopoverArrowPosition, PopoverArrowPositionValues, PopoverDirection, PopoverDirectionValues } from './PopoverEnum';
+import { Accessibility } from '../../objects';
+/**
+ * Popover Interface
+ */
+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 {
+    className?: string;
+}

package/lib/components/popover/PopoverProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PopoverProps.js.map

package/lib/components/popover/PopoverProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverProps.js","sourceRoot":"","sources":["../../../components/popover/PopoverProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import Popover from './Popover';
+export * from './PopoverEnum';
+export { Popover };

package/lib/components/popover/index.js

@@ -0,0 +1,4 @@
+import Popover from './Popover';
+export * from './PopoverEnum';
+export { Popover };
+//# sourceMappingURL=index.js.map

package/lib/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,cAAc,eAAe,CAAA;AAE7B,OAAO,EAAE,OAAO,EAAE,CAAA"}

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

@@ -0,0 +1,25 @@
+/// <reference types="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 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
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param striked {boolean} Striked Price
+ * - --------------- 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;
+export default Price;

package/lib/components/price/Price.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import clsx from 'clsx';
+import { has, is } from '../../services/classify';
+import { Text } from '../text';
+import { Alignable } from '../../objects';
+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 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
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param striked {boolean} Striked Price
+ * - --------------- 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)))));
+    }
+    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))));
+};
+export default Price;
+//# sourceMappingURL=Price.js.map

package/lib/components/price/Price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../components/price/Price.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+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 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 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
+ */
+declare const Price: {
+    ({ variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }: PriceProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Price;

package/lib/components/price/Price.native.js

@@ -0,0 +1,187 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { PriceVariant, PriceLevel } from './PriceEnum';
+import { Alignable, getAlertStyle, getColorStyle, TrilogyColor } from '../../objects';
+import { checkCents } from './PriceHelpers';
+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 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 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
+ */
+const Price = ({ variant, amount, mention, period, showCents, level, huge, inverted, align, alert, inline, testId, accessibilityLabel, striked, suptitle, ...others }) => {
+    var _a;
+    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(Math.round((absoluteAmount - absoluteWhole) * 100))
+    //   .toString()
+    //   .padStart(2, '0')
+    const cents = checkCents(((_a = absoluteAmount.toString().split(/[.,]/)[1]) === null || _a === void 0 ? void 0 : _a.substring(0, 2)) || '');
+    const primaryColor = getColorStyle(TrilogyColor.TERTIARY);
+    const secondaryColor = getColorStyle(TrilogyColor.SECONDARY);
+    const invertedColor = getColorStyle(TrilogyColor.WHITE);
+    const priceLevel = (huge && 45) ||
+        (level == PriceLevel.LEVEL1 && 64) ||
+        (level == PriceLevel.LEVEL2 && 56) ||
+        (level == PriceLevel.LEVEL3 && 44) ||
+        (level == PriceLevel.LEVEL4 && 32) ||
+        (level == PriceLevel.LEVEL5 && 28) ||
+        (level == PriceLevel.LEVEL6 && 24) ||
+        (level == PriceLevel.LEVEL7 && 20) ||
+        44;
+    const centsLevel = priceLevel * 0.4;
+    const suptitleLevel = priceLevel * 0.2;
+    const color = useMemo(() => (inverted && !striked && invertedColor) ||
+        (inverted && striked && '#b0b0b0') ||
+        (alert && getAlertStyle(alert)) ||
+        (!striked && !inverted && variant === PriceVariant.PRIMARY && primaryColor) ||
+        (!striked && !inverted && variant === PriceVariant.SECONDARY && secondaryColor) ||
+        (striked && !inverted && (!variant || variant === PriceVariant.PRIMARY) && '#8999a7') ||
+        (striked && !inverted && variant === PriceVariant.SECONDARY && '#8cc9d9') ||
+        primaryColor, [inverted, striked, alert, variant]);
+    const strikedRotateByLevel = () => {
+        return ((huge && '-16deg') ||
+            (level == PriceLevel.LEVEL7 && (showCents || period) && '-18deg') ||
+            (level == PriceLevel.LEVEL6 && (showCents || period) && '-19deg') ||
+            (level == PriceLevel.LEVEL5 && (showCents || period) && '-18deg') ||
+            (level == PriceLevel.LEVEL4 && (showCents || period) && '-16deg') ||
+            (level == PriceLevel.LEVEL3 && (showCents || period) && '-16deg') ||
+            (level == PriceLevel.LEVEL2 && (showCents || period) && '-16deg') ||
+            (level == PriceLevel.LEVEL1 && (showCents || period) && '-15deg') ||
+            (level == PriceLevel.LEVEL1 && '-17deg') ||
+            (level == PriceLevel.LEVEL2 && '-18deg') ||
+            (level == PriceLevel.LEVEL3 && '-20deg') ||
+            (level == PriceLevel.LEVEL4 && '-18deg') ||
+            (level == PriceLevel.LEVEL5 && '-18deg') ||
+            (level == PriceLevel.LEVEL6 && '-22deg') ||
+            (level == PriceLevel.LEVEL7 && '-22deg') ||
+            (!level && (showCents || period) && '-15deg') ||
+            '-20deg');
+    };
+    const strikedBottomByLevel = () => {
+        return ((huge && 32) ||
+            (level == PriceLevel.LEVEL7 && (showCents || period) && 12) ||
+            (level == PriceLevel.LEVEL6 && (showCents || period) && 15) ||
+            (level == PriceLevel.LEVEL5 && (showCents || period) && 18) ||
+            (level == PriceLevel.LEVEL4 && (showCents || period) && 19) ||
+            (level == PriceLevel.LEVEL3 && (showCents || period) && 26) ||
+            (level == PriceLevel.LEVEL2 && (showCents || period) && 33) ||
+            (level == PriceLevel.LEVEL1 && (showCents || period) && 37) ||
+            (level == PriceLevel.LEVEL1 && 34) ||
+            (level == PriceLevel.LEVEL2 && 30) ||
+            (level == PriceLevel.LEVEL3 && 24) ||
+            (level == PriceLevel.LEVEL4 && 18) ||
+            (level == PriceLevel.LEVEL5 && 16) ||
+            (level == PriceLevel.LEVEL6 && 14) ||
+            (level == PriceLevel.LEVEL7 && 12) ||
+            (!level && (showCents || period) && 25) ||
+            25);
+    };
+    const styles = StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            alignSelf: (align && align == Alignable.ALIGNED_START && 'flex-start') ||
+                (align && align == Alignable.ALIGNED_CENTER && 'center') ||
+                (align && align == Alignable.ALIGNED_END && 'flex-end') ||
+                'flex-start',
+        },
+        priceContainer: {
+            padding: 0,
+            paddingLeft: (inline && 0) ||
+                (level == PriceLevel.LEVEL5 && 2) ||
+                (level == PriceLevel.LEVEL6 && 2) ||
+                (level == PriceLevel.LEVEL7 && 2) ||
+                4,
+            flexDirection: 'column',
+            justifyContent: 'center',
+            width: 'auto',
+            position: 'relative',
+        },
+        price: {
+            fontSize: priceLevel,
+            fontWeight: (level == PriceLevel.LEVEL6 && 'normal') || (level == PriceLevel.LEVEL7 && 'normal') || 'bold',
+            color: color,
+        },
+        cents: {
+            fontWeight: 'bold',
+            color: color,
+            fontSize: centsLevel,
+        },
+        period: {
+            color: color,
+            fontSize: centsLevel,
+        },
+        inlinePeriod: {
+            color: color,
+            fontSize: priceLevel,
+        },
+        striked: {
+            position: 'absolute',
+            height: 1,
+            backgroundColor: (inverted && invertedColor) ||
+                (variant === PriceVariant.PRIMARY && primaryColor) ||
+                (variant === PriceVariant.SECONDARY && secondaryColor) ||
+                primaryColor,
+            width: period ? '96%' : '100%',
+            transform: [{ rotate: inline ? '-10deg' : strikedRotateByLevel() }],
+            bottom: strikedBottomByLevel(),
+            left: 1,
+            zIndex: 20,
+        },
+        suptitle: {
+            fontSize: suptitleLevel,
+            paddingLeft: 4,
+            marginBottom: -3,
+            color: color,
+            fontWeight: (level == PriceLevel.LEVEL6 && 'normal') || (level == PriceLevel.LEVEL7 && 'normal') || 'bold',
+        },
+    });
+    const priceText = `${whole}€${showCents ? cents : ''}${mention ? mention : ''}${period ? ` / ${period}` : ''}`;
+    const priceTestId = testId ? testId : priceText ? priceText : 'NotSpecified';
+    const priceAccessibilityLabel = accessibilityLabel ? accessibilityLabel : priceText ? priceText : 'NotSpecified';
+    return (React.createElement(React.Fragment, null,
+        suptitle && React.createElement(Text, { style: styles.suptitle }, suptitle),
+        React.createElement(View, { style: styles.container, accessible: !!priceAccessibilityLabel, accessibilityLabel: priceAccessibilityLabel, testID: priceTestId, ...others }, inline ? (React.createElement(View, { style: [styles.priceContainer, { flexDirection: 'row' }] },
+            striked && React.createElement(Text, { style: styles.striked }),
+            React.createElement(Text, { style: styles.price },
+                whole,
+                "\u20AC",
+                showCents && cents),
+            React.createElement(Text, { style: styles.inlinePeriod },
+                mention,
+                period && ` / ${period}`))) : (React.createElement(View, { style: [{ flexDirection: 'row' }] },
+            striked && React.createElement(Text, { style: styles.striked }),
+            React.createElement(View, { style: styles.priceContainer },
+                React.createElement(Text, { style: styles.price }, `${whole}`)),
+            React.createElement(View, { style: styles.priceContainer },
+                React.createElement(Text, { style: styles.cents },
+                    "\u20AC",
+                    showCents && (cents || '00'),
+                    mention && mention),
+                React.createElement(Text, { style: styles.period }, period && `/${period}`)))))));
+};
+Price.displayName = ComponentName.Price;
+export default Price;
+//# sourceMappingURL=Price.native.js.map

package/lib/components/price/Price.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.native.js","sourceRoot":"","sources":["../../../components/price/Price.native.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+export declare enum PriceVariant {
+    PRIMARY = "main",
+    SECONDARY = "main-price"
+}
+export type PriceVariantValues = 'main' | 'main-price';
+export declare enum PriceLevel {
+    LEVEL1 = 1,
+    LEVEL2 = 2,
+    LEVEL3 = 3,
+    LEVEL4 = 4,
+    LEVEL5 = 5,
+    LEVEL6 = 6,
+    LEVEL7 = 7
+}
+export type PriceLevelValues = `${PriceLevel}`;

package/lib/components/price/PriceEnum.js

@@ -0,0 +1,16 @@
+export var PriceVariant;
+(function (PriceVariant) {
+    PriceVariant["PRIMARY"] = "main";
+    PriceVariant["SECONDARY"] = "main-price";
+})(PriceVariant || (PriceVariant = {}));
+export var PriceLevel;
+(function (PriceLevel) {
+    PriceLevel[PriceLevel["LEVEL1"] = 1] = "LEVEL1";
+    PriceLevel[PriceLevel["LEVEL2"] = 2] = "LEVEL2";
+    PriceLevel[PriceLevel["LEVEL3"] = 3] = "LEVEL3";
+    PriceLevel[PriceLevel["LEVEL4"] = 4] = "LEVEL4";
+    PriceLevel[PriceLevel["LEVEL5"] = 5] = "LEVEL5";
+    PriceLevel[PriceLevel["LEVEL6"] = 6] = "LEVEL6";
+    PriceLevel[PriceLevel["LEVEL7"] = 7] = "LEVEL7";
+})(PriceLevel || (PriceLevel = {}));
+//# sourceMappingURL=PriceEnum.js.map

package/lib/components/price/PriceEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceEnum.js","sourceRoot":"","sources":["../../../components/price/PriceEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,gCAAgB,CAAA;IAChB,wCAAwB,CAAA;AAC1B,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAID,MAAM,CAAN,IAAY,UAQX;AARD,WAAY,UAAU;IACpB,+CAAU,CAAA;IACV,+CAAU,CAAA;IACV,+CAAU,CAAA;IACV,+CAAU,CAAA;IACV,+CAAU,CAAA;IACV,+CAAU,CAAA;IACV,+CAAU,CAAA;AACZ,CAAC,EARW,UAAU,KAAV,UAAU,QAQrB"}

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

@@ -0,0 +1 @@
+export declare const checkCents: (text: string) => string;

package/lib/components/price/PriceHelpers.js

@@ -0,0 +1,10 @@
+export const checkCents = (text) => {
+    let result = text;
+    if (text === '')
+        return '00';
+    if (text.length === 1) {
+        result += '0';
+    }
+    return result;
+};
+//# sourceMappingURL=PriceHelpers.js.map

package/lib/components/price/PriceHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceHelpers.js","sourceRoot":"","sources":["../../../components/price/PriceHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,IAAI,MAAM,GAAG,IAAI,CAAA;IACjB,IAAI,IAAI,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IAC5B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACrB,MAAM,IAAI,GAAG,CAAA;KACd;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { PriceVariant, PriceLevel, PriceVariantValues, PriceLevelValues } from './PriceEnum';
+import { Invertable } from '../../objects/facets/Invertable';
+import { Accessibility, AlertProps, AlignableProps } from '../../objects';
+/**
+ * Price Interface
+ */
+export interface PriceProps extends Invertable, Accessibility, AlignableProps, AlertProps {
+    children?: React.ReactNode;
+    variant?: PriceVariant | PriceVariantValues;
+    amount: number;
+    mention?: string;
+    period?: string;
+    showCents?: boolean;
+    inline?: boolean;
+    level?: PriceLevel | PriceLevelValues;
+    /** @deprecated v-1.3.2 */
+    huge?: boolean;
+    className?: string;
+    striked?: boolean;
+    suptitle?: string;
+}

package/lib/components/price/PriceProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PriceProps.js.map

package/lib/components/price/PriceProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceProps.js","sourceRoot":"","sources":["../../../components/price/PriceProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+import Price from './Price';
+export * from './PriceEnum';
+export { Price };