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

package/lib/components/price/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/price/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/lib/components/product-tour/ProductTour.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ProductTourWebProps } from './ProductTourProps';
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ * @param className {string} Additionnal css classes
+ * @param active {boolean} Display component
+ * @param arrowDirection {ArrowDirection} UP|BOTTOM||LEFT|RIGHT - Display arrow
+ * @param arrowAlign {ArrowAlign} ONE_FIFTH|ONE_QUARTER|ONE_THRID|TWO_FIFTHS|THREE_FIFTHS|
+ * TWO_THIRDS|THREE_QUARTERS|FOUR_FIFTHS
+ * @param closeable {boolean} Display close icon
+ * @param avatarSrc {string} Display avatar if source
+ * @param avatarDirection {AvatarDirection} LEFT|RIGHT
+ */
+declare const ProductTour: ({ children, className, active, arrowDirection, arrowAlign, closeable, avatarSrc, avatarDirection, ...others }: ProductTourWebProps) => JSX.Element;
+export default ProductTour;

package/lib/components/product-tour/ProductTour.js

@@ -0,0 +1,35 @@
+import React, { useEffect, useState } from 'react';
+import { is, has } from '../../services';
+import { Icon, IconName, IconSize } from '../icon';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ * @param className {string} Additionnal css classes
+ * @param active {boolean} Display component
+ * @param arrowDirection {ArrowDirection} UP|BOTTOM||LEFT|RIGHT - Display arrow
+ * @param arrowAlign {ArrowAlign} ONE_FIFTH|ONE_QUARTER|ONE_THRID|TWO_FIFTHS|THREE_FIFTHS|
+ * TWO_THIRDS|THREE_QUARTERS|FOUR_FIFTHS
+ * @param closeable {boolean} Display close icon
+ * @param avatarSrc {string} Display avatar if source
+ * @param avatarDirection {AvatarDirection} LEFT|RIGHT
+ */
+const ProductTour = ({ children, className, active, arrowDirection, arrowAlign, closeable, avatarSrc, avatarDirection, ...others }) => {
+    const [display, setDisplay] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+        setDisplay(active || false);
+    }, [active]);
+    const classes = hashClass(styled, clsx('product-tour', display && is('active'), avatarDirection && has(`icon-${avatarDirection}`), className));
+    return (React.createElement("div", { className: classes, ...others },
+        arrowDirection && (React.createElement("div", { className: hashClass(styled, clsx('arrow', is(arrowDirection), arrowAlign && is(arrowAlign))) })),
+        avatarSrc && (React.createElement("span", { className: hashClass(styled, clsx('icon', is('medium'))) },
+            React.createElement("img", { className: hashClass(styled, clsx(is('rounded'))), src: avatarSrc }))),
+        closeable && (React.createElement("div", { style: { cursor: 'pointer' }, onClick: () => setDisplay(!display) },
+            React.createElement(Icon, { size: IconSize.SMALL, name: IconName.TIMES, className: 'close' }))),
+        React.createElement("div", { className: hashClass(styled, clsx('product-tour-content')) }, children)));
+};
+export default ProductTour;
+//# sourceMappingURL=ProductTour.js.map

package/lib/components/product-tour/ProductTour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTour.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,GAAG,MAAM,EACW,EAAe,EAAE;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,eAAe,IAAI,GAAG,CAAC,QAAQ,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,CAC5G,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CACvG;QACA,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CACrE,CACR;QACA,SAAS,IAAI,CACZ,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;YACpE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO,GAAG,CAClE,CACP;QACD,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC7E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/product-tour/ProductTour.native.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ProductTourProps } from "./ProductTourProps";
+import { ComponentName } from "../enumsComponentsName";
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ */
+declare const ProductTour: {
+    ({ children, }: ProductTourProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ProductTour;

package/lib/components/product-tour/ProductTour.native.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ComponentName } from "../enumsComponentsName";
+import { View } from "react-native";
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ */
+const ProductTour = ({ children, }) => {
+    return (React.createElement(View, null, children));
+};
+ProductTour.displayName = ComponentName.ProductTour;
+export default ProductTour;
+//# sourceMappingURL=ProductTour.native.js.map

package/lib/components/product-tour/ProductTour.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTour.native.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,GACS,EAAe,EAAE;IAElC,OAAO,CACL,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACxB,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/product-tour/ProductTourProps.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+/**
+ * Arrow direction
+ */
+export declare enum ArrowDirection {
+    UP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
+/**
+ * Arrow direction values
+ */
+export type ArrowDirectionValues = `${ArrowDirection}`;
+/**
+ * Arrow align
+ */
+export declare enum ArrowAlign {
+    ONE_FIFTH = "one-fifth",
+    ONE_QUARTER = "one-quarter",
+    ONE_THRID = "one-thrid",
+    TWO_FIFTHS = "two-fifths",
+    THREE_FIFTHS = "three-fifths",
+    TWO_THIRDS = "two-thirds",
+    THREE_QUARTERS = "three-quarters",
+    FOUR_FIFTHS = "four-fifths"
+}
+/**
+ * Arrow align values
+ */
+export type ArrowAlignValues = `${ArrowAlign}`;
+/**
+ * Avatar direction
+ */
+export declare enum AvatarDirection {
+    LEFT = "left",
+    RIGHT = "right"
+}
+/**
+ * Avatar direction values
+ */
+export type AvatarDirectionValues = `${AvatarDirection}`;
+/**
+ * Product Tour Interface
+ */
+export interface ProductTourProps {
+    children?: React.ReactNode;
+    active?: boolean;
+    arrowDirection?: ArrowDirection | ArrowDirectionValues;
+    arrowAlign?: ArrowAlign | ArrowAlignValues;
+    closeable?: boolean;
+    avatarSrc?: string;
+    avatarDirection?: AvatarDirection | AvatarDirectionValues;
+}
+/**
+ * Product Tour Web Interface
+ */
+export interface ProductTourWebProps extends ProductTourProps {
+    className?: string;
+}

package/lib/components/product-tour/ProductTourProps.js

@@ -0,0 +1,33 @@
+/**
+ * Arrow direction
+ */
+export var ArrowDirection;
+(function (ArrowDirection) {
+    ArrowDirection["UP"] = "top";
+    ArrowDirection["BOTTOM"] = "bottom";
+    ArrowDirection["LEFT"] = "left";
+    ArrowDirection["RIGHT"] = "right";
+})(ArrowDirection || (ArrowDirection = {}));
+/**
+ * Arrow align
+ */
+export var ArrowAlign;
+(function (ArrowAlign) {
+    ArrowAlign["ONE_FIFTH"] = "one-fifth";
+    ArrowAlign["ONE_QUARTER"] = "one-quarter";
+    ArrowAlign["ONE_THRID"] = "one-thrid";
+    ArrowAlign["TWO_FIFTHS"] = "two-fifths";
+    ArrowAlign["THREE_FIFTHS"] = "three-fifths";
+    ArrowAlign["TWO_THIRDS"] = "two-thirds";
+    ArrowAlign["THREE_QUARTERS"] = "three-quarters";
+    ArrowAlign["FOUR_FIFTHS"] = "four-fifths";
+})(ArrowAlign || (ArrowAlign = {}));
+/**
+ * Avatar direction
+ */
+export var AvatarDirection;
+(function (AvatarDirection) {
+    AvatarDirection["LEFT"] = "left";
+    AvatarDirection["RIGHT"] = "right";
+})(AvatarDirection || (AvatarDirection = {}));
+//# sourceMappingURL=ProductTourProps.js.map

package/lib/components/product-tour/ProductTourProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTourProps.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTourProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,4BAAU,CAAA;IACV,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,iCAAe,CAAA;AACjB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,qCAAuB,CAAA;IACvB,yCAA2B,CAAA;IAC3B,qCAAuB,CAAA;IACvB,uCAAyB,CAAA;IACzB,2CAA6B,CAAA;IAC7B,uCAAyB,CAAA;IACzB,+CAAiC,CAAA;IACjC,yCAA2B,CAAA;AAC7B,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAOD;;GAEG;AACH,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,kCAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

package/lib/components/product-tour/index.d.ts

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

package/lib/components/product-tour/index.js

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

package/lib/components/product-tour/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/product-tour/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/lib/components/progress/Progress.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ProgressProps } from './ProgressProps';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param percent {number} Progress percent
+ * @param maxPercent {number} Default max percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param small {boolean} Small progress
+ * @param stacked {boolean} Stacked progress
+ * @param uniqueLegend {string} Unique legend
+ * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
+ * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ */
+declare const Progress: ({ children, className, percent, maxPercent, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }: ProgressProps) => JSX.Element;
+export default Progress;

package/lib/components/progress/Progress.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { is, has } from '../../services/index';
+import { Text, TextLevels } from '../text';
+import { Columns, ColumnsItem } from '../columns';
+import { getAlertClassName } from '../../objects';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param percent {number} Progress percent
+ * @param maxPercent {number} Default max percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param small {boolean} Small progress
+ * @param stacked {boolean} Stacked progress
+ * @param uniqueLegend {string} Unique legend
+ * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
+ * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ */
+const Progress = ({ children, className, percent, maxPercent = 100, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('progress', alert && is(getAlertClassName(alert)), !alert && is('primary'), small && is('small'), className));
+    const stackedClasses = hashClass(styled, clsx('progress', stacked && is('stacked'), className));
+    if (children && stacked) {
+        return (React.createElement("div", { className: stackedClasses, ...others }, children));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("progress", { className: classes, value: percent, max: maxPercent, ...others }, percent),
+        uniqueLegend && (React.createElement(Text, { className: has('text-centered'), level: TextLevels.TWO }, uniqueLegend)),
+        firstExtremLegend && secondExtremLegend && (React.createElement(Columns, { mobile: true, marginSize: 3 },
+            React.createElement(ColumnsItem, null,
+                React.createElement(Text, { level: TextLevels.TWO }, firstExtremLegend)),
+            React.createElement(ColumnsItem, { narrow: true },
+                React.createElement(Text, { level: TextLevels.TWO }, secondExtremLegend))))));
+};
+export default Progress;
+//# sourceMappingURL=Progress.js.map

package/lib/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/F,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,KAAM,MAAM,IACvC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCAAU,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,KAAM,MAAM,IACtE,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/progress/Progress.native.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ProgressProps } from './ProgressProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param percent {number} Progress percent
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param stacked {boolean} Stacked progress
+ * @param uniqueLegend {stringabsolute} Unique legend
+ * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
+ * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
+ */
+declare const Progress: {
+    ({ children, percent, alert, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }: ProgressProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Progress;

package/lib/components/progress/Progress.native.js

@@ -0,0 +1,100 @@
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { View } from '../view';
+import { Text, TextLevels } from '../text';
+import { getAlertStyle } from '../../objects';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param percent {number} Progress percent
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param stacked {boolean} Stacked progress
+ * @param uniqueLegend {stringabsolute} Unique legend
+ * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
+ * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
+ */
+const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }) => {
+    const animation = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        // eslint-disable-next-line no-unused-expressions
+        typeof percent === 'number' &&
+            Animated.timing(animation, {
+                toValue: percent,
+                duration: 1000,
+                useNativeDriver: false,
+            }).start();
+    }, [animation, percent]);
+    const height = 6;
+    const width = animation.interpolate({
+        inputRange: [0, 100],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp',
+    });
+    const styles = StyleSheet.create({
+        progress: {
+            flexDirection: 'row',
+            width: '100%',
+            height: height,
+            backgroundColor: '#f8f8f8',
+            borderRadius: 15,
+        },
+        percent: {
+            alignSelf: 'flex-start',
+            height: height,
+            backgroundColor: getAlertStyle(alert) || '#fe544b',
+            borderRadius: 15,
+        },
+        progressItemFirst: {
+            borderTopStartRadius: 6,
+            borderBottomLeftRadius: 6,
+        },
+        progressItemSecond: {
+            borderTopEndRadius: 6,
+            borderBottomRightRadius: 6,
+        },
+        test: {
+            width: 20,
+            backgroundColor: '#333',
+            height: 6,
+        },
+        uniqueLegend: {
+            textAlign: 'center',
+            paddingTop: 5,
+            fontWeight: '500',
+        },
+        extremLegend: {
+            width: '100%',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingTop: 5,
+            fontWeight: '500',
+        },
+    });
+    if (stacked) {
+        return (React.createElement(View, { style: styles.progress, ...others }, Array.isArray(children) &&
+            children.map(
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (child, index) => (child &&
+                child.type.name === 'ProgressItem' &&
+                React.cloneElement(child, {
+                    key: index,
+                    style: [
+                        index === 0 && styles.progressItemFirst,
+                        index === children.length - 1 && styles.progressItemSecond,
+                        { backgroundColor: getAlertStyle(child.props.alert), height: height },
+                    ],
+                })) ||
+                child)));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: styles.progress, ...others },
+            React.createElement(Animated.View, { style: [styles.percent, { width }] }, children)),
+        uniqueLegend && (React.createElement(Text, { style: styles.uniqueLegend, level: TextLevels.THREE }, uniqueLegend)),
+        firstExtremLegend && secondExtremLegend && !uniqueLegend && (React.createElement(View, { style: styles.extremLegend },
+            React.createElement(Text, { level: TextLevels.THREE }, firstExtremLegend),
+            React.createElement(Text, { level: TextLevels.THREE }, secondExtremLegend)))));
+};
+Progress.displayName = ComponentName.Progress;
+export default Progress;
+//# sourceMappingURL=Progress.native.js.map

package/lib/components/progress/Progress.native.js.map

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

package/lib/components/progress/ProgressProps.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { AlertProps } from '../../objects/facets/Alert';
+import { Stacked } from '../../objects/facets/Stacked';
+/**
+ * Progress Interface
+ */
+export interface ProgressProps extends AlertProps, Stacked {
+    children?: React.ReactNode;
+    percent?: number;
+    maxPercent?: number;
+    small?: boolean;
+    uniqueLegend?: string;
+    firstExtremLegend?: string;
+    secondExtremLegend?: string;
+    className?: string;
+}

package/lib/components/progress/ProgressProps.js

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

package/lib/components/progress/ProgressProps.js.map

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

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

@@ -0,0 +1,5 @@
+import Progress from './Progress';
+import ProgressItem from './item';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };

package/lib/components/progress/index.js

@@ -0,0 +1,6 @@
+import Progress from './Progress';
+import ProgressItem from './item';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,YAAY,MAAM,QAAQ,CAAA;AACjC,OAAO,cAAc,MAAM,UAAU,CAAA;AACrC,OAAO,kBAAkB,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAA"}

package/lib/components/progress/item/ProgressItem.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ProgressItemProps } from './ProgressItemProps';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param maxPercent {number} Default max percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ * @param accessibilityLabel {string} Accessibility label
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ */
+declare const ProgressItem: ({ className, percent, maxPercent, minPercent, alert, accessibilityLabel, ...others }: ProgressItemProps) => JSX.Element;
+export default ProgressItem;

package/lib/components/progress/item/ProgressItem.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { is } from '../../../services/index';
+import { getAlertClassName } from '../../../objects';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param maxPercent {number} Default max percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ * @param accessibilityLabel {string} Accessibility label
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ */
+const ProgressItem = ({ className, percent, maxPercent = 100, minPercent = 0, alert, accessibilityLabel, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('progress-bar', alert && is(getAlertClassName(alert)), !alert && is('primary'), className));
+    return (React.createElement("div", { ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
+};
+export default ProgressItem;
+//# sourceMappingURL=ProgressItem.js.map

package/lib/components/progress/item/ProgressItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,EACL,kBAAkB,EAClB,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAChG,CAAA;IAED,OAAO,CACL,gCACM,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/progress/item/ProgressItem.native.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ProgressItemProps } from './ProgressItemProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ */
+declare const ProgressItem: {
+    ({ children, percent, alert, ...others }: ProgressItemProps): JSX.Element;
+    dispmayName: ComponentName;
+};
+export default ProgressItem;

package/lib/components/progress/item/ProgressItem.native.js

@@ -0,0 +1,35 @@
+import React, { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Progress Item component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param alert {AlertState} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param children {React.ReactNode}
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const ProgressItem = ({ children, percent, alert, ...others }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const givenProps = others;
+    const givenstyle = givenProps.style;
+    const animation = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        // eslint-disable-next-line no-unused-expressions
+        percent &&
+            Animated.timing(animation, {
+                toValue: percent,
+                duration: 1000,
+                useNativeDriver: false,
+            }).start();
+    }, [animation, percent]);
+    const width = animation.interpolate({
+        inputRange: [0, 100],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp',
+    });
+    return (React.createElement(Animated.View, { ...others, style: [{ width }, ...givenstyle] }, children));
+};
+ProgressItem.dispmayName = ComponentName.ProgressItem;
+export default ProgressItem;
+//# sourceMappingURL=ProgressItem.native.js.map

package/lib/components/progress/item/ProgressItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressItem.native.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;GAMG;AACH,6DAA6D;AAC7D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC/F,8DAA8D;IAC9D,MAAM,UAAU,GAAG,MAAa,CAAA;IAChC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAA;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,OAAO;YACL,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,IACzD,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

package/lib/components/progress/item/ProgressItemProps.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Accessibility, AlertProps } from '../../../objects/facets';
+/**
+ * Progress Item Interface
+ */
+export interface ProgressItemProps extends AlertProps, Accessibility {
+    children?: React.ReactNode;
+    percent: number;
+    minPercent?: number;
+    maxPercent?: number;
+    className?: string;
+}

package/lib/components/progress/item/ProgressItemProps.js

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

package/lib/components/progress/item/ProgressItemProps.js.map

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

package/lib/components/progress/item/index.d.ts

@@ -0,0 +1,2 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;

package/lib/components/progress/item/index.js

@@ -0,0 +1,3 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;
+//# sourceMappingURL=index.js.map

package/lib/components/progress/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/progress/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/lib/components/progress/radial/ProgressRadial.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ProgressRadialProps } from './ProgressRadialProps';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param children {React.ReactNode}
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS classes
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const ProgressRadial: ({ className, percent, label, description, skeleton, stacked, children, ...others }: ProgressRadialProps) => JSX.Element;
+export default ProgressRadial;