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

package/lib/components/progress/ProgressPropsDefaults.js

@@ -1,26 +1,12 @@
 export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "percent": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "maxPercent": {
+  "max": {
     "type": "string",
     "values": [
       "undefined",
@@ -35,28 +21,21 @@ export default {
       "true"
     ]
   },
-  "uniqueLegend": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "firstExtremLegend": {
+  "legendStart": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "secondExtremLegend": {
+  "legendCenter": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "legendEnd": {
     "type": "string",
     "values": [
       "undefined",
@@ -84,12 +63,11 @@ export default {
       "string"
     ]
   },
-  "stacked": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

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

@@ -1,4 +1,4 @@
-export { default as Progress } from '../../components/progress/Progress';
-export { default as ProgressItem } from '../../components/progress/item/ProgressItem';
-export { default as ProgressRadial } from '../../components/progress/radial/ProgressRadial';
-export { default as ProgressRadialItem } from '../../components/progress/radial/item';
+import Progress from './Progress';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressRadial, ProgressRadialItem };

package/lib/components/progress/index.js

@@ -1,5 +1,5 @@
-export { default as Progress } from '../../components/progress/Progress';
-export { default as ProgressItem } from '../../components/progress/item/ProgressItem';
-export { default as ProgressRadial } from '../../components/progress/radial/ProgressRadial';
-export { default as ProgressRadialItem } from '../../components/progress/radial/item';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLElBQUksUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDcEUsT0FBTyxFQUFFLE9BQU8sSUFBSSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQTtBQUNqRixPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLDZDQUE2QyxDQUFBO0FBQ3ZGLE9BQU8sRUFBRSxPQUFPLElBQUksa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQSJ9
+import Progress from './Progress';
+import ProgressRadial from './radial';
+import ProgressRadialItem from './radial/item/ProgressRadialtem';
+export { Progress, ProgressRadial, ProgressRadialItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLGNBQWMsTUFBTSxVQUFVLENBQUE7QUFDckMsT0FBTyxrQkFBa0IsTUFBTSxpQ0FBaUMsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxDQUFBIn0=

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

@@ -1,4 +1,16 @@
-import React from 'react';
-import { ProgressRadialProps } from '../../../components/progress/radial/ProgressRadialProps';
-declare const _default: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <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 skeleton {boolean} Skeleton Progress Radial
+ * - --------------- NATIVE PROPERTIES ----------------------------------
+ * - --------------- WEB PROPERTIES -------------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param small {boolean} Display small progress radial
+ */
+declare const ProgressRadial: ({ children, value, secondValue, label, description, skeleton, className, id, small, ...others }: ProgressRadialProps) => JSX.Element;
+export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.js

@@ -1,39 +1,74 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { useProgressRadial } from '../../../components/progress/radial/hook/useProgressRadial';
-import { Text, TextLevels } from '../../../components/text';
-import { Title, TitleLevels } from '../../../components/title';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import { is } from '../../../services/index';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Title, TitleLevels } from '../../title';
+import { Text, TextLevels } from '../../text';
+import { getColorStyle } from '../../../objects/facets/Color';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
  * @param label {string} Custom label
  * @param description {string} Custom description
  * @param children {React.ReactNode}
- * @param secondPercent {number} Second progress percent
  * @param skeleton {boolean} Skeleton Progress Radial
  * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param full {boolean} Full progressRadial
- * @param disk {boolean} Disk ProgressRadial
- * @param align {Alignable} Progress Radial Alignement
  * - --------------- WEB PROPERTIES -------------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param small {boolean} Display small progress radial
  */
-var ProgressRadial = function (_a, ref) {
-    var children = _a.children, _b = _a.percent, percent = _b === void 0 ? 0 : _b, _c = _a.secondPercent, secondPercent = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, small = _a.small, others = __rest(_a, ["children", "percent", "secondPercent", "label", "description", "skeleton", "className", "small"]);
-    var _d = useProgressRadial({ percent: percent, secondPercent: secondPercent }), progressRadialRef = _d.progressRadialRef, styleSSR = _d.styleSSR;
-    var classes = hashClass(clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-    var classesContent = hashClass(clsx('progress-radial-content'));
-    return (React.createElement("div", __assign({ className: classes, ref: progressRadialRef, style: styleSSR }, others),
-        React.createElement("div", { className: classesContent, ref: ref },
+var ProgressRadial = function (_a) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
+    var styled = useTrilogyContext().styled;
+    var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
+    var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
+    var classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
+    var classesContent = hashClass(styled, clsx('progress-radial-content'));
+    var progressRadialRef = useRef(null);
+    // Function to update the background style based on the current progress
+    var updateBackgroundStyle = function (firstValue, secondValue) {
+        var progressRadial = progressRadialRef.current;
+        if (!progressRadial) {
+            return;
+        }
+        var firstProgressDegree = (360 * firstValue) / 100;
+        var secondProgressDegree = (360 * secondValue) / 100;
+        // Ensure the second progress starts where the first ends
+        var secondProgressStartDegree = firstProgressDegree;
+        var styleBackground;
+        styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
+        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
+        progressRadial.style.background = styleBackground;
+    };
+    useEffect(function () {
+        var animationFrameId;
+        // Reset the current values whenever the provided percent or secondPercent change
+        setFirstProgressCurrentValue(0);
+        setSecondProgressCurrentValue(0);
+        updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
+        var frame = function () {
+            setFirstProgressCurrentValue(function (currentValue) {
+                return currentValue < value ? currentValue + 1 : currentValue;
+            });
+            setSecondProgressCurrentValue(function (currentValue) {
+                return currentValue < secondValue ? currentValue + 1 : currentValue;
+            });
+            animationFrameId = requestAnimationFrame(frame);
+        };
+        animationFrameId = requestAnimationFrame(frame);
+        // Cleanup
+        return function () { return cancelAnimationFrame(animationFrameId); };
+    }, [value, secondValue]);
+    useEffect(function () {
+        updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
+    }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
+        React.createElement("div", { className: classesContent },
             label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
             description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
             !label && !description && children)));
 };
-export default React.forwardRef(ProgressRadial);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUE7QUFFdkYsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFDckIsRUFVc0IsRUFDdEIsR0FBOEI7SUFWNUIsSUFBQSxRQUFRLGNBQUEsRUFDUixlQUFXLEVBQVgsT0FBTyxtQkFBRyxDQUFDLEtBQUEsRUFDWCxxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDakIsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNGLE1BQU0sY0FUWCxrR0FVQyxDQURVO0lBSUwsSUFBQSxLQUFrQyxpQkFBaUIsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLGFBQWEsZUFBQSxFQUFFLENBQUMsRUFBN0UsaUJBQWlCLHVCQUFBLEVBQUUsUUFBUSxjQUFrRCxDQUFBO0lBRXJGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDOUcsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUE7SUFFakUsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxRQUFRLElBQU0sTUFBTTtRQUMxRSw2QkFBSyxTQUFTLEVBQUUsY0FBYyxFQUFFLEdBQUcsRUFBRSxHQUFHO1lBQ3JDLEtBQUssSUFBSSxDQUNSLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsRUFBRSxVQUFVLFVBQ3RDLEtBQUssQ0FDQSxDQUNUO1lBQ0EsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLFVBQVUsVUFDcEMsV0FBVyxDQUNQLENBQ1I7WUFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQy9CLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBIn0=
+export default ProgressRadial;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVdGO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVmEsb0dBV3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFBLEVBQUUsNEJBQTRCLFFBQWUsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBOEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXhFLDBCQUEwQixRQUFBLEVBQUUsNkJBQTZCLFFBQWUsQ0FBQTtJQUUvRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUN0SCxJQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUE7SUFFekUsSUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBRXRELHdFQUF3RTtJQUN4RSxJQUFNLHFCQUFxQixHQUFHLFVBQUMsVUFBa0IsRUFBRSxXQUFtQjtRQUNwRSxJQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUE7UUFDaEQsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNuQixPQUFNO1NBQ1A7UUFFRCxJQUFNLG1CQUFtQixHQUFHLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUNwRCxJQUFNLG9CQUFvQixHQUFHLENBQUMsR0FBRyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUV0RCx5REFBeUQ7UUFDekQsSUFBTSx5QkFBeUIsR0FBRyxtQkFBbUIsQ0FBQTtRQUVyRCxJQUFJLGVBQWUsQ0FBQTtRQUNuQixlQUFlLEdBQUcsa0VBQWtFLENBQUE7UUFDcEYsZUFBZSxJQUFJLG1DQUE0QixtQkFBbUIsa0JBQVEsYUFBYSxDQUNyRixNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDLENBQUE7UUFDYixjQUFjLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxlQUFlLENBQUE7SUFDbkQsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxnQkFBcUIsQ0FBQTtRQUV6QixpRkFBaUY7UUFDakYsNEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDL0IsNkJBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1FBRWxHLElBQU0sS0FBSyxHQUFHO1lBQ1osNEJBQTRCLENBQUMsVUFBQyxZQUFZO2dCQUN4QyxPQUFPLFlBQVksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQTtZQUMvRCxDQUFDLENBQUMsQ0FBQTtZQUNGLDZCQUE2QixDQUFDLFVBQUMsWUFBWTtnQkFDekMsT0FBTyxZQUFZLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUE7WUFDckUsQ0FBQyxDQUFDLENBQUE7WUFDRixnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNqRCxDQUFDLENBQUE7UUFFRCxnQkFBZ0IsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUUvQyxVQUFVO1FBQ1YsT0FBTyxjQUFNLE9BQUEsb0JBQW9CLENBQUMsZ0JBQWdCLENBQUMsRUFBdEMsQ0FBc0MsQ0FBQTtJQUNyRCxDQUFDLEVBQUUsQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUV4QixTQUFTLENBQUM7UUFDUixxQkFBcUIsQ0FBQyx5QkFBeUIsRUFBRSwwQkFBMEIsQ0FBQyxDQUFBO0lBQzlFLENBQUMsRUFBRSxDQUFDLHlCQUF5QixFQUFFLDBCQUEwQixDQUFDLENBQUMsQ0FBQTtJQUUzRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLElBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsaUJBQWlCO1FBQ2pFLDZCQUFLLFNBQVMsRUFBRSxjQUFjO1lBQzNCLEtBQUssSUFBSSxDQUNSLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsRUFBRSxVQUFVLFVBQ3RDLEtBQUssQ0FDQSxDQUNUO1lBQ0EsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLFVBQVUsVUFDcEMsV0FBVyxDQUNQLENBQ1I7WUFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQy9CLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -1,5 +1,20 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ProgressRadialProps } from '../../../components/progress/radial/ProgressRadialProps';
-declare const _default: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { ProgressRadialProps } from './ProgressRadialProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param full {boolean} Full progressRadial
+ * @param disk {boolean} Disk ProgressRadial
+ * @param secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ */
+declare const ProgressRadial: {
+    ({ value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.native.js

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import ContentLoader, { Circle } from 'react-content-loader/native';
+import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { AnimatedCircularProgress } from '../../../components/progress/radial/react-native-circular-progress';
+import { AnimatedCircularProgress } from './react-native-circular-progress';
 import { Text, TextLevels } from '../../../components/text';
 import { getAlignStyle, TypographyAlign } from '../../../objects';
 import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import ContentLoader, { Circle } from 'react-content-loader/native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -15,19 +15,17 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
  * @param full {boolean} Full progressRadial
  * @param disk {boolean} Disk ProgressRadial
- * @param children {React.ReactNode}
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondPercent {number} Second progress percent
+ * @param secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
-var ProgressRadial = function (_a, ref) {
-    var percent = _a.percent, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondPercent = _a.secondPercent, secondStatus = _a.secondStatus, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["percent", "label", "description", "status", "full", "disk", "secondPercent", "secondStatus", "align", "skeleton"]);
+var ProgressRadial = function (_a) {
+    var value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
     var color = getColorStyle(status || TrilogyColor.INFO);
     var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
-    var percentWidth = percent || 0;
-    var secondFill = secondPercent ? { secondFill: secondPercent } : null;
-    var secondFillColor = { secondFillTintColor: getColorStyle(secondStatus || TrilogyColor.MAIN) };
+    var percentWidth = value || 0;
+    var secondFill = secondValue ? { secondFill: secondValue } : null;
+    var secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || TrilogyColor.MAIN) };
     var progressRadialWidth = 100;
     var progressRadialSkeletonRadius = 50;
     var styles = StyleSheet.create({
@@ -74,23 +72,23 @@ var ProgressRadial = function (_a, ref) {
         },
     });
     var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
-        React.createElement(View, { style: { opacity: 0 }, ref: ref }),
+        React.createElement(View, { style: { opacity: 0 } }),
         Platform.OS === 'android' && (React.createElement(View, null,
             React.createElement(Circle, { cx: '50', cy: '50', r: '50' }))))); };
     if (skeleton) {
         return React.createElement(ProgressRadialSkeleton, null);
     }
     if (disk) {
-        return (React.createElement(View, { style: styles.container, ref: ref },
+        return (React.createElement(View, { style: styles.container },
             React.createElement(View, __assign({ style: [styles.disk, styles.alignCenter] }, others),
                 label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
                 description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || '')) : (description))));
     }
-    return (React.createElement(View, __assign({ style: styles.container, ref: ref }, others),
+    return (React.createElement(View, __assign({ style: styles.container }, others),
         React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (React.createElement(View, { style: styles.alignCenter },
             label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
             description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))); })));
 };
 ProgressRadial.displayName = ComponentName.ProgressRadial;
-export default React.forwardRef(ProgressRadial);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQTtBQUN0RyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQ3JCLEVBWXNCLEVBQ3RCLEdBQW9CO0lBWmxCLElBQUEsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLGFBQWEsbUJBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhYLG1IQVlDLENBRFU7SUFJWCxJQUFNLEtBQUssR0FBRyxhQUFhLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUN4RCxJQUFNLGVBQWUsR0FBRyxhQUFhLENB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
+export default ProgressRadial;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFZRjtJQVhwQixJQUFBLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FYYSxtSEFZdkIsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElBQU0sZUFBZSxHQUFHLGFBQWEsQ0FBQyxZQUFZ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

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

@@ -1,21 +1,20 @@
+import { AlignableProps, StatusProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
 import React from 'react';
-import { ProgressRadialItemProps } from '../../../components/progress/radial/item/ProgressRadialItemProps';
-import { AlignableProps } from '../../../objects/facets/Alignable';
-import { StatusProps, StatusState, StatusStateValues } from '../../../objects/facets/Status';
+import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Progress Radial Interface
  */
-export interface ProgressRadialProps extends StatusProps, AlignableProps {
+export interface ProgressRadialProps extends StatusProps, AlignableProps, CommonProps {
     children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
-    percent?: number;
     label?: string | React.ReactNode;
+    value?: number;
+    valueColor?: TrilogyColor | TrilogyColorValues;
+    secondValue?: number;
+    secondValueColor?: TrilogyColor | TrilogyColorValues;
     description?: string | React.ReactNode;
-    className?: string;
     full?: boolean;
     disk?: boolean;
-    secondPercent?: number;
-    secondStatus?: StatusState | StatusStateValues;
     skeleton?: boolean;
-    stacked?: boolean;
     small?: boolean;
 }

package/lib/components/progress/radial/ProgressRadialPropsDefaults.js

@@ -14,13 +14,6 @@ export default {
       "JSXElementConstructor<any>>"
     ]
   },
-  "percent": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "number"
-    ]
-  },
   "label": {
     "type": "react",
     "values": [
@@ -35,51 +28,61 @@ export default {
       "ReactPortal"
     ]
   },
-  "description": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "className": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
-    ]
-  },
-  "full": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
+      "number"
     ]
   },
-  "disk": {
-    "type": "boolean",
+  "valueColor": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
     ]
   },
-  "secondPercent": {
+  "secondValue": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "secondStatus": {
+  "secondValueColor": {
     "type": "enum",
     "values": [
       "undefined",
@@ -87,13 +90,53 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
       "SUCCESS",
+      "SUCCESS_FADE",
       "INFO",
+      "INFO_FADE",
       "WARNING",
-      "ERROR"
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN_FADE",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
     ]
   },
-  "skeleton": {
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "full": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -101,7 +144,15 @@ export default {
       "true"
     ]
   },
-  "stacked": {
+  "disk": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "skeleton": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -161,5 +212,12 @@ export default {
       "ALIGNED_START",
       "ALIGNED_END"
     ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,2 +1,2 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;

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

@@ -1,3 +1,3 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { TrilogyColor } from '../../../../objects/facets/Color';
-export interface ProgressRadialItemProps {
+import { TrilogyColor } from '../../../../objects';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+export interface ProgressRadialItemProps extends CommonProps {
     children?: React.ReactNode;
     percent: number;
-    className?: string;
     color: 'secondary' | 'warning' | 'empty' | 'tertiary' | TrilogyColor;
 }

package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js

@@ -17,13 +17,6 @@ export default {
     "type": "string",
     "values": []
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "color": {
     "type": "enum",
     "values": [
@@ -49,5 +42,19 @@ export default {
       "empty",
       "tertiary"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/progress/radial/item/ProgressRadialtem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ProgressRadialItemProps } from '../../../../components/progress/radial/item/ProgressRadialItemProps';
-declare const _default: React.ForwardRefExoticComponent<ProgressRadialItemProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { ProgressRadialItemProps } from './ProgressRadialItemProps';
+declare const ProgressRadialItem: ({ color, className, id }: ProgressRadialItemProps) => JSX.Element;
+export default ProgressRadialItem;