@trilogy-ds/react 0.0.1-alpha-prompt

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

@@ -0,0 +1,16 @@
+import React from '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} Additional css classes
+ */
+declare const ProductTour: React.ForwardRefExoticComponent<ProductTourWebProps & React.RefAttributes<HTMLDivElement>>;
+export default ProductTour;

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

@@ -0,0 +1,39 @@
+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 { useTrilogyContext } from '../../context';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * 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} Additional css classes
+ */
+var ProductTour = React.forwardRef(function (_a, ref) {
+    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({ ref: ref, 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(styled, clsx('product-tour-content')) }, children)));
+});
+ProductTour.displayName = ComponentName.ProductTour;
+export default ProductTour;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9Qcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXNDLFVBQUMsRUFXMUUsRUFBRSxHQUFHO0lBVkosSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixjQUFjLG9CQUFBLEVBQ2QsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULGVBQWUscUJBQUEsRUFDWixNQUFNLGNBVmdFLHNIQVcxRSxDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBekQsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFzQyxDQUFBO0lBQ3hELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLFNBQVMsQ0FBQztRQUNSLFVBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxlQUFlLElBQUksR0FBRyxDQUFDLGVBQVEsZUFBZSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDNUcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ2xELGNBQWMsSUFBSSxDQUNqQiw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxjQUFjLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBSSxDQUN2RztRQUNBLFNBQVMsSUFBSSxDQUNaLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7WUFDNUQsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLFNBQVMsR0FBSSxDQUNyRSxDQUNSO1FBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsVUFBVSxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQXBCLENBQW9CO1lBQ3BFLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUMsT0FBTyxHQUFHLENBQ2xFLENBQ1A7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUM3RSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ProductTourProps } from "./ProductTourProps";
+import { View } from "react-native";
+/**
+ * Product Tour Component
+ * @param children {React.ReactNode} Title child
+ */
+declare const ProductTour: React.ForwardRefExoticComponent<ProductTourProps & React.RefAttributes<View>>;
+export default ProductTour;

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

@@ -0,0 +1,14 @@
+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 = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    return React.createElement(View, { ref: ref }, children);
+});
+ProductTour.displayName = ComponentName.ProductTour;
+export default ProductTour;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9kdWN0LXRvdXIvUHJvZHVjdFRvdXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVuQzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ3RGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLElBQUcsUUFBUSxDQUFRLENBQUE7QUFDMUMsQ0FBQyxDQUFDLENBQUE7QUFFRixXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+/**
+ * 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, CommonProps {
+}
+export type ProductTourRef = HTMLDivElement;
+export type ProductTourNativeRef = View;

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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZHVjdFRvdXJQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZHVjdC10b3VyL1Byb2R1Y3RUb3VyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLDRCQUFVLENBQUE7SUFDVixtQ0FBaUIsQ0FBQTtJQUNqQiwrQkFBYSxDQUFBO0lBQ2IsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekI7QUFPRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFVBU1g7QUFURCxXQUFZLFVBQVU7SUFDcEIscUNBQXVCLENBQUE7SUFDdkIseUNBQTJCLENBQUE7SUFDM0IscUNBQXVCLENBQUE7SUFDdkIsdUNBQXlCLENBQUE7SUFDekIsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsK0NBQWlDLENBQUE7SUFDakMseUNBQTJCLENBQUE7QUFDN0IsQ0FBQyxFQVRXLFVBQVUsS0FBVixVQUFVLFFBU3JCO0FBT0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxlQUdYO0FBSEQsV0FBWSxlQUFlO0lBQ3pCLGdDQUFhLENBQUE7SUFDYixrQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxlQUFlLEtBQWYsZUFBZSxRQUcxQiJ9

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

@@ -0,0 +1,85 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "arrowDirection": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "bottom",
+      "left",
+      "right",
+      "top",
+      "bottom",
+      "left",
+      "right",
+      "top"
+    ]
+  },
+  "arrowAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "one-fifth",
+      "one-quarter",
+      "one-thrid",
+      "two-fifths",
+      "three-fifths",
+      "two-thirds",
+      "three-quarters",
+      "four-fifths",
+      "one-fifth",
+      "one-quarter",
+      "one-thrid",
+      "two-fifths",
+      "three-fifths",
+      "two-thirds",
+      "three-quarters",
+      "four-fifths"
+    ]
+  },
+  "closeable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "avatarSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "avatarDirection": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "left",
+      "right",
+      "left",
+      "right"
+    ]
+  }
+};

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

@@ -0,0 +1,99 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "active": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "arrowDirection": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "bottom",
+      "left",
+      "right",
+      "top",
+      "bottom",
+      "left",
+      "right",
+      "top"
+    ]
+  },
+  "arrowAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "one-fifth",
+      "one-quarter",
+      "one-thrid",
+      "two-fifths",
+      "three-fifths",
+      "two-thirds",
+      "three-quarters",
+      "four-fifths",
+      "one-fifth",
+      "one-quarter",
+      "one-thrid",
+      "two-fifths",
+      "three-fifths",
+      "two-thirds",
+      "three-quarters",
+      "four-fifths"
+    ]
+  },
+  "closeable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "avatarSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "avatarDirection": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "left",
+      "right",
+      "left",
+      "right"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ProgressProps } from './ProgressProps';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param small {boolean} Small progress
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS classes
+ */
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export default Progress;

package/lib/components/progress/Progress.js

@@ -0,0 +1,38 @@
+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 { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param small {boolean} Small progress
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS classes
+ */
+var Progress = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, stacked = _a.stacked, others = __rest(_a, ["children", "className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd", "stacked"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
+    var stackedClasses = hashClass(styled, clsx('progress', stacked && is('stacked'), className));
+    if (children && stacked) {
+        return (React.createElement("div", __assign({ className: stackedClasses }, others), children));
+    }
+    return (React.createElement("div", { ref: ref, 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)))))));
+});
+Progress.displayName = ComponentName.Progress;
+export default Progress;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQWE1QyxFQUFFLEdBQUc7SUFaSixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNMLFdBQVMsRUFBVCxHQUFHLG1CQUFHLEdBQUcsS0FBQSxFQUNULE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVprQyx5SEFhNUMsQ0FEVTtJQUVuQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsVUFBVSxFQUNWLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFDeEMsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRixJQUFJLFFBQVEsSUFBSSxPQUFPLEVBQUU7UUFDdkIsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxjQUFjLElBQU0sTUFBTSxHQUN2QyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUMsb0JBQW9CO1FBQzNDLDJDQUFVLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUNyRSxLQUFLLENBQ0c7UUFDVixDQUFDLFdBQVcsSUFBSSxZQUFZLElBQUksU0FBUyxDQUFDLElBQUksQ0FDN0MsNkJBQUssU0FBUyxFQUFDLGtCQUFrQjtZQUM5QixXQUFXLElBQUksQ0FDZCw2QkFBSyxTQUFTLEVBQUMsdUJBQXVCO2dCQUNwQyxvQkFBQyxJQUFJLFFBQUUsV0FBVyxDQUFRLENBQ3RCLENBQ1A7WUFDQSxZQUFZLElBQUksQ0FDZiw2QkFBSyxTQUFTLEVBQUMsd0JBQXdCO2dCQUNyQyxvQkFBQyxJQUFJLFFBQUUsWUFBWSxDQUFRLENBQ3ZCLENBQ1A7WUFDQSxTQUFTLElBQUksQ0FDWiw2QkFBSyxTQUFTLEVBQUMscUJBQXFCO2dCQUNsQyxvQkFBQyxJQUFJLFFBQUUsU0FBUyxDQUFRLENBQ3BCLENBQ1AsQ0FDRyxDQUNQLENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ProgressProps } from './ProgressProps';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param stacked {boolean} Stacked progress
+ * @param legendCenter {string} Unique legend
+ * @param legendStart {string} First extremity legend, only with legendEnd property
+ * @param legendEnd {string} Second extremity legend, only with legendStart property
+ */
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<import("react-native").View>>;
+export default Progress;

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

@@ -0,0 +1,99 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text, TextLevels } from '../../components/text';
+import { View } from '../../components/view';
+import { getColorStyle, getStatusStyle, TrilogyColor } from '../../objects';
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+/**
+ * Progress component
+ * @param children {ReactNode} Use Children it only if stacked progress
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
+ * @param stacked {boolean} Stacked progress
+ * @param legendCenter {string} Unique legend
+ * @param legendStart {string} First extremity legend, only with legendEnd property
+ * @param legendEnd {string} Second extremity legend, only with legendStart property
+ */
+var Progress = React.forwardRef(function (_a, ref) {
+    var children = _a.children, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, legendCenter = _a.legendCenter, legendStart = _a.legendStart, legendEnd = _a.legendEnd, stacked = _a.stacked, others = __rest(_a, ["children", "value", "max", "status", "legendCenter", "legendStart", "legendEnd", "stacked"]);
+    var animation = useRef(new Animated.Value(0)).current;
+    useEffect(function () {
+        if (typeof value === 'number') {
+            Animated.timing(animation, {
+                toValue: value,
+                duration: 1000,
+                useNativeDriver: false,
+            }).start();
+        }
+    }, [animation, value]);
+    var height = 6;
+    var width = animation.interpolate({
+        inputRange: [0, max],
+        outputRange: ['0%', "".concat(max, "%")],
+        extrapolate: 'clamp',
+    });
+    var styles = StyleSheet.create({
+        progress: {
+            flexDirection: 'row',
+            width: '100%',
+            height: height,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
+            borderRadius: 15,
+        },
+        percent: {
+            alignSelf: 'flex-start',
+            height: height,
+            backgroundColor: getStatusStyle(status).color,
+            borderRadius: 15,
+        },
+        progressItemFirst: {
+            borderTopStartRadius: 6,
+            borderBottomLeftRadius: 6,
+        },
+        progressItemLast: {
+            borderTopEndRadius: 6,
+            borderBottomRightRadius: 6,
+        },
+        legendCenter: {
+            textAlign: 'center',
+            paddingTop: 5,
+            fontWeight: '500',
+            alignSelf: 'center',
+        },
+        extremLegend: {
+            width: '100%',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            paddingTop: 5,
+            fontWeight: '500',
+        },
+    });
+    if (stacked) {
+        return (React.createElement(View, __assign({ style: styles.progress }, others), Array.isArray(children) &&
+            children.map(
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            function (child, index) {
+                return (child &&
+                    child.type.render.displayName === 'ProgressItem' &&
+                    React.cloneElement(child, {
+                        key: index,
+                        style: [
+                            index === 0 ? styles.progressItemFirst : undefined,
+                            index === children.length - 1 ? styles.progressItemLast : undefined,
+                            { backgroundColor: getStatusStyle(child.props.status).color, height: height },
+                        ],
+                    })) ||
+                    child;
+            })));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, __assign({ ref: ref, style: styles.progress }, others),
+            React.createElement(Animated.View, { style: [styles.percent, { width: width }] })),
+        legendCenter && (React.createElement(Text, { style: styles.legendCenter, level: TextLevels.THREE }, legendCenter)),
+        legendStart && legendEnd && !legendCenter && (React.createElement(View, { style: styles.extremLegend },
+            React.createElement(Text, { level: TextLevels.THREE }, legendStart),
+            React.createElement(Text, { level: TextLevels.THREE }, legendEnd)))));
+});
+Progress.displayName = ComponentName.Progress;
+export default Progress;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBZ0csRUFDaEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBUyxFQUFULEdBQUcsbUJBQUcsR0FBRyxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTlGLDZGQUFnRyxDQUFGO0lBRzlGLElBQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7Z0JBQ3pCLE9BQU8sRUFB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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { StatusProps } from '../../objects/facets/Status';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Progress Interface
+ */
+export interface ProgressProps extends StatusProps, CommonProps {
+    children?: React.ReactNode;
+    value?: number;
+    max?: number;
+    small?: boolean;
+    legendStart?: string;
+    legendCenter?: string;
+    legendEnd?: string;
+    stacked?: boolean;
+}
+export type ProgressRef = HTMLDivElement;
+export type ProgressNativeRef = View;

package/lib/components/progress/ProgressProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvUHJvZ3Jlc3NQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=