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

package/lib/components/price/PricePropsDefaults.js

@@ -15,7 +15,10 @@ export default {
   },
   "amount": {
     "type": "string",
-    "values": []
+    "values": [
+      "undefined",
+      "number"
+    ]
   },
   "mention": {
     "type": "string",
@@ -31,15 +34,7 @@ export default {
       "string"
     ]
   },
-  "showCents": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "inline": {
+  "hideCents": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -60,14 +55,7 @@ export default {
       7
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "strikedAmount": {
+  "oldAmount": {
     "type": "string",
     "values": [
       "undefined",
@@ -81,27 +69,6 @@ export default {
       "string"
     ]
   },
-  "style": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "Styles"
-    ]
-  },
-  "tagAmount": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
-  "tagSymbol": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "inverted": {
     "type": "boolean",
     "values": [
@@ -147,5 +114,19 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,2 +1,3 @@
-export { default as Price } from '../../components/price/Price';
-export * from '../../components/price/PriceEnum';
+import Price from './Price';
+export * from './PriceEnum';
+export { Price };

package/lib/components/price/index.js

@@ -1,3 +1,4 @@
-export { default as Price } from '../../components/price/Price';
-export * from '../../components/price/PriceEnum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDM0QsY0FBYyw4QkFBOEIsQ0FBQSJ9
+import Price from './Price';
+export * from './PriceEnum';
+export { Price };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

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

@@ -1,4 +1,16 @@
-import React from 'react';
-import { ProductTourWebProps } from '../../components/product-tour/ProductTourProps';
-declare const _default: React.ForwardRefExoticComponent<ProductTourWebProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { ProductTourWebProps } from './ProductTourProps';
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ * @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
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ */
+declare const ProductTour: ({ children, className, id, active, arrowDirection, arrowAlign, closeable, avatarSrc, avatarDirection, ...others }: ProductTourWebProps) => JSX.Element;
+export default ProductTour;

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

@@ -1,10 +1,10 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { has, is } from '../../services';
+import { Icon, IconName, IconSize } from '../icon';
+import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { Icon, IconName, IconSize } from '../../components/icon';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { has, is } from '../../services/classify';
-import { useProductTour } from './hook/useProductTour';
+import { useTrilogyContext } from '../../context';
 /**
  * Product Tour Component
  * @param children {React.ReactNode} Title child
@@ -17,17 +17,21 @@ import { useProductTour } from './hook/useProductTour';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal css classes
  */
-var ProductTour = function (_a, ref) {
-    var children = _a.children, className = _a.className, active = _a.active, arrowDirection = _a.arrowDirection, arrowAlign = _a.arrowAlign, closeable = _a.closeable, avatarSrc = _a.avatarSrc, avatarDirection = _a.avatarDirection, others = __rest(_a, ["children", "className", "active", "arrowDirection", "arrowAlign", "closeable", "avatarSrc", "avatarDirection"]);
-    var _b = useProductTour({ active: active }), display = _b.display, onClick = _b.onClick;
-    var classes = hashClass(clsx('product-tour', display && is('active'), avatarDirection && has("icon-".concat(avatarDirection)), className));
-    return (React.createElement("div", __assign({ className: classes, ref: ref }, others),
-        arrowDirection && React.createElement("div", { className: hashClass(clsx('arrow', is(arrowDirection), arrowAlign && is(arrowAlign))) }),
-        avatarSrc && (React.createElement("span", { className: hashClass(clsx('icon', is('medium'))) },
-            React.createElement("img", { className: hashClass(clsx(is('rounded'))), src: avatarSrc }))),
-        closeable && (React.createElement("div", { style: { cursor: 'pointer' }, onClick: onClick },
+var ProductTour = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, active = _a.active, arrowDirection = _a.arrowDirection, arrowAlign = _a.arrowAlign, closeable = _a.closeable, avatarSrc = _a.avatarSrc, avatarDirection = _a.avatarDirection, others = __rest(_a, ["children", "className", "id", "active", "arrowDirection", "arrowAlign", "closeable", "avatarSrc", "avatarDirection"]);
+    var _b = __read(useState(active || false), 2), display = _b[0], setDisplay = _b[1];
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
+        setDisplay(active || false);
+    }, [active]);
+    var classes = hashClass(styled, clsx('product-tour', display && is('active'), avatarDirection && has("icon-".concat(avatarDirection)), className));
+    return (React.createElement("div", __assign({ id: id, 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: function () { return setDisplay(!display); } },
             React.createElement(Icon, { size: IconSize.SMALL, name: IconName.TIMES, className: 'close' }))),
-        React.createElement("div", { className: hashClass(clsx('product-tour-content')) }, children)));
+        React.createElement("div", { className: hashClass(styled, clsx('product-tour-content')) }, children)));
 };
-export default React.forwardRef(ProductTour);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9Qcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFDbEIsRUFVc0IsRUFDdEIsR0FBOEI7SUFWNUIsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDWixNQUFNLGNBVFgsZ0hBVUMsQ0FEVTtJQUlMLElBQUEsS0FBdUIsY0FBYyxDQUFDLEVBQUUsTUFBTSxRQUFBLEVBQUUsQ0FBQyxFQUEvQyxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQStCLENBQUE7SUFFdkQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxlQUFRLGVBQWUsQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzVHLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07UUFDMUMsY0FBYyxJQUFJLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUk7UUFDaEgsU0FBUyxJQUFJLENBQ1osOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQ3BELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLFNBQVMsR0FBSSxDQUM3RCxDQUNSO1FBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ2pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ2xFLENBQ1A7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3JFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQSJ9
+export default ProductTour;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9Qcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQVdDO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxTQUFTLGVBQUEsRUFDVCxlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQVZVLHNIQVdwQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBekQsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFzQyxDQUFBO0lBQ3hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLFNBQVMsQ0FBQztRQUNSLFVBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLGVBQVEsZUFBZSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDNUcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4QyxjQUFjLElBQUksQ0FDakIsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUksQ0FDdkc7UUFDQSxTQUFTLElBQUksQ0FDWiw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQzVELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxTQUFTLEdBQUksQ0FDckUsQ0FDUjtRQUNBLFNBQVMsSUFBSSxDQUNaLDZCQUFLLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUFwQixDQUFvQjtZQUNwRSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNsRSxDQUNQO1FBQ0QsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FDN0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,5 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ProductTourProps } from '../../components/product-tour/ProductTourProps';
-declare const _default: React.ForwardRefExoticComponent<ProductTourProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { ProductTourProps } from "./ProductTourProps";
+import { ComponentName } from "../../components/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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { View } from "react-native";
 /**
  * Product Tour Component
  * @param children {React.ReactNode} Title child
  */
-var ProductTour = function (_a, ref) {
+var ProductTour = function (_a) {
     var children = _a.children;
-    return React.createElement(View, { ref: ref }, children);
+    return React.createElement(View, null, children);
 };
 ProductTour.displayName = ComponentName.ProductTour;
-export default React.forwardRef(ProductTour);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9kdWN0LXRvdXIvUHJvZHVjdFRvdXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7OztHQUdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUE4QixFQUFFLEdBQW9CO1FBQWxELFFBQVEsY0FBQTtJQUM3QixPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUEifQ==
+export default ProductTour;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9kdWN0LXRvdXIvUHJvZHVjdFRvdXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVuQzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQThCO1FBQTVCLFFBQVEsY0FBQTtJQUM3QixPQUFPLG9CQUFDLElBQUksUUFBRSxRQUFRLENBQVEsQ0FBQTtBQUNoQyxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Arrow direction
  */
@@ -55,6 +56,5 @@ export interface ProductTourProps {
 /**
  * Product Tour Web Interface
  */
-export interface ProductTourWebProps extends ProductTourProps {
-    className?: string;
+export interface ProductTourWebProps extends ProductTourProps, CommonProps {
 }

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

@@ -30,4 +30,4 @@ export var AvatarDirection;
     AvatarDirection["LEFT"] = "left";
     AvatarDirection["RIGHT"] = "right";
 })(AvatarDirection || (AvatarDirection = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZHVjdC10b3VyL1Byb2R1Y3RUb3VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLDRCQUFVLENBQUE7SUFDVixtQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBYSxDQUFBO0lBQ2IsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBU1g7QUFURCxXQUFZLFVBQVU7SUFDcEIscUNBQXVCLENBQUE7SUFDdkIseUNBQTJCLENBQUE7SUFDM0IscUNBQXVCLENBQUE7SUFDdkIsdUNBQXlCLENBQUE7SUFDekIsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsK0NBQWlDLENBQUE7SUFDakMseUNBQTJCLENBQUE7QUFDN0IsQ0FBQyxFQVRXLFVBQVUsS0FBVixVQUFVLFFBU3JCO0FBT0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxlQUdYO0FBSEQsV0FBWSxlQUFlO0lBQ3pCLGdDQUFhLENBQUE7SUFDYixrQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxlQUFlLEtBQWYsZUFBZSxRQUcxQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZHVjdC10b3VyL1Byb2R1Y3RUb3VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLDRCQUFVLENBQUE7SUFDVixtQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBYSxDQUFBO0lBQ2IsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBU1g7QUFURCxXQUFZLFVBQVU7SUFDcEIscUNBQXVCLENBQUE7SUFDdkIseUNBQTJCLENBQUE7SUFDM0IscUNBQXVCLENBQUE7SUFDdkIsdUNBQXlCLENBQUE7SUFDekIsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsK0NBQWlDLENBQUE7SUFDakMseUNBQTJCLENBQUE7QUFDN0IsQ0FBQyxFQVRXLFVBQVUsS0FBVixVQUFVLFFBU3JCO0FBT0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxlQUdYO0FBSEQsV0FBWSxlQUFlO0lBQ3pCLGdDQUFhLENBQUE7SUFDYixrQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxlQUFlLEtBQWYsZUFBZSxRQUcxQiJ9

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

@@ -25,14 +25,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "top",
       "bottom",
-      "top",
-      "bottom",
       "left",
-      "right"
+      "right",
+      "top"
     ]
   },
   "arrowAlign": {

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

@@ -1,11 +1,4 @@
 export default {
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "children": {
     "type": "react",
     "values": [
@@ -32,14 +25,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "top",
       "bottom",
-      "top",
-      "bottom",
       "left",
-      "right"
+      "right",
+      "top"
     ]
   },
   "arrowAlign": {
@@ -88,5 +81,19 @@ export default {
       "left",
       "right"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,2 +1,3 @@
-export { default as ProductTour } from '../../components/product-tour/ProductTour';
-export * from '../../components/product-tour/ProductTourProps';
+import ProductTour from './ProductTour';
+export * from './ProductTourProps';
+export { ProductTour };

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

@@ -1,3 +1,4 @@
-export { default as ProductTour } from '../../components/product-tour/ProductTour';
-export * from '../../components/product-tour/ProductTourProps';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzlFLGNBQWMsNENBQTRDLENBQUEifQ==
+import ProductTour from './ProductTour';
+export * from './ProductTourProps';
+export { ProductTour };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==

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

@@ -1,4 +1,18 @@
-import React from 'react';
-import { ProgressProps } from '../../components/progress/ProgressProps';
-declare const _default: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import * as React from '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 status {StatusState} Progress status 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: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<unknown>>;
+export default Progress;

package/lib/components/progress/Progress.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { is } from '../../services/index';
+import { getStatusClassName } from '../../objects';
+import { hashClass } from '../../helpers';
 import clsx from 'clsx';
-import React from 'react';
-import { Columns, ColumnsItem } from '../../components/columns';
-import { Text, TextLevels } from '../../components/text';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { getStatusClassName } from '../../objects/facets/Status';
-import { has, is } from '../../services/classify';
+import { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
@@ -20,21 +20,19 @@ import { has, is } from '../../services/classify';
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-var Progress = function (_a, ref) {
-    var children = _a.children, className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, stacked = _a.stacked, uniqueLegend = _a.uniqueLegend, firstExtremLegend = _a.firstExtremLegend, secondExtremLegend = _a.secondExtremLegend, others = __rest(_a, ["children", "className", "percent", "maxPercent", "status", "small", "stacked", "uniqueLegend", "firstExtremLegend", "secondExtremLegend"]);
-    var classes = hashClass(clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
-    var stackedClasses = hashClass(clsx('progress', stacked && is('stacked'), className));
-    if (children && stacked) {
-        return (React.createElement("div", __assign({ ref: ref, className: stackedClasses }, others), children));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("progress", __assign({ 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 },
-            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 React.forwardRef(Progress);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRTNELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzVELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUFZZ0IsRUFDaEIsR0FBb0M7SUFabEMsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxrQkFBZ0IsRUFBaEIsVUFBVSxtQkFBRyxHQUFHLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsT0FBTyxhQUFBLEVBQ1AsWUFBWSxrQkFBQSxFQUNaLGlCQUFpQix1QkFBQSxFQUNqQixrQkFBa0Isd0JBQUEsRUFDZixNQUFNLGNBWFgsMklBWUMsQ0FEVTtJQUlYLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLFVBQVUsRUFDVixNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQ3hDLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixJQUFJLFFBQVEsSUFBSSxPQUFPLEVBQUU7UUFDdkIsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGNBQWMsSUFBTSxNQUFNLEdBQ2pELFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTDtRQUNFLDJDQUFVLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsVUFBVSxJQUFNLE1BQU0sR0FDdEUsT0FBTyxDQUNDO1FBQ1YsWUFBWSxJQUFJLENBQ2Ysb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBRSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQ3pELFlBQVksQ0FDUixDQUNSO1FBQ0EsaUJBQWlCLElBQUksa0JBQWtCLElBQUksQ0FDMUMsb0JBQUMsT0FBTyxJQUFDLE1BQU07WUFDYixvQkFBQyxXQUFXO2dCQUNWLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFBRyxpQkFBaUIsQ0FBUSxDQUMzQztZQUNkLG9CQUFDLFdBQVcsSUFBQyxNQUFNO2dCQUNqQixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUcsa0JBQWtCLENBQVEsQ0FDNUMsQ0FDTixDQUNYLENBQ0EsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFBIn0=
+var Progress = React.forwardRef(function (props) {
+    var className = props.className, id = props.id, value = props.value, _a = props.max, max = _a === void 0 ? 100 : _a, status = props.status, small = props.small, legendStart = props.legendStart, legendCenter = props.legendCenter, legendEnd = props.legendEnd, others = __rest(props, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
+    return (React.createElement("div", { className: 'progress-container' },
+        React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
+        (legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: 'progress-legends' },
+            legendStart && (React.createElement("div", { className: 'progress-legend-start' },
+                React.createElement(Text, null, legendStart))),
+            legendCenter && (React.createElement("div", { className: 'progress-legend-center' },
+                React.createElement(Text, null, legendCenter))),
+            legendEnd && (React.createElement("div", { className: 'progress-legend-end' },
+                React.createElement(Text, null, legendEnd)))))));
+});
+export default Progress;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBb0I7SUFDN0MsSUFBQSxTQUFTLEdBQTJGLEtBQUssVUFBaEcsRUFBRSxFQUFFLEdBQXVGLEtBQUssR0FBNUYsRUFBRSxLQUFLLEdBQWdGLEtBQUssTUFBckYsRUFBRSxLQUE4RSxLQUFLLElBQTFFLEVBQVQsR0FBRyxtQkFBRyxHQUFHLEtBQUEsRUFBRSxNQUFNLEdBQTZELEtBQUssT0FBbEUsRUFBRSxLQUFLLEdBQXNELEtBQUssTUFBM0QsRUFBRSxXQUFXLEdBQXlDLEtBQUssWUFBOUMsRUFBRSxZQUFZLEdBQTJCLEtBQUssYUFBaEMsRUFBRSxTQUFTLEdBQWdCLEtBQUssVUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUEzRyxrR0FBbUcsQ0FBRixDQUFVO0lBQ3pHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixVQUFVLEVBQ1YsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUN4QyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtRQUNqQywyQ0FBVSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDckUsS0FBSyxDQUNHO1FBQ1YsQ0FBQyxXQUFXLElBQUksWUFBWSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQzdDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDOUIsV0FBVyxJQUFJLENBQ2QsNkJBQUssU0FBUyxFQUFDLHVCQUF1QjtnQkFDcEMsb0JBQUMsSUFBSSxRQUFFLFdBQVcsQ0FBUSxDQUN0QixDQUNQO1lBQ0EsWUFBWSxJQUFJLENBQ2YsNkJBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDckMsb0JBQUMsSUFBSSxRQUFFLFlBQVksQ0FBUSxDQUN2QixDQUNQO1lBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssU0FBUyxFQUFDLHFCQUFxQjtnQkFDbEMsb0JBQUMsSUFBSSxRQUFFLFNBQVMsQ0FBUSxDQUNwQixDQUNQLENBQ0csQ0FDUCxDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxRQUFRLENBQUEifQ==

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

@@ -1,5 +1,15 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ProgressProps } from '../../components/progress/ProgressProps';
-declare const _default: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { ProgressProps } from './ProgressProps';
+import { ComponentName } from '../../components/enumsComponentsName';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param value {number} Progress value
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param stacked {boolean} Stacked progress
+ */
+declare const Progress: {
+    ({ value, status, ...others }: ProgressProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Progress;

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

@@ -1,32 +1,28 @@
 import { __assign, __rest } from "tslib";
 import React, { useEffect, useRef } from 'react';
-import { Animated, StyleSheet, View } from 'react-native';
+import { Animated, StyleSheet } from 'react-native';
+import { View } from '../../components/view';
+import { getColorStyle, getStatusStyle, TrilogyColor } from '../../objects';
 import { ComponentName } from '../../components/enumsComponentsName';
-import { Text, TextLevels } from '../../components/text';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { getStatusStyle } from '../../objects/facets/Status';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
- * @param percent {number} Progress percent
+ * @param value {number} Progress value
  * @param status {StatusState} Progress status 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
  */
-var Progress = function (_a, ref) {
-    var children = _a.children, percent = _a.percent, status = _a.status, stacked = _a.stacked, uniqueLegend = _a.uniqueLegend, firstExtremLegend = _a.firstExtremLegend, secondExtremLegend = _a.secondExtremLegend, others = __rest(_a, ["children", "percent", "status", "stacked", "uniqueLegend", "firstExtremLegend", "secondExtremLegend"]);
+var Progress = function (_a) {
+    var value = _a.value, status = _a.status, others = __rest(_a, ["value", "status"]);
     var animation = useRef(new Animated.Value(0)).current;
     useEffect(function () {
         // eslint-disable-next-line no-unused-expressions
-        typeof percent === 'number' &&
+        typeof value === 'number' &&
             Animated.timing(animation, {
-                toValue: percent,
+                toValue: value,
                 duration: 1000,
                 useNativeDriver: false,
             }).start();
-    }, [animation, percent]);
+    }, [animation, value]);
     var height = 6;
     var width = animation.interpolate({
         inputRange: [0, 100],
@@ -41,7 +37,7 @@ var Progress = function (_a, ref) {
             backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
             borderRadius: 15,
         },
-        percent: {
+        value: {
             alignSelf: 'flex-start',
             height: height,
             backgroundColor: getStatusStyle(status).color,
@@ -73,35 +69,9 @@ var Progress = function (_a, ref) {
             fontWeight: '500',
         },
     });
-    if (stacked) {
-        return (React.createElement(View, __assign({ style: styles.progress }, others, { ref: ref }), Array.isArray(children) &&
-            children.map(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            function (child, index) {
-                return (child &&
-                    child.type.name === 'ProgressItem' &&
-                    React.cloneElement(child, {
-                        key: index,
-                        style: [
-                            index === 0 && styles.progressItemFirst,
-                            index === children.length - 1 && styles.progressItemSecond,
-                            {
-                                backgroundColor: getColorStyle(child.props.status),
-                                height: height,
-                            },
-                        ],
-                    })) ||
-                    child;
-            })));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, __assign({ style: styles.progress, ref: ref }, others),
-            React.createElement(Animated.View, { style: [styles.percent, { width: 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)))));
+    return (React.createElement(View, __assign({ style: styles.progress }, others),
+        React.createElement(Animated.View, { style: [styles.value, { width: width }] })));
 };
 Progress.displayName = ComponentName.Progress;
-export default React.forwardRef(Progress);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBRXhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQ2YsRUFBcUgsRUFDckgsR0FBb0I7SUFEbEIsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxZQUFZLGtCQUFBLEVBQUUsaUJBQWlCLHVCQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUFwRyx1R0FBc0csQ0FBRjtJQUdwRyxJQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZELFNBQVMsQ0FBQztRQUNSLGlEQUFpRDtRQUNqRCxPQUFPLE9BQU8sS0FBSyxRQUFRO1lBQ3pCLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFO2dCQUN6QixPQUFPLEVBQUUsT0FBTztnQkFDaEIsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFF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
+export default Progress;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUIsbUJBQTRCLENBQUY7SUFDMUMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUV2RCxTQUFTLENBQUM7UUFDUixpREFBaUQ7UUFDakQsT0FBTyxLQUFLLEtBQUssUUFBUTtZQUN2QixRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFFLEtBQUs7YUFDdkIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2QsQ0FBQyxFQUFFLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFdEIsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFBO0lBQ2hCLElBQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxXQUFXLENBQUM7UUFDbEMsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztRQUNwQixXQUFXLEVBQUUsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO1FBQzNCLFdBQVcsRUFBRSxPQUFPO0tBQ3JCLENBQUMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztZQUN0RCxZQUFZLEVBQUUsRUFBRTtTQUNqQjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsZUFBZSxFQUFFLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1lBQzdDLFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0QsaUJBQWlCLEVBQUU7WUFDakIsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixzQkFBc0IsRUFBRSxDQUFDO1NBQzFCO1FBQ0Qsa0JBQWtCLEVBQUU7WUFDbEIsa0JBQWtCLEVBQUUsQ0FBQztZQUNyQix1QkFBdUIsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLEVBQUU7WUFDVCxlQUFlLEVBQUUsTUFBTTtZQUN2QixNQUFNLEVBQUUsQ0FBQztTQUNWO1FBQ0QsWUFBWSxFQUFFO1lBQ1osU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsS0FBSztTQUNsQjtRQUNELFlBQVksRUFBRTtZQUNaLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsS0FBSztTQUNsQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLElBQU0sTUFBTTtRQUN0QyxvQkFBQyxRQUFRLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLE9BQUEsRUFBRSxDQUFDLEdBQUksQ0FDOUMsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGVBQWUsUUFBUSxDQUFBIn0=

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

@@ -1,16 +1,13 @@
-/// <reference types="react" />
 import { StatusProps } from '../../objects/facets/Status';
-import { Stacked } from '../../objects/facets/Stacked';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Progress Interface
  */
-export interface ProgressProps extends StatusProps, Stacked {
-    children?: React.ReactNode;
-    percent?: number;
-    maxPercent?: number;
+export interface ProgressProps extends StatusProps, CommonProps {
+    value?: number;
+    max?: number;
     small?: boolean;
-    uniqueLegend?: string;
-    firstExtremLegend?: string;
-    secondExtremLegend?: string;
-    className?: string;
+    legendStart?: string;
+    legendCenter?: string;
+    legendEnd?: string;
 }